/***********************************
Site: Farmer Automotive
By: Jorsek Softwares
***********************************/

/*******GENERAL BODY*******/
html, body
{
	background:#FFF;
	color: #000;
	margin: auto;
	font: 12px/12px Arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	width:100%;
}

img {
	border: none;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.left {
	float: left;
	margin-top: 10px;
}

.left2 {
	float: left;
	margin-top: 60px;
}

.right {
	float: right;
	margin-top: 50px;
}

/***HEADER***/
#header {
	width: auto;
	height: 300px;
	background: #fff;
	text-align: center;
}

#header_ct {
	width: 630px;
	height: 160px;
	margin: auto;
	text-align: left;
	padding-top: 25px;
}

.logo {
	margin-left: 15px;
	margin-right: 35px;
	border: none;
	float:left;
}

.slogan {
	float: right;
	margin-top: -90px;
	margin-right: 68px;
}

#header_mid {
	width: auto;
	height: 94px;
	background: #63617A;
	border-top: 2px solid #7F798F;
	border-bottom: 2px solid #7F798F;
}

#header_slide {
	width: 614px;
	height: 162px;
	margin: auto;
	margin-top: -33px;
}

/***TOPNAV***/
#navctsz {
	width: 450px;
	float: right;
}
#topNav {
	width:450px; 
	border-bottom:0px; 
	margin-bottom:11px; 
	height:30px; 
	font-size:16px;
	text-align: left;
	margin-top: 70px;
	}
#topNavC1 {
	width:400px; 
	margin:0 auto; 
	margin-top:6px;
	text-align: left;
	margin-top: 20px;
	}
#topNavC1 ul{
	width:837px; margin:0 0 0 0; display:block; height:25px;
	}
#topNavC1 ul li{
	display:block; float:left; height:21px; margin:0; padding:0;
	}
#topNavC1 ul li .contact a{
	display:block; float:left; height:21px; margin:0; padding:0; border-right:1px solid #fff;
	}
#topNavC1 ul li a{
	font: bold 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 10px 0 10px; color:#424ba0;
	text-decoration:none; margin:0; height:25px; 
	}
#topNavC1 ul li a:hover{
		font: bold 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 10px 0 10px; 
	text-decoration:none; margin:0; height:25px; border-top: 2px solid #656362; border-bottom: 2px solid #656362;
	}
.active {
	font: bold 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 10px 0 10px; 
	text-decoration:none; margin:0; height:25px; border-top: 2px solid #656362; border-bottom: 2px solid #656362;
	}
.border {
	color: #0D7D76;
	}

/***CONTENT AREA***/
#content {
	width: 700px;
	min-height: 50px;
	margin: auto;
	padding-top: 5px;
	font: 14px/14px Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: justify;
}

#textarea {
	width: 430px;
	height: auto;
	font: 14px/14px Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: justify;
}

#textarea h2 {
	text-align: center;
	background: url('images/underline.gif') center bottom no-repeat;
	font: 16px/16px bold "Arial Black", Arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-top: 35px;
	text-transform: uppercase;
	color: #63617A;
	padding-bottom: 4px;
	max-width: 440px;
	}

#text {
	
}

#text h2 {
	text-align: center;
	background: url('images/underline.gif') center bottom no-repeat;
	font: 16px/16px bold "Arial Black", Arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-top: 35px;
	text-transform: uppercase;
	color: #63617A;
	padding-bottom: 4px;
	max-width: 440px;
}

#text2 {

}

#text2 h2 {
	text-align: center;
	background: url('images/underline2.gif') center bottom no-repeat;
	font: 16px/16px bold "Arial Black", Arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-top: 35px;
	text-transform: uppercase;
	color: #63617A;
	padding-bottom: 4px;
	max-width: 490px;
		margin-left: 200px;

}

#content h2 {
	text-align: center;
	font: 16px/16px bold "Arial Black", Arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-top: 35px;
	text-transform: uppercase;
	color: #63617A;
	padding-bottom: 4px;
}

#contact {
	text-align:center;
	width: auto;
	font-size: 16px;
	margin-top: -5px;
}

.conbot {
	width: auto;
	text-align: center;
}

#footbox {
	width: 700px;
	margin: auto;
	padding-top:0;
	min-height: 300px;
	background: #63617A;
	font: 12px/14px Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-bottom: 20px;
	color: #fff;
	padding-left: 10px;
	line-height: 1em;
	/*border:1px solid red;*/
}

#footbox p {

}

#footbox h2 {
	font-weight: bold;
	color: #fff;

}

#footbox_r {
	width: 350px;
	border-left: 2px solid #fff;
	float: right;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.6em;
}

#office {
	width: auto;
	text-align: left;
}

#office_r {
	float: right;
	text-align: right;
}

/***SIDEBAR***/
#sidebar {
	width: 230px;
	height: auto;
	background: #63617A;
	border: 2px solid #7F798F;
	min-height: 416px;
	float: right;
	margin-top: 35px;
	padding: 5px;
	color: #fff;
	text-align: justify;
	line-height: 1.2em;
	font: 12px/12px Arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-left: 10px;
	margin-bottom: 20px;
}

.sbarh2 {
	margin-left: 1.3em;
	width: 200px;
	height: 7px;
}	

.sbarAERA {
	margin-left: 0.7em;
}

#sidebar_prod {
	width: 230px;
	height: auto;
	background: #63617A;
	border: 2px solid #7F798F;
	min-height: 416px;
	float: right;
	margin-top: 35px;
	padding: 5px;
	color: #fff;
	text-align: center;
	line-height: 1.2em;
	font: 12px/12px Arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-left: 10px;
	margin-bottom: 20px;
}

#sidebar_prod img {
	margin-bottom: 5px;
	border: 1px solid #63617A;
}

#sidebar_prod img:hover {
	border: 1px solid #fff;
}

/***FOOTER***/
#footer {
	width: auto;
	min-height: 30px;
	background: #63617A;
	border-top: 2px solid #7F798F;
	color: #fff;
}

#footing {
	width: 600px;
	text-align: right;
	padding-top: 7px;
	margin: auto;
}

#footing a {
	color: #fff;
	text-decoration: none;
}

#footing a:hover {
	color: #CCCCCC;
}

#footlinks {
	float: left;
}

/***IE FIX***/
  #wp {width:600px;margin:0 auto;list-style-type:none;}
  #bd {display:table;}
  #doc {display:table-row;}
  #s1 {display:table-cell;width: 130px;}
  #s2 {display:table-cell;width: 470px;}
  
/***CONTACT FORM***/
#fcf2 {
font-family:arial;
font-size:11px;
margin:5px;
border:1px solid #3D5686;
background-color:#FFF;
width:450px;
}
#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}