/*-------------------------------------------
	TITLE: Hunter Manufacturing
	CREATED: 3/26/2008

--
	LAYOUT
	- BODY, LINKS, MENUS
	- TOP
	- MENU
	- CONTENT
	- SUBMENU
	- FOOTER
--

-------------------------------------------*/



/*-------------------------------------------
	- BODY, LINKS, MENUS
		- links
		- top level divs
-------------------------------------------*/
body {
	background-image: url(../images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #030303;
	margin: 0px;
	padding: 0px;
}

#contentleft a {color: #ca803f; text-decoration: underline}
#contentleft a:hover {color: white; text-decoration: underline; border-bottom: 2px solid white;}
a {outline: none;}
:focus {-moz-outline-style: none;}


#pagewidth {
	width: 939px;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	margin: 13px 0px 0px 0px;
	padding: 0px;
	float: left;
}

h1 a {
	background-image: url(../images/logo.jpg);
	display: block;
	width: 419px;
	height: 253px;
	text-indent: -9999px;
}

h1 a:hover { border: 0px;}

#top {
	height: 235px;
	margin-left: -14px;
}


/*-------------------------------------------
	- NAVIGATION
-------------------------------------------*/

#navigation {
	margin: 13px 0px 0px 0px;
	width: 269px;
	height: 247px;
	background-image:url(../images/nav_bg.jpg);
	float: left;
}

/* -------- MAIN HORIZONTAL MENU OFF STATE ---------- */

#navigation ul {list-style-type:none; padding: 0px; margin: 33px 0px 0px 0px;}
#navigation li {height: 29px; width: 240px; margin: 0px; padding: 0px;}
#navigation li.list1 {background:transparent url(../images/aboutus_btn.jpg); background-repeat:no-repeat;}
#navigation li.list2 {background:transparent url(../images/contactus_btn.jpg); background-repeat:no-repeat;}
#navigation li.list3 {background:transparent url(../images/spraytanks_btn.jpg); background-repeat:no-repeat;}
#navigation li.list4 {background:transparent url(../images/portablesealers_btn.jpg); background-repeat:no-repeat;}
#navigation li.list5 {background:transparent url(../images/hydrualicmixtanks_btn.jpg); background-repeat:no-repeat;}
#navigation li.list6 {background:transparent url(../images/handagitatedmixtanks_btn.jpg); background-repeat:no-repeat;}
#navigation a {display:block; height: 29px; text-indent: -9999px; border-bottom: none;}

/* ----------- MAIN HORIZONTAL MENU HOVERING ITEMS ----------- */

#navigation a#item1 {background:transparent url(../images/aboutus_btn.jpg) no-repeat;}
#navigation a#item2 {background:transparent url(../images/contactus_btn.jpg) no-repeat;}
#navigation a#item3 {background:transparent url(../images/spraytanks_btn.jpg) no-repeat;}
#navigation a#item4 {background:transparent url(../images/portablesealers_btn.jpg) no-repeat;}
#navigation a#item5 {background:transparent url(../images/hydrualicmixtanks_btn.jpg) no-repeat;}
#navigation a#item6 {background:transparent url(../images/handagitatedmixtanks_btn.jpg) no-repeat;}

#navigation a#item1:hover {background-position:0px -29px; z-index:50;}
#navigation a#item2:hover {background-position:0px -29px; z-index:50;}
#navigation a#item3:hover {background-position:0px -29px; z-index:50;}
#navigation a#item4:hover {background-position:0px -29px; z-index:50;}
#navigation a#item5:hover {background-position:0px -29px; z-index:50;}
#navigation a#item6:hover {background-position:0px -29px; z-index:50;}

/*-------------------------------------------
	- CONTENT
-------------------------------------------*/

#container {
	width: 939px;
	background-image: url(../images/content_bg.jpg);
	clear: both;
	margin-top: 55px;
	}

#contentleft {
	float: left;
	width: 525px;
}

#contentright {
	float:left;
	width: 414px;
	font-size: 11px;
	color: #72798d;
	font-family: Arial, Helvetica, sans-serif;
}

#contentright p {
	padding: 10px 25px 10px 30px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
}

#contentright strong {
	color: #868da1;
}

#contentleft p{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #d4d9dd;
	padding: 0px 0px 29px 29px;
	margin: 0px;
	width: 460px;
}

#contentbottom {
	width: 939px;
	clear: both;
}

#contentbottom p { 
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #d4d9dd;
}

#linebottom {
	background-image: url(../images/content_bottom.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;
	height: 1px;
	clear: both;
	width: 939px;
}


h3 {padding: 0px; margin: 29px 0px 0px 18px; background-repeat: no-repeat; text-indent: -7983px; width: 466px; height: 32px;}

h4 {padding: 0px; margin: 25px 0px 5px 29px; background-repeat: no-repeat; text-indent: -7983px;}


h5 {
	font-size:11px;
	margin: 0px;
	padding: 0px;
}

.noimage {padding: 0px; margin: 25px 0px 15px 30px; text-indent:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#c37b42;}
.welcome {background-image: url(../images/h3_welcome.jpg);}
.aboutus {background-image: url(../images/h3_aboutus.jpg);}
.contactus {background-image: url(../images/h3_contactus.jpg);}
.spraytanks {background-image: url(../images/h3_spraytanks.jpg);}
.portablesealers {background-image: url(../images/h3_portablesealers.jpg);}
.hydraulicmix {background-image: url(../images/h3_hydraulicmixtanks.jpg);}
.handagitated {background-image: url(../images/h3_handagitatedmixtanks.jpg);}
.testimonials {background-image: url(../images/h3_testimonials.jpg);}
.thankyou {background-image: url(../images/h3_thankyou.jpg);}
.s350 {background-image: url(../images/h3_350.jpg);}
.s550 {background-image: url(../images/h3_550.jpg);}
.s750 {background-image: url(../images/h3_750.jpg);}
.s1000 {background-image: url(../images/h3_1000.jpg);}
.s1500 {background-image: url(../images/h3_1500.jpg);}
.s2000 {background-image: url(../images/h3_2000.jpg);}

.asphaltsealingequipment {background-image: url(../images/h4_asphaltsealingequipment.gif);}
.established {background-image: url(../images/h4_established.gif);}
.price2495 {background-image: url(../images/h4_2495.gif);}
.price3195 {background-image: url(../images/h4_3195.gif);}
.price9450 {background-image: url(../images/h4_9450.gif);}
.price9850 {background-image: url(../images/h4_9850.gif);}
.price11400 {background-image: url(../images/h4_11400.gif);}
.price12100 {background-image: url(../images/h4_12100.gif);}
.price13600 {background-image: url(../images/h4_13600.gif);}

.mixtankspecs {background-image: url(../images/mixtank_specs.gif);}
.mixtankprices {background-image: url(../images/mixtank_prices.gif);}
.handprice {background-image: url(../images/handagitateprice.gif);}
.handspecs {background-image: url(../images/handage_specs.gif);}

hr {
    color: #3b3f4a;
	background-color: #3b3f4a;
	height: 1px;
	width: 360px;
	border: 0px;
	padding: 0px;
	margin: 5px 0px 5px 30px;
	
}

#contentleft ul {
	padding: 0px;
	margin: 0px 0px 0px 46px;
}

#contentleft li {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d4d9dd;
	line-height: 22px;
}

#contentleft ul.spraytanknav {
	margin: 0px;
	margin-top: -10px;
}

#contentleft .spraytanknav li{
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 1px;
	padding-left: 28px;
	
}

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

#footer {
	width: 939px;
	height: 162px;
	background-image:url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 29px;
	color: #53565b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	clear: both;
}

#footer a {color: #53565b; text-decoration: none;}
#footer a:hover {text-decoration: underline; border: 0px;}

#footer .smalltext {font-size: 8px;}

#footer .right {padding: 18px 29px 29px 29px; line-height: 28px;}
#footer .left {padding: 18px 29px 29px 29px; line-height: 28px;}

.right {float: right;}
.left {float: left;}

.clear {
	clear: both;
}

/* contact form */

.send-btn2 {
	margin-left: 20px;
	width: 324px;
	height: 20px;
}

#formcontainer li {
 color: #7d8da4;
}

			#formcontainer {
				font-family:Arial, Helvetica, sans-serif;
				padding: 0px 0px 0px 0px;
				color: #6e0000;
				margin: 10px 0px 0px 19px;
				width: 371px;
				margin-left: 19px;
			}
			.form {
				margin:0;
				padding:0;
				position:relative;
				z-index:1;
			}
			.form * {
				margin:0;
				padding:0;
			}
				.form fieldset {
					border-width:0;
				}
				.form ul {
					list-style:none;
					margin:0;
					padding:0;
				}
					.form li {
						padding:5px 10px;
						clear:both;
					}

					.form div.medium, .form div.small, .form div.xsmall {
						float:left;
						padding:0 5px 0 0;
					}	
					.form label {
						display: block;
						font-size: 11px; 
						font-weight: bold;
						margin: 2px 0 0 0;
						text-transform: uppercase;
					}
					.form div label {
						color:#2e323b;
						font-size:8pt;
						font-weight:normal;
						text-transform: none;
					}
					.form .error {
						color:#FF0000;
					}
					.form li input, .form li textarea {
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
					color: #FFFFFF;
						background-image:url(../images/input_bg.jpg);
						border-top: 0px;
						border-left: 0px;
						border-right: #313031 1px solid;
						border-bottom: #313031 1px solid;
						font-weight:normal;
						padding:6px;
					}
					.form textarea {height:75px;}
					.form input, .form textarea {width:324px;}
					.form div.large input {width:150px;}
					.form div.medium input{width:90px;}
					.form div.small input{width:45px;}
					.form div.xsmall input{width:30px;}
					.feedback {
						background:#fffee3;
						border:#f2edd4 1px solid;
						color:#333;
						float:left;
						padding:15px;
						text-align:center;
						width:230px;
					}
					/* indicator */
					.indicator {
						background:#FFF;
						filter: alpha(opacity=75);
						height:32px;
						left:0;
						opacity: .75;
						position:absolute;
						padding:200px 125px;
						top:0;
						width:32px;
						z-index:2;
					}
					/* buttons */
					.button {
						width: 100px;
						height: 22px;
						margin: 10px 0px 20px 10px;
						font-size: 12px;
						background-color: #593218;
						color: #d3a476;
						border-top: 1px solid #6b4125;
						border-left: 1px solid #6b4125;
						border-right: 1px solid #3d210e;
						border-bottom: 1px solid #3d210e;
					}
					.lighter { color: #4f525e;}