/*-------------------------------------------
--
	LAYOUT
	- HEADER
	- CONTENT
	- FOOTER
	
	MISCELLANEOUS
	- CLEAR FIX
--

-------------------------------------------*/
:focus {-moz-outline-style: none;}
a img {border: 0px;}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #000000;
} 

#pagewidth{ 
 width:800px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
/*-------------------------------------------
	- HEADER
		- menu
-------------------------------------------*/

#header{
 position:relative; 
 height:250px;
 margin: 0px;
 width: 800px;
 background-image:url(../images/header.jpg);
} 

h1 {
text-indent: -9999px;
}
	/*- menu -*/	
#menu {
	margin:0px;
	padding: 0px;
	width: 800px;
	position: absolute;
	top:192px; 
}

#menu ul {
	margin:0px;
	padding: 0px 0px 0px 75px;
}

#menu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	list-style-type: none;
	float:left;
	text-transform:uppercase;
	font-size: 11px;
	padding-right: 0px;
}

#menu li a {
	float: left;
	color: white;
	text-decoration: none;
	padding: 8px 11px 8px 10px;
	height: 14px;
}

#menu li a:hover {
	text-decoration: none;
	color: #000000;
}


/*-------------------------------------------
	- CONTENT
-------------------------------------------*/
 
#wrapper{
    position: relative; 
    width: 800px;
    margin-top: -14px;
	_margin-top:0px;
    padding: 0px;
    background-image:url(../images/body_bg.jpg);
    background-position:top;
    background-repeat: repeat-y;
 }

#maincol{
    padding: 8px 50px 0px 60px;
	_padding-top:1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
	line-height: 18px;
 }
 
#maincol h2 {
	width:680px;
	height: 26px;
	background-repeat: no-repeat;
	text-indent:-9999px;
}
         .asphalthome {
              background-image:url(../images/heading_mfgmix.gif);
         }
		 
		 .largeasphaltplant {
              background-image:url(../images/heading_asphalt_plant.gif);
         }
		 
		 .asphaltmobile {
              background-image:url(../images/heading_asphalt_mobile.gif);
         }
		 
		 .asphaltmobilesmall {
		      background-image:url(../images/heading_pothole.gif);
         }
		 
		 .contact {
		      background-image:url(../images/heading_contact.gif);
         }

#maincol table {
	padding: 2px;
	border:0px;
}

#maincol td {
	padding: 1px 0px 0px 5px;
	vertical-align: top;
}

#maincol .tdlabel {
	background-color:#D6B9A7;
	border:1px solid #716F64;
}

#maincol h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	font-weight: bold;
	margin: 0px;
	color: #000000;
	padding: 0px 0px -3px 0px;
}

#box {
    width:auto;
	height:auto;
	border:3px double #532911;
	background-color:#D6B9A7;
	padding:5px;
}

#boxhome {
    width:300px;
	height:auto;
	border:3px double #532911;
	background-color:#D6B9A7;
	padding:3px;
	_padding-top:18px;
	float:right;
	margin:15px 5px 15px 5px;
}

#maincol ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
}


#maincol li {
	margin-left:10px;
	_padding-left:14px;
	_margin-left:-2px;
	list-style-image:url(../images/bullet1.gif);
	vertical-align:top;
	font-weight:bold;
	color:#7E3F18;
}

#maincol hr {
    margin-top:12px;
	margin-bottom:12px;
	color: #491B04;
	height:1px;

}

#maincol a {
    color: #823706;
	text-decoration:underline;
}

#maincol a:hover{
    color: #bf0005;
	text-decoration:none;
}


/*-------------------------------------------
	- FOOTER
-------------------------------------------*/

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #A78B85;
	margin-top: 5px;
	padding-bottom: 20px;
	text-align: center;
}

#footer a {
color: #A78B85;
text-decoration:none;
}

#footer a:hover {
color: #A78B85;
border-bottom: 1px solid #A78B85;
}

.errormessage {
	text-align: center;
	text-shadow: #888 0px 1px 4px;
	font-weight: bold;
	font-size: 18px;
	color: #fb1027;
}

#contact_us input.error{  
    background: #f8dbdb;  
    border-color: #FF7776;  
}


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#maincol{width:90%; float:none;}
}