/* RESET */
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,pre,form,p,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body {
	background: url(../images/back.gif);
	font-family: "Verdana";
	font-size: 11px;
	color: #898686;
	line-height: 15px;
}

#backhead {
	background: url(../images/back_head.gif) repeat-x;
	width: 100%;
}

a {
	text-decoration: none;
	color: #898686;
}

a:hover {
	color: #e45600;
}

p {
	margin: 0px 60px;
	text-align: left;
}

#layout {
	margin: 0px 0px 20px 0px;
	background: url(../images/back_indexbody.gif) repeat-y;
	width: 915px;
}

	#header { 
		background: url(../images/headerback_index.gif) no-repeat;
		padding: 20px 100px 0px 30px;
	}

		img.logoindex {
			float: left;
		}
		
		img.logo {
			float: left;
		}
		
		img.serving, img.quality {
			float: right;
			margin: 0px 11px 0px 0px;
		}
		
		#mainmenuholder {
			margin: 35px 0px 32px 200px;
			height: 18px;
		}
		
		#mainmenuholder.index {
			margin: 35px 0px 12px 200px;
			height: 18px;
		}

		
			ul#mainmenu {
				height: 18px;
			}
			
				ul#mainmenu li {
					float: left;
					padding: 0px 1px 0px 1px;
				}
				
					ul#mainmenu li a {
						width: 116px;
						height: 18px;
						text-indent: -666px;
						display: block;
						overflow: hidden;
					}
					
					ul#mainmenu li a:hover {
						
					}
					
					ul#mainmenu li a.one {
						background: url(../images/menu1.gif);
						width: 112px;
					}
					
					ul#mainmenu li a.one:hover, ul#mainmenu li a.oneactive {
						background: url(../images/menu1.gif) 0px -18px;
						width: 112px;
					}
					
					ul#mainmenu li a.two {
						background: url(../images/menu2.gif);
					}
					
					ul#mainmenu li a.two:hover, ul#mainmenu li a.twoactive {
						background: url(../images/menu2.gif) 0px -18px;
					}
					
					ul#mainmenu li a.three {
						background: url(../images/menu3.gif);
					}
					
					ul#mainmenu li a.three:hover, ul#mainmenu li a.threeactive {
						background: url(../images/menu3.gif) 0px -18px;
					}


					ul#mainmenu li a.four {
						background: url(../images/menu4.gif);
					}
					
					ul#mainmenu li a.four:hover, ul#mainmenu li a.fouractive {
						background: url(../images/menu4.gif) 0px -18px;
					}


					ul#mainmenu li a.five {
						background: url(../images/menu5.gif);
						width: 112px;
					}
					
					ul#mainmenu li a.five:hover, ul#mainmenu li a.fiveactive {
						background: url(../images/menu5.gif) 0px -18px;
						width: 112px;
					}

						/* DROP DOWNS */
						
						
						#mainmenu li ul {
							position: absolute;
							width: 116px;
							left: -999em;
							border-top: 0px solid #ced2ac;
							z-index: 3;
							padding-top: 0px;
							
						}
								
							#mainmenu li:hover ul, #mainmenu li.sfhover ul {
								left: auto;
							}
							
							#mainmenu li:hover, #mainmenu li.sfhover {
								
							}
							
							#mainmenu li:hover a, #mainmenu li.sfhover a {
								
							}
								
								
								
								
								#mainmenu li:hover li a, #mainmenu li.sfhover li a {
									color: #030000;
									background-color: #ffffff;
								}
								
								#mainmenu li li {
									width: 112px;
									background: #ffffff;
									padding: 0px;
									margin: 0px;
									text-align: center;
								}
								
								#mainmenu li li a {
									color: #030000;
									text-align: center;
									background: #8f8e8e;
									border: 1px solid #ffffff;
									border-top: 0px;
									padding: 0px;
									width: 110px;
									height: 20px;
									//height: 18px !important;
									margin: 0px 0px 0px 0px;
									text-indent: 0px;
									line-height: 20px;
									font-size: 9px;
									font-weight: bold;
								}
								
								#mainmenu li li a.active {
									color: #ffffff;
									background: #666666;
								}
								
								
								#mainmenu li li a:hover {
									color: #ffffff;
									background: #8f8e8e;
								}
								
								#mainmenu li:hover li a, #mainmenu li.sfhover li a {
									background: #8f8e8e;
									
								}
								
								
	.headerline {
		background: url(../images/line.gif) 0px 10px repeat-x;
		display: block;
		text-align: left;
		margin: 0px 75px;
		padding: 0px 0px 0px 60px;
	}
	
	.headerline span {
		font-size: 11px;
		font-weight: bold;
		color: #e45600;
		text-transform: uppercase;
		background: #ffffff;
		padding: 0px 5px;
	}
	
	#buckets {
		height: 210px;
		padding: 20px 0px 0px 90px;
	}
		
		#buckets .bucket {
			width: 220px;
			height: 210px;
			background: url(../images/bucket_index.jpg) no-repeat;
			display: block;
			float: left;
			margin: 0px 12px;
		}
			.bucket h3 {
				color: #8a8888;
				font-size: 14px;
				font-weight: bold;
				line-height: 30px;
				margin: 0px 0px 24px 0px;
				text-transform: uppercase;
			}
			
			.bucket .thumbs {
				position: relative;
				padding: 0px 0px 0px 14px;
				height: 92px;
			}

				.bucket .thumbs img {
					float: left;
					margin: 0px 10px 0px 0px;
				}
				
				.bucket .overlay {
					position: absolute;
					top: -3px;
					left: 10px;
				}
			
			.bucket p {
				font-size: 10px;
				line-height: normal;
				padding: 0px 15px;
				margin: 0px;
				color: #000;
				text-align: center;
			}
			
	#readmore {
		height: 25px;
		margin: 15px 115px 0px 0px;
		display: block;
	}
	
	#readmore a {
		float: right;
	}
	
	.contact {
		font-size: 14px;
		color: #787878;
		font-weight: bold;
		width: 400px;
		margin: 0px 0px 20px 0px;
	}
	
	#custlinks {
		color: #9f9e9d;
		margin: 15px 70px;
		padding: 10px 0px;
		font-weight: bold;
		font-size: 11px;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
	}
		
		#custlinks span {
			margin: 0px 0px 0px 15px;
			line-height: 22px;
		}
				
			#custlinks a {
				color: #9f9e9d;
				text-decoration: underline;
				margin: 0px 15px 0px 0px;
			}

			#custlinks a:hover {
				color: #e45600;
			}
			
	.boldgray {
		color: #9f9e9d;
		font-weight: bold;
	}
	
	td {
		width: 140px;
		padding: 10px 10px 10px 20px;
		color: #898686;
		font-size: 11px;
	}
	
	td a {
		text-decoration: underline;
		font-weight: bold;
	}
	
	td.header {
		color: #e45b00;
		font-family: "Helvetica";
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		width: 160px;
		vertical-align: top;
		border-right: 1px solid #e1e1e1;
		padding: 20px 0px;
	}
	
	tr.bottomborder {
		border-bottom: 1px solid #e1e1e1;
	}
	
	tr.bottomborder td {
		
	}
	
	tr.top td {
		
	}
	
	table {
		width: 774px;
		margin: 15px;
	}
	
	#company {
		width: 700px;
		color: #898686;
		text-align: left;
		margin: 10px 0px;
		line-height: 16px;
		font-size: 11px;
	}
	
		#company .person {
			clear: left;
			margin: 10px 0px 30px 0px;
		}
		
			#company .person img {
				float: left;
				margin: 0px 25px 30px 0px;
			}
				
		#company .twoacross {
			border-top: 1px solid #e1e1e1;
			padding: 15px 0px;
			margin: 15px 0px;
		}
		
			#company .twoacross .person {
				float: right;
				width: 340px;
				clear: none;
				margin: 0px;
			}
			
			#company .twoacross .person1 {
				float: left;
				width: 340px;
			}
			
				#company .twoacross img {
					float: right;
					margin: 0px 6px;
				}
	
				.person h3, .person1 h3 {
					color: #000000;
					font-size: 11px;
					font-weight: bold;
					text-transform: uppercase;
				}
				
				#company .person p {
					margin: 4px 0px 0px 155px;
				}
				
				#company .twoacross p {
					margin: 4px 0px 0px 0px;
				}
	
	#company.vendors {
		width: 840px;
	}
	
		#company .leftcol {
			width: 420px;
			padding: 1px 0px 0px 0px;
			float: left;
		}
		
		#company .rightcol {
			padding: 1px 0px 0px 0px;
			margin: 0px 0px 0px 420px;
		}
		
			#company .vendor {
				border-top: 1px solid #ced2ac;
				padding: 10px;
				margin: 10px;
			}
			
				#company .vendor img {
					float: left;
				}
				
				#company .vendor p {
					margin: 0px 0px 0px 150px;
				}
		
	p.topborder {
		border-top: 1px solid #e1e1e1;
		margin: 15px 0px 0px 0px;
		padding: 15px 0px 0px 0px;
	}
				
	.upperred {
		text-transform: uppercase;
		color: #fa0909;
		font-weight: bold;
		font-size: 9px;
		display: block;
	}
	
	#health {
		margin: 0px 60px;
	}
	
		#health h2 {
			font-weight: bold;
			font-family: "Helvetica";
			text-align: left;
			margin: 15px 0px 10px 20px;
		}
		
		#healthlinks, #healthlist {
			border-top: 1px solid #ced2ac;
			padding: 15px 0px 0px 0px;
		}
		
		#healthlinks .links {
			width: 180px;
			float: left;
			border-right: 1px solid #ced2ac;
		}
		
		#healthlist .links {
			width: 120px;
			float: left;
		}
			#healthlinks .links div {
				border-bottom: 1px solid #ced2ac;
				margin: 0px 15px 0px 0px;
				padding: 10px 0px;
			}
			
				#healthlinks .links div img {
					float: left;
				}
			
			#healthlinks .links span {
				margin: 10px 0px 0px 0px;
				display: block;
				font-size: 12px;
				font-weight: bold;
				font-family: "Helvetica";
			}
				
				#healthlinks .list div img {
					float: none;
				}
			
			#healthlist .links span {
				margin: 10px 0px 0px 0px;
				display: block;
				font-size: 12px;
				font-weight: bold;
				font-family: "Helvetica";
			}
			
			#healthlist table {
				width: 660px;
				font-weight: bold;
				margin: 0px;
			}
			
				#healthlist td {
					border-left: 1px solid #ced2ac;
					padding: 0px 0px 0px 24px;
					margin: 0px;
					width: auto;
					text-align: left;
				}
			
				#healthlist table span {
					color: #ee1c23;
					text-transform: uppercase;
					text-align: left;
					font-family: "Verdana";
				}

				#healthlist table a:hover {
					color: #e45600;
				}

		
		#healthlinks .content {
			margin: 0px 0px 0px 180px;
		}
		
			#healthlinks .content p {
				margin: 10px 0px 0px 30px;
			}
			
		#healthlist .content {
			margin: 0px 0px 20px 20px;
			float: left;
			width: 37%;
			display: block;
		}
		
			#healthlist .content p {
				margin: 10px 0px 0px 30px;
				font-weight: bold;
			}
	
	#servicestitle {
		width: 754px;
		margin: 37px 0px 0px 0px;
		padding: 17px 0px;
		display: block;
	}
	
	#servicestitle.one {
		background: url(../images/servicessplash.jpg) right no-repeat;
	}
	
	#servicestitle.two {
		background: url(../images/services_concrete.jpg) right no-repeat;
	}
	
	#servicestitle.three {
		background: url(../images/services_seal.jpg) right no-repeat;
	}
	
	#servicestitle.four {
		background: url(../images/services_ada.jpg) right no-repeat;
	}
	
	#servicestitle.five {
		background: url(../images/services_striping.jpg) right no-repeat;
	}
	
	#servicestitle.six {
		background: url(../images/services_petromat.jpg) right no-repeat;
	}
	
	#servicestitle.seven {
		background: url(../images/services_new.jpg) right no-repeat;
	}
	
	#servicestitle.eight {
		background: url(../images/services_crack.jpg) right no-repeat;
	}
	
	#servicestitle.nine {
		background: url(../images/services_grading.jpg) right no-repeat;
	}
	
	#servicestitle.ten {
		background: url(../images/services_pulverize.jpg) right no-repeat;
	}
	
	#switchbtns {
		width: 736px;
		margin: 0px 0px 10px 0px;
	}
	
		#switchbtns .padding {
			padding: 0px 16px 10px 16px;
			float: left;
		}
	
		#switchbtns a {
			width: 114px;
			height: 115px;
			text-indent: -666px;
			overflow: hidden;
			display: block;
		}
		
		#switchbtns a#switchbtn1 {
			background: url(../images/servicesbtn1.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn1.active, #switchbtns a#switchbtn1:hover {
			background: url(../images/servicesbtn1R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn2 {
			background: url(../images/servicesbtn2.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn2.active, #switchbtns a#switchbtn2:hover {
			background: url(../images/servicesbtn2R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn3 {
			background: url(../images/servicesbtn3.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn3.active, #switchbtns a#switchbtn3:hover {
			background: url(../images/servicesbtn3R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn4 {
			background: url(../images/servicesbtn4.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn4.active, #switchbtns a#switchbtn4:hover {
			background: url(../images/servicesbtn4R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn5 {
			background: url(../images/servicesbtn5.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn5.active, #switchbtns a#switchbtn5:hover {
			background: url(../images/servicesbtn5R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn6 {
			background: url(../images/servicesbtn6.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn6.active, #switchbtns a#switchbtn6:hover {
			background: url(../images/servicesbtn6R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn7 {
			background: url(../images/servicesbtn7.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn7.active, #switchbtns a#switchbtn7:hover {
			background: url(../images/servicesbtn7R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn8 {
			background: url(../images/servicesbtn8.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn8.active, #switchbtns a#switchbtn8:hover {
			background: url(../images/servicesbtn8R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn9 {
			background: url(../images/servicesbtn9.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn9.active, #switchbtns a#switchbtn9:hover {
			background: url(../images/servicesbtn9R.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn10 {
			background: url(../images/servicesbtn10.jpg) no-repeat;
		}
		
		#switchbtns a#switchbtn10.active, #switchbtns a#switchbtn10:hover {
			background: url(../images/servicesbtn10R.jpg) no-repeat;
		}

	#switches {
		text-align: left;
	}
	
	.switch {
		width: 800px;
		text-align: left;
		margin: 0px 0px 0px 60px;
		padding: 0px 0px 24px 0px;
	}
		
		.switch h2 {
			font-weight: bold;
			font-size: 14px;
			font-family: "Helvetica";
			padding: 5px 0px 4px 0px;
		}
	
		.switch img {
			float: right;
			margin: -0px 0px 0px 0px;
		}
		
		.switch p {
			margin: 0px 260px 16px 0px;
		}
		
	
	#switch1{
		
	}
	
	.center {
		text-align: center;
	}
	
	.red {
		color: #ee1c23;
	}
	
	#footer {
		height: 35px;
		background: url(../images/back_footer.gif) no-repeat 10px 0px;
		font-size: 10px;
		color: #bbbbbb;
		text-align: left;
		text-indent: 110px;
	}
	
	#footer .padding {
		padding: 10px 0px 0px 0px;
	}
	
		#footer ul {
			float: right;
			margin: 10px 75px 0px 0px;
			width: 270px;
		}
		
			#footer ul li {
				float: left;
				text-indent: 0px;
				margin: 0px 0px 0px 4px;
			}
			
				#footer ul li a {
					text-decoration: none;
					color: #bbbbbb;
				}
				
				#footer ul li a:hover {
					color: #e45600;
				}