/*menu*/
/*=main layout and structure*/
/*=fonts*/
/*=classes - general classes*/
/*=links*/
/*=img*/
/*=slideshow*/
/*=forms*/
/*Orange: #ffa200*/

/*clear all pre styles*/
p, a, em, li, ul, h1, h2, h3, h4 ,h5, h6{padding: 0; margin: 0; font-weight: normal;}
ul, li{list-style: none;}

body {
	margin: 0;	
	padding: 0;
	width: 100%;
	font-family: arial, sans-serif;
	font-size: 62.5%;
		}


#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 880px;
	padding: 0;
/*border: 1px solid green*/
			}


#head {
	position: relative;
	margin: 0;
	padding: 0;
	width: 880px;
	height: 120px;
	}

.main_content {
	float: right;
	margin: 0;
	padding: 0;
	width: 592px;
		/*border: 1px solid green*/
}

.sidebar{
	width: 264px;
	padding: 0;
	margin: 0;
	
}




.content_marg{
padding-left: 24px	
}

.main_section{padding-top:12px}


.footer{
	clear: right;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 100%;
	
}

.inside_foot{margin-left: auto; margin-right: auto; width: 880px; padding: 20px; border-top: 1px dotted #ffa200 }

.footer_1{width: 170px; padding-right: 30px; }
.footer_2{float: right; width: 200px;  padding-right: 0px;}
.footer_3{float: right; width: 200px;  padding-right: 96px}
.footer_4{float: right; width: 300px;  padding-right: 0px}
.footer_3 p{padding-top:8px}

/*links*/
a {text-decoration: none}
a:hover {text-decoration: underline}
p a{text-decoration: underline; color: #3f90c3}
p a:hover{text-decoration: underline; color:#3f90c3 }
p a:active{color: #ffa200; background-color: #fff}
p.plinks a:hover{text-decoration: underline}
.maplinks a{color: #18114c; font-size: 1.3em; text-decoration:none; }
.maplinks a:hover{color: #666}
.bread{position: absolute; top: 230px; left: 269px}
.bookaserv a{font-size: 2.2em; font-weight: bold; letter-spacing: -1px; padding-right: 40px; color: #18114c; display: block; line-height: 1.1em}
.bookaserv a:hover{text-decoration: underline}
.estimator a{font-size: 2.2em; font-weight: bold; letter-spacing: -1px; padding-right: 40px; color: #18114c; display: block; line-height: 1.1em}
.estimator a:hover{text-decoration: underline}
.customers a{font-size: 2.2em; font-weight: bold; letter-spacing: -1px; padding-right: 40px; color: #18114c; display: block; line-height: 1.1em}
.customers a:hover{text-decoration: underline}
p.plinks a{display: block; background: url('images/link_arr.jpg') no-repeat 0px 2px; padding-left: 25px; text-decoration: none; line-height: 1.3em; margin-bottom: 7px}
.toplinks a{font-size: 1.2em; color: #603}
.toplinks a:hover{text-decoration: underline}
.bread a{font-size: 1.1em; color: #603}
.bread a:hover{text-decoration: underline}
.footer p a{text-decoration: none}
.insidep{display: block; background: url('images/blarrow.gif') no-repeat center left; padding-left: 22px; color: #3f90c3; text-decoration: none}
a.cleartop{clear: both; background: url('images/blarrow.gif') no-repeat center left; padding-left: 22px; color: #3f90c3; text-decoration: none; display: block; /*border: 1px solid #000*/}

/*text*/
p{font-size: 1.3em; line-height:1.7em; color:#333; padding-bottom: 30px}
body#faqs .main_content p{padding-bottom: 12px}
.toplinks p{font-size: 3.2em; color: #d63604; letter-spacing: -1px; line-height: .8em; text-align: right; padding: 0}
.toplinks p em{font-size: .4em; color: #666; font-style:normal; letter-spacing: normal }
span.address{position: absolute; top: 46px; right: 0;font-size: .4em; color: #666; font-style:normal; text-align:right; letter-spacing: normal; margin: 0; padding: 0 }
.footer p{font-size: 1.7em; text-align: center; color: #18114c; padding-bottom: 10px}
.footer .inside_foot p{text-align: left; line-height:1.3; padding-bottom: 12px}
.inside_foot p{margin: 0; padding: 0; font-size: 1.1em }
.sidebar p{line-height: 1.3em}
.dotty p{padding-left: 23px; padding-bottom: 10px}
.dottyhead p{padding-bottom: 0px}
p.inside {text-decoration:none; padding-top: 0px}
em.error{color: #F00}
.sidebar p.sidemessage{color: #ffa200; font-size: 3.6em; padding: 0 0 12px 0; margin: 0; text-align: right; line-height: .7em; letter-spacing: -.05em;  }
.lepad p{padding-bottom: 4px}
.lepad {float: right}
/*headers*/
h1,h2,h3,h4,h5{ color: #a64e00; font-family: Georgia, "Times New Roman", Times, serif}
body#home h1{font-size: 2.9em; margin-bottom: 0px; border-bottom: none; background: none; font-family: Arial, Helvetica, sans-serif;}
 h1{padding-bottom: 24px; padding-top: 6px;font-size: 2.9em; margin-bottom: 24px; border-bottom: 1px dotted #ccc; color: #000; letter-spacing: -1px; line-height: 1em; }
h3{color: #3f90c3}
h2{margin-bottom:8px; font-size: 1.6em}
#missing{padding-top: 0; margin-top: 0}


/*lists*/
.servlinks{text-align: right; font-size: 2.5em; border-right: 1px dotted #ccc; margin-bottom: 24px; padding: 0;}
.servlinks li{border-bottom: 1px dotted #ccc; /*height: 2.4em;*/ letter-spacing: -1px}
.servlinks li.last{border-bottom: 1px dotted #fff}
.servlinks li a{display: block; padding: 15px 36px 16px 0; background: url('images/servarrow.gif') no-repeat 98% 55%; color: #a64e00}
.servlinks li a.nohigh{color: #ccc}
.servlinks li a.high{background: #ececec url('images/servarrow_b.gif') no-repeat 98% 55%; border-left: 23px solid #ffa200;}
.servlinks li a:hover{/*text-decoration: underline;*/ border-left: 23px solid #ffa200; background: #ececec url('images/servarrow_b.gif') no-repeat 98% 55%;}

ul.locations{text-align: right; color: #ffa200; font-size: 1.2em; margin-top: 6px}

#crumb li{display: inline;}
.servicelist li{font-size: 1.1em; line-height: 1.7em;margin-bottom: 8px; background: url('images/servicetick.jpg') no-repeat left top; padding-left: 25px}
.services{margin-bottom: 30px}
.services li{font-size: 1.3em; line-height: 1.5em;margin-bottom: 8px; background: url('images/servicetick-b.jpg') no-repeat left top; padding-left: 45px}
/*car manufacturer list dbase*/
.manufacturer {}
.manufacturer li{float: left;  margin: 8px; }
.manufacturer li a{display: block; width: 120px; height: 80px; text-align: center; padding-top: 50px; font-size: 1.3em; background: url('images/dbase_listbacka.jpg') no-repeat center top; color: #18114c}
.manufacturer li a:hover{background: url('images/dbase_listback.jpg') no-repeat center top; text-decoration: underline }
.manufacturer li a:active{background: url('images/dbase_listbackb.jpg') no-repeat center top; }
#crumb li{font-size: 1.2em}
ol li{list-style: decimal; font-size: 1.4em; background: #f3f1f2; padding: 6px; margin-bottom: 4px }
ol{margin: 0 0 30px 0; border: 1px dashed #ccc; padding: 40px}
.footer li a{color: #3f90c3; font-size: 1.2em; }
.footer_1 li a, .footer_3 li a{color: #3f90c3; font-size: 1.2em; background: url('images/blarrow.gif') no-repeat center left; padding-left: 22px}
.footer_3 li.last {margin-bottom: 12px}
.footer li a:hover{text-decoration: underline; }
.footer p a:hover{text-decoration: underline; }
.footer li {margin-bottom: 2px}
.homelist {display: inline-block; padding-bottom: 36px; border-bottom: 1px dotted #ffa200;}
/*.homelist li{width: 28%; margin-right: 6%; float: left}*/
.homelist li{width: 155px; margin-right: 50px; float: left}
.homelist li.lilast{margin-right: 0}
.homelist li p{padding: 12px 0; line-height: 1.5em}
.homelist li h1{padding: 0; margin: 0; color: #a64e00; border-bottom: 1px dotted #ffa200}
.homelist li a{color: #3f90c3; background: url('images/blarrow.gif') no-repeat 0 3px; padding-left: 18px; display: block; font-size: 1.1em}
.homelist li a:hover {text-decoration: underline}
.standardlist{font-size: 1.2em; padding-left: 36px; width: 80%; line-height: 1.7em; margin-bottom: 24px; color: #333; margin-top: -12px; padding-top:0}
.standardlist li{list-style: disc; margin-bottom: 12px}
.linklist {font-size: 1.2em; padding-left: 16px; width: 80%; line-height: 1.7em; margin-bottom: 24px}
.linklist li a{background: url('images/blarrow.gif') no-repeat 0 3px; padding-left: 18px; color: #3f90c3;}


/*=classes*/
p.callnow{padding: 12px 12px 12px 230px; background: #fcfcfc url('images/kitchen-sm.jpg') no-repeat 8px center; border: 1px dotted #ffa200; margin-bottom: 12px}
.keypoints {float: right; width: 260px;  margin: 0 0 0 12px; padding: 6px; border: /*1px dotted #84ad07;*/ color: #999}
.keypoints ul{padding: 0 4px 8px 8px;  color: #333}
.keypoints h2{color: #ffa200; font-size: 1.9em; border-bottom: 1px dotted #ccc; padding: 6px 0;  font-family: Arial, Helvetica, sans-serif;}
.keypoints ul li{font-size: 1.4em;  background: url('images/tick.jpg') no-repeat top left; padding: 2px 0 2px 26px; color: #333; display: block}
.keypoints ul li em{ line-height: 1.3em; font-weight: bold; font-style: normal}
.keypoints ul li a{ text-decoration: underline; color: #3f90c3; }
.clearright {clear: right}

.clearright {clear: right}

.clear {clear: both}
.clearleft{clear: left}
#slideshow{width: 211px; height: 241px}
#slideshow img{padding-left: 10px}
.dotty {width: 185px; border: 1px dashed #ccc; padding: 10px; margin-bottom: 20px; margin-left: 5px; background: #f3f1f2}
.dottyhead {border: 1px dashed #ccc; padding: 5px 5px 5px 40px; background: #f3f1f2 url('images/icon_speech.jpg') no-repeat 10px 8px; margin-bottom: 20px}
.topimage{width: 100%; padding: 0; margin: 0; }
.toplinks{position:absolute; top: 10px; left: 540px; width: 340px}
.maplinks{position: absolute; top: 40px; left: 722px}
.bookaserv{height: 180px; float: left; width: 32%; padding-left: 10px; background: url('images/bearings.jpg') no-repeat 50px 75px; }
.estimator{height: 180px; float: left; width: 32%; background: url('images/calculator.jpg') no-repeat 35px 65px; }
.customers{height: 180px; float: left; width: 32%; background: url('images/spark_plug.jpg') no-repeat 30px 60px;}
.servicelist {width: 200px; float: right; border: 1px dashed #ccc; padding: 50px 10px 10px 10px; margin: 10px 10px 20px 50px; background: #f3f1f2 url('images/ourservices.jpg') no-repeat top center;}
.underfloat{clear: left; padding-top: 24px}

/*images*/
a img{border: none}
.dotty img{float: left; margin: 0 4px 0px 0}
.imgleft{float: left; margin: 0 12px 0 0}
.imgleftfoot{float: left; margin: 10px 12px 130px 0}
.imgright{float: right; margin: 0 0 10px 20px}
.imgrightbrd{float: right; margin: 0 0 10px 20px; padding: 2px; border: 1px solid #ddd}
.logo{margin: 8px 0 0 18px}
.getdesign{position: absolute; top: 220px; left: 760px}
body#home .getdesign{position: absolute; top: 200px; left: 760px}
/*tables dbase*/
.dbasetbl{font-size: 1.4em; text-align:left; border: 1px dashed #ccc;background: #f3f1f2; padding : 10px; width: 95%; margin-left: auto; margin-right: auto; border-collapse:collapse}
.dbasetbl td{padding-right: 20px}
.dbasetbl th{background: #ddd; padding: 3px}
.riba{padding: 0 0 0 0}

/*forms*/
.bookserv{padding-top: 0; margin-top: 0; margin-bottom: 50px}
.bookserv p{padding-bottom: 5px}
textarea{overflow: auto}
.minibook{padding: 0; margin-bottom: 30px}
.estimatortool form{padding: 45px 0 0 20px; margin: 0}
.estimatortool form label{font-size: 1.1em; text-decoration: none; padding: 0}
input.goestimate{font-size: 1.1em }
.estimatortool form select{width: 190px; font-size: 1.2em; color: #666}
.bookserv input{width: 220px}
/*pop out menu*/

#menu{ position: absolute; top: 90px; left: 290px; width: 300px}
/*#menu li{float: left; list-style:none}
#menu li a{text-decoration: none; font-size: 1.6em; display: block; padding: 3px 0 3px 10px;  border-bottom: 1px dashed #bbb; color: #666}
#menu li a:hover{border-bottom: 1px solid #bbb; background: #18114c; color: #fff}*/
/*you are here state of menu*/
body#home #menu li.homehere a, body#serv #menu li.servhere a, body#faqs #menu li.faqshere a, body#about #menu li.abouthere a, body#contact #menu li.contacthere a, body#book #menu li.bookhere a, body#map #menu li.maphere a, body#serv #menu li.servhere a, body#estimator #menu li.pricinghere a{font-style: italic; text-decoration: underline}
/*you are here state of menu hover*/
body#home #menu li.homehere a:hover, body#serv #menu li.servhere a:hover, body#faqs #menu li.faqshere a:hover, body#about #menu li.abouthere a:hover, body#contact #menu li.contacthere a:hover, body#book #menu li.bookhere a:hover, body#map #menu li.maphere a:hover, body#serv #menu li.servhere a:hover, body#estimator #menu li.pricinghere a:hover{background: none; text-decoration: underline }
#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

#menu a {
	display: block;
	font-size: 1.4em;
	margin-right: 12px;
	text-decoration: none
		}

#menu li a.nomarg{margin-right: 0}
#menu li {	float: left;	}
#menu li.homehere a{color: #ffa200}
#menu li.servhere a{color: #a64e00}
#menu li.faqshere a{color: #f10d0d}
#menu li.feeshere a{color: #91df16}
#menu li.abouthere a{color: #48c8f2}
#menu li.contacthere a{color: #e94adf}
#menu li a:hover{text-decoration: underline}
#menu li ul {
	position: absolute;
	width: 13em;
	left: -999em;
	padding: 12px 6px 6px 12px;
	background-color: #fff;
	font-size: 1em;
	/*background: rgba(255, 255, 255, 0.9);*/
	
}

#menu li ul li{margin-bottom: 6px}

#menu li ul li a{color: #d08605; width: 100% }
#menu li ul li a:hover{text-decoration: underline }
body#serv #menu li.servhere ul li a{text-decoration: none; font-style: normal}

#menu li:hover ul {
	left: auto;
}
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}