body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,a {  
	margin:0; 
	padding:0;
	outline:none; 
}

html {
	background:#ebebeb url(img/bg.jpg) fixed repeat-x;
}

body {
	background:transparent url(img/road-bg.jpg) 0 209px repeat-x;
}

#wrapper {
	width:960px;
	margin:10px auto 75px auto;
}

	#masthead {
		width:960px;
		height:200px;
		display:block;
	}
	
		#logo {
			width:202px;
			height:188px;
			display:block;
			float:left;
			margin-top:15px;
		}
		
			#logo h1 a {
				width:202px;
				height:188px;
				display:block;
				text-indent:-9999px;
				background:transparent url(img/stripe-n-seal-aaron-paving-logo.png) no-repeat;
			}
		
		#mastRight {
			width:755px;
			height:188px;
			float:left;
		}
		
			#mastPhone {
				width:755px;
				height:140px;
			}
				
				#mastPhone h4 {
					font-family:Arial, Helvetica, sans-serif;
					font-weight:lighter;
					font-size:24px;
					color:#669966;
					margin:30px 0 0 15px;
					padding:0;
					float:right;
					width:200px;
				}
				
				#mastPhone h5 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#669966;
					margin:0;
					padding:0 45px 0 0;
					text-align:right;
					clear:right;
				}
				
				ul.social {
					list-style-type:none;
					width:200px;
					float:right;
					margin-top:25px;
				}
				
					ul.social li {
						list-style:none;
						margin:0 4px;
						width:32px;
						height:32px;
						overflow:hidden;
						float:right;
					}
					
						ul.social li a.socialFacebook {
							width:32px;
							height:32px;
							display:block;
							text-indent:-9999px;
							background:transparent url(img/facebook.png) no-repeat;
							text-decoration:none;
						}
						ul.social li a.socialTwitter {
							width:32px;
							height:32px;
							display:block;
							text-indent:-9999px;
							background:transparent url(img/twitter-lrg.png) no-repeat;
							text-decoration:none;
						}
						ul.social li a.socialBlogger {
							width:32px;
							height:32px;
							display:block;
							text-indent:-9999px;
							background:transparent url(img/blogger.png) no-repeat;
							text-decoration:none;
						}
		
			#topNavigation {
				width:755px;
				height:33px;
				display:block;
				border-bottom:#e9e9e9 1px solid;
			}
			
				#topNav {
					list-style:none;
					width:580px;
					float:left;
				}
				
					#topNav li {
						list-style-type:none;
						display:inline;
					}
					
						#topNav li a:link, #topNav li a:active, #topNav li a:visited {
							padding:12px 16px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							text-transform:uppercase;
							color:#5a5a5a;
							text-decoration:none;
						}
						
						#topNav li a:hover {						
							background:#dbdbdb;
							border-top:2px solid #54b8e9;
						}
						
						#topNav li a.lHere {						
							background:#eee;
							border-top:2px dashed #dbdbdb;
						}
						
				#searchForm {
					width:170px;
					float:left;
				}
				
					#searchQuery {
						border:none;
						background: none;
						padding:5px;
						color:#54b8e9;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						text-transform:uppercase;
						width:115px;
						height:10px;
						float:left;
					}
					
					#searchSubmit {
						background:transparent url(img/searchSubmit.jpg) no-repeat;
						width:20px;
						height:20px;
						display:block;
						float:left;
						border:none;
					}
				
	#stage {
		width:960px;
		height:333px;
		display:block;
		clear:both;
		background:#fff;
		-moz-box-shadow: 0 3px 3px #999;
		-webkit-box-shadow: 0 3px 3px #999;
		box-shadow: 0 3px 3px #999;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#999999')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#999999');
	}
		
		div.slide {
		width:960px;
		height:333px;
		display:block;
		overflow:hidden;
		}
		
		.slide h2, .slide p {
			display:none;
		}
		
		.slide img {
			border:none;
		}
		
	#dashboard {
		width:960px;
		border:1px solid #dbdbdb;
		margin-top:12px;
	}
	
		.dashBox {
			width:318px;
			height:220px;
			display:block;
			float:left;
			background:#eee url(img/dashBox-bg.png) repeat-x;
			border-left:1px solid #fff;
			border-right:1px solid #dbdbdb;
		}
		
		#dashboard:first-child {
			border-left:none;
		}
		
		#dashboard:last-child {
			border-right:none;
		}
		
			.dashImg {
				width:260px;
				height:76px;
				border:none;
				display:block;
				margin:30px 30px 15px 30px;
			}
			
			.dashBox h3 a:link, .dashBox h3 a:active, .dashBox h3 a:visited {
				text-decoration:none;
				color:#669966;
			}
			
			.dashBox h3 a:hover {
				text-decoration:underline;
				color:#333;
			}
			
			.dashBox h3 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:bold;
				color:#54b8e9;
				margin:15px 30px 5px 30px;
			}
			
			.dashBox p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:16px;
				margin:5px 30px 10px 30px;
				color:#5a5a5a;
			}
			
	#newsTicker {
		width:946px;
		margin:12px auto 0 auto;
		background:#eee url(img/newsTicker-bg.png) repeat;
		border:1px solid #dbdbdb;
		clear:both;
		padding:7px;
	}
	
		#newsTicker h2 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			width:100px;
			border-right:1px solid #dbdbdb;
			float:left;
			color:#54b8e9;
			margin-left:5px;
		}
		
		#newsTicker ul li {
			border-left:1px solid #fff;
			color:#5a5a5a;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			width:700px;
			float:left;
			margin-left:15px;
			list-style:none;
		}
		
			#newsTicker ul li a:link, #newsTicker ul li a:active, #newsTicker ul li a:visited {
				padding-left:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#54b8e9;
				font-weight:bold;
				text-decoration:none;
			}
			
			#newsTicker ul li a:hover {
				text-decoration:underline;
				color:#575757;
			}
		
			a.rMoreTicker:link, a.rMoreTicker:active, a.rMoreTicker:visited {
				width:100px;
				float:right;
				border-left:1px solid #dbdbdb;
				padding-left:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#54b8e9;
				font-weight:bold;
				text-decoration:none;
				background:transparent url(img/twitter.png) 70px 0 no-repeat;
			}
			
			a.rMoreTicker:hover {
				text-decoration:underline;
				color:#575757;
			}
			
	#footer {
		margin-top:15px;
		background:#eee url(img/footer-bg.png) repeat-x;
		border:1px solid #dbdbdb;
		padding:26px 0;
	}
	
		#footerLeft {
			width:213px;
			border-right:1px solid #dbdbdb;
			float:left;
		}
		
			a.requestQuote:link, a.requestQuote:active, a.requestQuote:visited {
				background:transparent url(img/button-bg.png) repeat;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				text-transform:uppercase;
				color:#fff;
				text-decoration:none;
				width:157px;
				height:23px;
				display:block;
				margin:0 auto;
				text-align:center;
				padding:8px 0 0 0;
				font-weight:bold;
			}
			
			a.requestQuote:hover {
				text-decoration:underline;
			}
			
		#footerMiddle {
			width:465px;
			float:left;
		}
		
			#footerMiddle h4 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				text-transform:uppercase;
				width:106px;
				float:left;
				color:#54b8e9;
				margin-left:25px;
			}
			
			#joinMailList {
				width:325px;
				height:46px;
				display:block;
				float:left;
			}
			
				#mailListInput {
					width:214px;
					padding:8px 10px;
					background:#dbdbdb;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#54b8e9;
					float:left;
					border:none;
					margin-left:10px;
				}
				
				#mailListSubmit {
					width:63px;
					height:30px;
					display:block;
					float:left;
					background:transparent url(img/button-bg.png) repeat;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					text-transform:uppercase;
					color:#fff;
					text-decoration:none;
					border:none;
					margin-left:10px;
				}
				
		#footerRight {
			width:240px;
			float:left;
			padding-left:15px;
			border-left:1px solid #dbdbdb;
		}
		
			#footerRight p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#737373;
				padding:0 0 4px 0;
				text-align:center;
			}
			
			#fLinks {
				list-style:none;
				text-align:center;
			}
			
				#fLinks li {
					color:#54b8e9;
					text-decoration:none;
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					font-weight:bold;
				}
				
					#fLinks li a:link, #fLinks li a:active, #fLinks li a:visited {
						color:#54b8e9;
						text-decoration:none;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
					}
					
					#fLinks li a:hover {
						color:#737373;
						text-decoration:underline;
					}
					
					
	#innerContent {
		width:958px;
		border:1px solid #dbdbdb;
		background:#f5f5f5;
		margin-top:9px;
		margin-bottom:15px;
		position: relative;
	}
	
		#content {
			width:700px;
			padding:15px 30px;
			float:left;
			border-right:1px solid #dbdbdb;
		}
		
			#content h1 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:33px;
				color:#54b8e9;
				font-weight:normal;
			}
			
			#content h2 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:24px;
				margin:35px 0 5px 0;
				color:#669966;
				padding:3px 0;
				border-top:3px solid #fff;
				border-bottom:4px solid #dbdbdb;
				line-height:30px;
			}
			
			#content h2 span {
				font-style:italic;
				font-weight:normal;
				color:#999;
				font-size:22px;
				line-height:28px;
				font-family:Georgia, Garamond, "Times New Roman", serif;
			}
			
			#content h3 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:bold;
				color:#666;
				text-transform:uppercase;
				font-style:italic;
				margin-top:20px;
			}
			
			#content h3 span {
				font-style:italic;
				color:#666;
				font-size:12px;
				font-weight:bold;
			}
			
			#content p {
				margin-bottom:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				line-height:20px;
				color:#737373;
			}
			
			#content img.photo {
				padding:3px;
				background:#fff;
				border:1px solid #ccc;
			}
			
			#content img.imgRight {
				float:right;
				margin:5px 0 5px 15px;
			}
			
			#content img.imgLeft {
				float:left;
				margin:5px 15px 5px 0;
			}
			
			#content a:link, #content a:active, #content a:visited {
				color:#669966;
			}
			
			#content a:hover {
				color:#54b8e9;
				text-decoration:none;
			}
			
			ul.regList, ol.regList {
				margin:0 85px 5px 20px;
				padding:5px 5px 15px 5px;
				border:1px solid #dbdbdb;
				background:#fff;
				-moz-border-radius-topright: 30px;
				border-top-right-radius: 30px;
				-moz-border-radius-bottomleft:30px;
				border-bottom-left-radius: 30px;
			}
			
				ul.regList li, ol.regList li {
					font-family:Georgia, Garamond, "Times New Roman", serif;
					font-size:18px;
					line-height:24px;
					margin:5px 30px;
					color:#669966;
					font-weight:bold;
				}
			
				ul.regList li span, ol.regList li span{
					font-family:Georgia, Garamond, "Times New Roman", serif;
					font-size:16px;
					color:#666;
					font-weight:normal;
				}
		
		#sidebarWrapper { /* required to avoid jumping */
		  position: absolute;
		  width:149px;
		  left:765px;
		}
		
		#sidebar {
			position:absolute;
			top:0;
			margin-top:20px;
			padding-top:19px;
			width:185px;
		}
		
		#sidebar.fixed {
		  position: fixed;
		  top: 0;
		}
		
			#sidebar ul {
				width:149px;
				list-style:none;
			}
			
				#sidebar ul li {
					padding:3px 3px 3px 13px;
					margin:10px 0;
					list-style-type:none;
					background: url(img/li-arrows.gif) no-repeat 0 10px;
					color:#54b8e9;
				}
				
				#sidebar ul li a:link, #sidebar ul li a:active, #sidebar ul li a:visited{
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					font-weight:bold;
					color:#54b8e9;
					text-decoration:none;
				}
				
				#sidebar ul li a:hover {
					text-decoration:underline;
					color:#669966;
				}
/* EXTRAS */
#slider {
  	width: 700px;
	margin:0 auto;
  	position: relative;
}

.scroll {
  	width: 700px;
  	overflow: auto;
    overflow-x: hidden;
  	position: relative; /* fix for IE to respect overflow */
 	clear: left;
    background: transparent;
}

.scrollContainer div.panel {
    padding: 0 0 25px 0;
    width: 700px;
    display:block;
	border-bottom:10px #ccc solid;
	}

#contactForm {
	width:400px;
	padding:5px 5px 15px 5px;
	float:left;
}

#contactForm label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#669966;
	font-weight:bold;
	margin-right:15px;
}

#contactForm input.basic {
	width:120px;
	margin-bottom:6px;
}

#contactForm textarea {
	width:200px;
}

#contactForm input, #contactForm label {
	float:left;
	display:block;
}

#contactForm input.submit {
	background:#ccc;
	padding:5px;
	font-family:Arial, Helvetica, san-serif;
	font-weight:bold;
	text-align:center;
	float:left;
}

#gmap {
	border:4px solid #dbdbdb;
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
	-moz-border-radius-bottomleft:30px;
	border-bottom-left-radius: 30px;
	width:425px;
	margin-left:10px;
	padding:25px;
	float:left;
	background:#fff;
	overflow:hidden;
}

.req {
	color:#ff0000;
}

.gallery { left:20px;float:left;width:465px; } 
.pics { height: 355px; width: 465px; padding:0; margin:0; overflow: hidden }
.pics img { height: 323px; width: 430px; padding: 15px; border: 1px solid #ccc;background:#fff; top:0; left:0 }
.pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.nav { width: 200px; margin: 0;  padding:0; float: left; }
.nav li { width: 50px; float: left; margin: 7px; list-style: none }
.nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
.nav a.activeSlide { background: #669966;}
.nav a:focus { outline: none; }
.nav img { border: none; display: block }

#beforeAfters {
	text-align:center;
}

#beforeAfters p {
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px solid #ccc;
}

.balinks {
	width:430px;
	height:25px;
	display:block;
	margin:0 auto 5px auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:2px solid #ccc;
}

.bflinks a:link, .bflinks a:active, .bflinks a:visited {
	float:left;
	width:45%;
}

.bflinks a:hover {
	text-decoration:none;
	font-weight:bold;
}

#beforeAfter1, #beforeAfter2, #beforeAfter3, #beforeAfter4, #beforeAfter5 {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px;
	margin:0 auto;
	width:430px;
}

#photoCaption1,#photoCaption2,#photoCaption3,#photoCaption4 {
	padding:5px 45px 10px 215px;
	font-size:12px;
	font-weight:bold;
}

.clearit {
	clear:both;
	height:0%;
}