/*-------------------------------------------
	TITLE: Vertex Mechanical
	CREATED: 7/20/2007

--
	LAYOUT
	- HEADER
	- LEFT SIDE
	- CONTENT
	- FOOTER
	
	MISCELLANEOUS
	- CLEAR FIX
--

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

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image: url(../images/body_bg.jpg);
 background-repeat: repeat;
 background-color: #4e3737;
} 

#pagewidth{ 
 background-image:url(../images/maincol_bg.png);
 width:680px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
/*-------------------------------------------
	- HEADER
		- logo
		- menu
-------------------------------------------*/

#header{
 position:relative; 
 height:234px;
 background-image:url(../images/header_bg.jpg);
 width:100%;
} 
	/*- logo -*/
h1 {
	margin: 0px;
}

h1 a {
	position: absolute;
	width: 297px;
	height: 160px;
	margin: 0px;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
	top: 43px;
	left: 192px;
	z-index: 9999;
}
	/*- menu -*/	
#menu {
	margin:0px;
	padding: 0px;
	position: absolute;
	top: 197px;
	z-index: 1;
	background-color: #681e20;
	width: 680px;
}

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

#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;
	display: block;
	padding: 10px 23px 10px 23px;
	height: 14px;
}

#menu li a:hover {
	text-decoration: none;
	background-color: #82282a;
}
/*-------------------------------------------
	- LEFT COLUMN
		- menu
		- quote
-------------------------------------------*/
#leftcol{
 width: 185px; 
 float:left; 
 position:relative; 
 }
 
#leftcol ul {
	margin: 12px 0px 0px 12px;
	padding: 0px;
}

#leftcol li {
	background-image:url(../images/left_col_btn_bg.png);
	background-repeat:no-repeat;
	list-style-type: none;
	display:block;
	height: 27px;
	width: 162px;
	margin-bottom: 13px;
}


#leftcol li a {
	padding: 5px 0px 0px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	width: 150px;
	height: 18px;
	background-color: white;
	color: #8b0b04;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

#leftcol ul li ul li {
background-image:none;
	list-style-type: none;
	margin-bottom: 0px;
	height: 20px;
}

#leftcol ul li ul li a {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-transform:none;
	background-color: transparent;
	font-weight: bold;
}

#leftcol ul li ul li a:hover {
	background-color: transparent;
	color: #ffffff;
	text-decoration: underline;
}

#leftcol li a:hover {
	background-color: #8b0b04;
	color: #ffffff;
}

#leftcol h2 {
	background-image: url(../images/quote.png);
	width: 153px;
	height: 225px;
	text-indent: -9999px;
	margin-left: 15px;
}

/*-------------------------------------------
	- CONTENT
-------------------------------------------*/
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width: 494px; 
 }
 
#maincol p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 20px 20px 0px 20px;
	margin: 0px;
	line-height: 18px;
}

#maincol h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	color: #5a0709;
	text-transform: uppercase;
	padding: 20px 20px 0px 20px;
}

#maincol h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	color: #5a0709;
	padding: 20px 20px 0px 20px;
}

#maincol li {
	padding: 20px 20px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#maincol hr {
margin-top: 20px;
	color: #ab9c6f;
	background-color: #ab9c6f;
	height: 1px;
	border: 0;
	width: 453px;
}

#maincol a {color: #95191c; text-decoration:underline; outline: none;}
#maincol a:hover{color: #bf0005; text-decoration:underline; border-bottom: 1px solid #bf0005; }

/*-------------------------------------------
	- Request Form - 
-------------------------------------------*/
/* contact form */

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

			#formcontainer {
				padding: 16px;
	            padding: 16px 14px 0px 14px;
				color: #5a0709;
				margin:0;
			}
			.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:12px; 
						font-weight:bold;
						margin:2px 0 0 0;
						text-transform:none;
					}
					.form div label {
						color:#887b57;
						font-size:8pt;
						font-weight:normal;
						text-transform: none;
					}
					.form .error {
						color:#FF0000;
					}
					.form li input, .form li textarea {
						background-image:url(../images/input_shadow2.png);
						border:#CCC 1px solid;
						font-weight:normal;
						padding:2px;
					}
					.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;border:0px;margin-top:2px;}
					.form div.survey input{width:30px; font-size:8px;}
					.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: 150px;
	height: 20px;
	outline: none;
	margin-left: 5px;
	margin: 0px;
	padding: 0px;
}

/*-------------------------------------------
	- FOOTER
		- 
-------------------------------------------*/
#footer{
 height:185px;
 background-image:url(../images/maincol_bg.png);
 clear:both;
 }
 
#footer h2 {
	text-indent: -9999px;
	float:right;
	background-image: url(../images/for_your_familys_comfort.png);
	background-repeat: no-repeat;
	width: 310px;
	height: 19px;
	margin: 0px 25px 4px 0px;
}

#footer2{
 height:30px;
 background-image:url(../images/maincol_bg.png);
 clear:both;
 }
 
#footer2 h2 {
	text-indent: -9999px;
	float:right;
	background-image: url(../images/for_your_familys_comfort.png);
	background-repeat: no-repeat;
	width: 310px;
	height: 19px;
	margin: 0px 25px 4px 0px;
}

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

#bottom a {
color: #af8f8f;
}

#bottom a:hover {
color: #af8f8f;
border-bottom: 2px solid #af8f8f;
}


 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}