@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------------
/ body
-------------------------------------------------------------------------------------------*/
body{
	background-position: 0px -200px;
}

/*-------------------------------------------------------------------------------------------
/ bg
-------------------------------------------------------------------------------------------*/
#bg{
	background:url(/images/home/city-bg.png) no-repeat center -10px;
	width: 100%;
}

/*-------------------------------------------------------------------------------------------
/ contentPane
-------------------------------------------------------------------------------------------*/
#contentPane{
	position: relative;
}
	
/*-------------------------------------------------------------------------------------------
/ largeLogo
-------------------------------------------------------------------------------------------*/
#largeLogo{
	position: absolute;
	top: 85px;
	left: -35px;
	z-index: 100;
}

/*-------------------------------------------------------------------------------------------
/ welcomeMessage
-------------------------------------------------------------------------------------------*/
#welcomeMessage{
	position: absolute;
	top: 365px;
	left: 0px;
	width: 220px;
}
	#welcomeMessage h1{
		color: #58595B;
		font-size:33px;
		font-weight:700;
		line-height: 1.0em;
	}
	#welcomeMessage div.divider{
		width: 160px;
		margin: 10px 0px;
	}
	#welcomeMessage p{
		line-height: 1.5em;
	}
	
/*-------------------------------------------------------------------------------------------
/ promotions
-------------------------------------------------------------------------------------------*/
#promotions{
	margin: 80px 0px 0px 500px;
	height: 240px;
	width: 360px;
	position:relative;
}
	#promotions .promotion{
		color: white;
		font-weight:bold;
		z-index: 50;
		width: 360px;
	}
	#pager{
		position: absolute;
		bottom: 0px;
		right: 10px;
		z-index: 80;
	}
		#pager ul{
			list-style: none;
		}
			#pager ul li{
				float: left;
			}
				#pager ul li a{
					display: block;
					background: white;
					height: 8px; 
					width: 8px;
					margin: 0px 3px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-box-shadow: 2px 2px 4px black;
					-moz-box-shadow: 2px 2px 4px black;
				}
					#pager ul li a.activeSlide{
						background: #F8971D;
					}

/*-------------------------------------------------------------------------------------------
/ infoPanel
-------------------------------------------------------------------------------------------*/
#infoPanels{
	margin: 20px 0px 0px 250px;
}
	#infoPanels .button{
		background:url(/images/home/orange-button-bg.png) no-repeat;
		width: 155px;
		height: 23px;
		padding-top:7px;
		margin: auto;
		text-align:center;
		display:block;
		font-weight:bold;
		color: white;
	}
	#threeBuckets{
		margin: 0px 0px 15px 0px;
	}
		#threeBuckets .bucket{
			background:url(/images/home/promotions/bg.png) no-repeat;
			width: 174px;
			height: 236px;
			float: left;
			margin-left: 15px;
			padding: 20px 25px;
			position:relative;
		}
			#threeBuckets .bucket:first-child{
				margin-left: 0px;
			}
			#threeBuckets .bucket h2{
				position:relative;
				z-index: 200;
				width: 105%;
			}
				#threeBuckets .bucket h2 a{
					color: #231F20;
					padding-left: 0px;
					padding-top: 35px;
					text-indent: 75px;
					background-position: top left;
					background-repeat:no-repeat;
					display:block;
					font-size:18px;
					margin-bottom: 10px;
				}
					#threeBuckets .bucket#bucketDevelopment h2 a{
						background-image:url(/images/template/website-development.png);
					}
					#threeBuckets .bucket#bucketMaintenance h2 a{
						background-image:url(/images/template/website-maintenance.png);
					}
					#threeBuckets .bucket#bucketCustomApplications h2 a{
						background-image:url(/images/template/custom-web-applications.png);
					}
			#threeBuckets .bucket .button{
				position: absolute;
				bottom: 25px;
			}
	#contactUs{
		clear: both;
		background:url(/images/home/contact-us-bg.png) no-repeat;
		width: 644px;
		height: 84px;
		margin: 0px 0px 10px 0px;
		padding: 20px 30px;
		position:relative;
	}
		#contactUs h2{
			padding-left: 90px;
			background-position: top left;
			background-repeat:no-repeat;
			font-size:22px;
		}
			#contactUs h2 a{
				color: black;
			}
		#contactUs p{
			padding-left: 90px;
			margin-top: 10px;
		}
		#contactUs img.icon{
			float: left;
		}
		#contactUs .button{
			position: absolute;
			bottom: 20px;
			right: 20px;
		}