@charset "UTF-8";
/* CSS Document */

body { background: #191919 url(images/top-bg.jpg) top repeat-x; margin: 0 auto; font: normal 12px Arial, Helvetica, sans-serif; }
img {border: 0 none;}
#wrap { display:block; width:815px; margin:0 auto; }

/* HEADER */

#header { width:815px; height: 130px; display: block; margin: 0 auto; padding-top:  20px;}
#logo {float:left; width:345px; height: 95px; margin: 15px 2px 0 5px; }
.cars {float:right; width:455px; height:65px;}
.cars2 {float:right; width:455px; height:60px;}
.car-maker-logo {float:left; margin-left:3px; }
.car-maker-logo2 {float:left; margin-left:4px; margin-top: 3px; }
.car-maker-logo3 {float:left; margin-top: 5px; }
#car-div { display: block; clear: both; width:400px; height:1px; background-color: #999; margin: 8px 30px;}
#grad-tab-small { float:left; clear:left; width: 250px; height:20px; background: #222 url(images/small-div.jpg) top repeat-x; margin-left: 55px;}
.grad-tab-large { display:block; margin:0 auto; width:600px; height:30px; background: #222 url(images/large-div.jpg) top repeat-x;}

/* HOMEPAGE */

#homepage-content-wrap {display:block; width: 793px; padding: 5px 5px; border: #666 6px solid; background: #333 url(images/top-corner-bmw.jpg) top right no-repeat scroll;}
#navi-wrap { float:left; margin: 20px 20px 10px 20px; background: #333 url(images/navi-bg.png) top no-repeat; width: 160px; height: 290px; }
.menu-wrap {display:block; height: 183px; margin-top: 105px; width: 153px; margin-left: 3px;}
.menu {display: block; height: 16px; width: 148px; text-transform: uppercase; color: #FC6; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom: #C00 1px solid; padding-top: 7px; padding-left: 5px; text-decoration: none;}
.menu a { color: #FC6; text-decoration: none;}
.menu:hover {background: url(images/button-bg.png) bottom left repeat-x;}
.menu:hover a {
	 color:#FFF;
}
.menu2 {display: block; height: 16px; width: 148px; text-transform: uppercase; color: #FC6; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-top: 7px; padding-left: 5px; text-decoration: none;}
.menu2 a { color: #FC6; text-decoration: none;}
.menu2:hover {background: url(images/button-bg.png) bottom left repeat-x;}

.menu2:hover a {
	 color:#FFF;
}
#acdelco { float: left; margin: 20px 5px; clear: right; text-align: center; color: #FFF;}
.kudzu { float: left; clear: left; margin: 0 0 0 20px; text-align: center; color: #FFF;}


#welcome-text { float: right; margin: 0; width: 550px; margin: 15px 0 0; }
#welcome-title {float: left; background: url(images/tab.png) top left no-repeat; color: #FFF; width: 170px; height: 28px; padding: 12px 0 0 12px;}
#welcome-title h2 { margin: 0 0; color: #FFF; font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#welcome-content { width: 525px;float: left; margin: 0; color: #FFF; font-size: 14px; text-align: justify; padding: 5px 10px; border: #999 2px solid; background-color: #555; }



#address-text { float: right; margin: 0; width: 550px; margin: 75px 0 0; }
#address-title {float: left; background: url(images/tab.png) top left no-repeat; color: #FFF; width: 170px; height: 28px; padding: 12px 0 0 12px;}
#address-title h2 { margin: 0 0; color: #FFF; font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#address-content { width: 525px;float: left; margin: 0; color: #FFF; font-size: 16px; text-align: justify; padding: 5px 10px; border: #999 2px solid; background-color: #333; }


#offer { clear: both; width: 391px; height:103px; margin: 45px auto 20px auto; background: url(images/winter-offer.png) top center no-repeat; color: #000;}
#offer-text { float: left; margin: 10px 0 0 5px; width: 130px; font-size: 20px; color: #FFF; text-align: center; line-height: 26px;}
#offer-text span { color: #C00; font-weight: bold;}
#offer-button {float:right; margin:75px 6px 0 0; font-size: 18px; font-weight: bold;}
#offer-button a {color: #000;}

.towing { clear: both; background-color: #300; padding: 15px 3px; font-size: 16px; }
.towing span {color: #F30; font-size: 20px;}

#phone-number { float: right; clear: right; margin: 5px 5px 0 0; width: 155px; height: 25px; background-color: #CCC; padding: 2px 0 0 5px; font-size: 24px; font-weight: bold; color: #C00; }

#company-info-wrap {display: block; clear: both; margin: 0 auto; width: 793px; height: 445px; padding: 5px 5px; border: #666 6px solid; }
.section-wrap {float: left; width:250px; height: 420px; margin: 15px 0 0 13px;}
.section-tab {float: left; background: url(images/tab.png) top left no-repeat; color: #FFF; width: 170px; height: 28px; padding: 12px 0 0 12px; }
.section-tab h2 { margin: 0 0; color: #FFF; font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.section-wrap:hover .section-tab { background: url(images/tab-over.png) top left no-repeat; }
.section-textbox { clear: both; display: block; width: 238px; height: 360px; border: #999 1px solid; color: #FFF; background-color: #333; font: normal 12px Arial, Helvetica, sans-serif; padding: 5px 5px; text-align: justify; }
.section-textbox-img1 { display:block; text-align: center;}
.section-textbox ul li {font-size: 14px; line-height: 20px; color: #FC6; text-align: left; }
.section-textbox a {color: #F96; text-decoration: underline;}
#footer {display:block; clear: both; margin: 0 auto 5px auto; width: 805px; min-height: 105px; background-color: #200; border: #999 5px solid; color: #F93; padding: 10px 0; text-align: center;}
#footer a {color: #FFF; text-decoration: none;}
#footer a:hover { color: #F93; text-decoration: underline; }
#footer-text { display: block; margin:0 auto; width:700px; text-align: center; color: #FFF;}
#copyright { display: block; margin: 10px 5px; color: #CCC; font: normal 11px Arial, Helvetica, sans-serif; clear: both; text-align: right; }
#copyright a { color: #CCC; text-decoration: none; }
#copyright a:hover { color: #FFF; text-decoration: underline;}
/* SERVICES PAGES */

#services-content-wrap {display:block;  width: 805px; border: #666 5px solid; background: #262626 url(images/content-corner.jpg) top right no-repeat;}

#pagetitle { margin: 150px 0 5px 220px; color: #FFF; text-align: center;}
#pagetitle h1 { font-size: 24px; color: #FFF; }
.page-content { clear: both; width: 775px; margin: 0 auto; font-size: 13px; color: #CCC; text-align: justify;}
.page-content h2 { font-size: 18px; color: #F96  ; text-align: left; margin-left: 50px; }
.imgbox { float: left; margin: 10px 10px 10px 5px; border: #F60 2px solid; clear: left; width: 150px; height: 125px; }
.paragraph-wrap {display: block; margin-bottom: 15px; width:775px;}
.service-tab { float: left; height: 21px; padding-top: 9px; color: #FFF; font-size: 14px; background: url(images/service-tab2.jpg) bottom left no-repeat; width: 250px; text-align: center; }
.paragraph-wrap:hover .service-tab {background: url(images/service-tab.jpg) bottom left no-repeat; }
.service-textbox { clear:both; border: #CCC 2px solid; width: 750px; padding-bottom: 10px;
}
.service-textbox p { display: block; padding: 5px 10px 0 175px;}
.service-textbox a  { color: #F93; text-decoration: underline;}
.service-textbox span {font-size: 1.2em; font-weight: bold; color: #F90;}
.p-link {color:#FFFFFF;
display:block;
margin-top:10px;
text-align:right;}
.quick-links { width: 280px; float: right; margin: 5px 10px; color: #FFF; font-size: 13px;}
.quick-links a {color: #F93; text-decoration:none;}
.quick-links a:hover {color: #FFF; text-decoration: underline;}
.closer {display:block; clear: both; height: 1px; }

/* SCHEDULE APPT PAGE */
#schedule-form { width: 575px; float: right; margin: 15px 15px; color: #FFC; }
#schedule-form p {  font-size: 14px;}
.field {float: left; width: 260px;margin: 5px 10px 5px 0; text-align: right;}
.field-text { width: 525px;margin: 5px 0 5px 10px; text-align: left;}

.submit-field { clear: both; display: block; margin: 10px auto; text-align: center;  }
.referer { margin: 5px 0 5px 0;}
#schedule-form fieldset { display: block; clear: both; width: 550px; margin: 20px 0; padding: 0 0 10px 0 }
#schedule-form legend {font-size: 1.3em; color: #FFF; height: 25px; margin-left: 10px; background-color: #222 ; width: auto; padding: 3px 7px; border: #DDD 1px solid; }

#contact-form { width: 575px; float: right; margin: 15px 15px; color: #FFC; font-size: 14px; font-family:Arial, Helvetica, sans-serif; }
.form {display: block; width: 475px; margin: 0 auto; }
.form label {display: block; clear: both; padding-top: 10px; text-align: left;}
.form legend {padding: 5px 10px 0 10px; background-color: #222; color: #FFC; border: #999 1px solid; margin: 0 0 0 15px; font-size: 16px; }
.form p { text-align: center; padding: 10px;}

.field2 { width: 500px; padding: 10px 0 5px 5px;}

/* CAPTCHA */

.captcha-wrap { display: block; clear: both; margin: 10px auto 0 auto; padding-bottom: 10px;}
.captcha-head {font-size: 14px; color: #FFF; font-weight: bold; text-align: center; padding: 10px 5px; }
.captcha-image { display: block; margin: 0 auto; text-align: center;}
.border { border: #C60 1px solid;  padding: 5px; margin: 5px auto;}
.captcha-text {  clear: both; width: 250px; font-size: 12px; color:#FFF; line-height: 15px; text-align: center; padding-top: 10px; margin: 0 auto;}
.code { width: 150px; text-align: center; border: #000 1px solid;}
.captcha-links { display: block; clear: both; height: 12px; text-align: center;}
.captcha-wrap a { color: #FF9933; }

.map {
	display: block;
	clear: both;
	width: 425px;
	margin:10px 0 10px 280px;
	text-align: center;
	font-size: 14px;
}
.map a { color: #C60; }

#address-block {
	width: 600px;
	display: inline;
	float: left; 
	color: #CCC; 
	padding: 10px 0; 
	font-size: 18px;
	text-align: center;
}

/* ABOUT US */

.about-text {
	text-align: justify;
	clear: both;
	margin: 10px 0;
	padding: 10px 20px;
	color: #FC9;
	font-size: 14px;
}
#photo-gallery {
	clear: both;
	height: 350px;
	width: 690px;
	margin: 5px auto;
	
	
}
#photo-gallery img {
	display: inline;
	float: left;
	margin: 5px 10px;
	border: 1px solid #F93;
}
#photo-gallery h2 {
	text-align: center;
	font-size: 20px;
	color: #C96;
}
.center-text {
	text-align: center;
	color: #BBB;
}