/* Auto Service Center Stylesheet */
/* CSS by InterDevil.com / Xhtmlit.com */

body {background: url(images/body_back.jpg) repeat-x #999999;margin:0}
div.clear {clear:both}

/* WRAPPER SETTINGS */
div#wrapper {background: #FFF;font-family:Arial, Helvetica, sans-serif;color:#000;width:794px;height:auto;overflow:hidden;margin:0;margin-left:auto;margin-right:auto;border:1px #333333 solid;border-top:0px}

/* TOP HEADER */
div#top_header {background: url(images/header_back.jpg) repeat-x #FFF;height:73px;width:794px;float:left;display:block}
div#top_header .logo {margin:0;margin-top:8px;margin-left:5px;float:left;display:inline;width:299px}
div#top_header .freeoil {margin:2px 15px 0 5px;display:inline;float:right}
div#top_header .guarantee {margin:2px 15px 0 5px;display:inline;float:right}
div#top_header ul {float:right;list-style:none;margin:0;margin-top:8px;width:auto; letter-spacing:0px}
div#top_header li {float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#6E6E6E;margin:0}
div#top_header a:link,
div#top_header a:hover,
div#top_header a:active,
div#top_header a:visited {color:#6E6E6E;text-decoration:none}

/* MENU NAVIGATION and MENU DROP DOWN SETTINGS */
.menu {width:794px;background:url(images/nav_back.gif) repeat-x;height:22px;float:left;display:block;margin:0;margin-top:0px;position:relative;margin:0 0 0 0; z-index:100;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;color:#fff;text-align:center;font-weight:bold}
.menu ul li a {display:block; text-decoration:none; color:#000;width:auto; height:20px; text-align:center; color:#fff; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul li a:visited {display:block; text-decoration:none; color:#000;width:auto; height:20px; text-align:center; color:#fff; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* ----- Settings Specifically to Non-IE Browsers ------ */
.menu ul li:hover a {color:#fff; background:url(images/nav_back_over.gif) repeat-x}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:150px;}
.menu ul li:hover ul li a {display:block; background:#BB1B21; color:#FFF;float:left;clear:right;width:150px;height:22px;text-align:left;padding-left:10px;}
.menu ul li:hover ul li a:hover {background:url(images/nav_back_over.gif) repeat-x;color:#FFF;float:left;clear:right;width:150px;height:22px;text-align:left;padding-left:10px;}

/* ------ This settings define each individual menu ------ */

.menu #services {width:72px;height:20px}
.menu #special {width:72px;height:20px}
.menu #ask {width:111px;height:20px}
.menu #aboutus {width:81px;height:20px}
.menu #testimonials {width:101px;height:20px}
.menu #resources {width:86px;height:20px}
.menu #tour {width:118px;height:20px}
.menu #contact {width:87px;height:20px}
.menu .divider {width:2px;margin:0;padding:0;margin-left:50px;margin-top:2px}
.menu .divider2 {width:2px;margin:0;padding:0;margin-top:2px}

/* SCREENS */
div#screens {border-bottom:1px #999999 solid;background-color:#333333;float:left;display:block;width:794px}
div#screens .one, .two {border-right: 1px #FFFFFF dotted;float:left;display:block;margin:0}
div#screens .three {float:left;display:block;margin:0}

/* CONTENT BOXES */
div#boxcontent {width: 794px;float:left;display:block;background: url(images/box_back.gif) repeat-x}
div#boxcontent .box {background: url(images/box_box.jpg) no-repeat;width:257px;height:225px;float:left;display:block;margin:0;margin:0.3em 0.21em 0.5em 0.21em}
div#boxcontent .header {width:auto;margin:auto;height:25px;margin-left:20px;margin-top:20px}
div#boxcontent hr {width:220px;height:1px;margin:0;margin-top:5px;padding:0;margin-left:auto;margin-right:auto}
div#boxcontent hr.blue {color:#114488;background-color:blue;border:0}
div#boxcontent hr.green {color:#198995;background-color:green;border:0}
div#boxcontent hr.red {color:#C81926;background-color:red;border:0}
div#boxcontent #benefits, #specials, #guaranteed {margin:0;margin-left:auto;margin-right:auto;margin-top:5px;width:227px}
div#boxcontent p {margin:0;padding:0;padding-top:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px}
div#boxcontent a:link,
div#boxcontent a:hover, 
div#boxcontent a:active,
div#boxcontent a:visited {font-family:Arial, Helvetica, sans-serifl;font-size:12px;font-weight:bold;float:right;padding-top:2px;color:#CC0000;text-decoration:none}
div#boxcontent .more {vertical-align:middle;border:0}

/* FOOTER WRAPPER SETTINGS */
div#footer_wrapper {width:794px;border:1px #333333 solid;margin:0;margin-left:auto;margin-right:auto;margin-top:10px;overflow:hidden;background-color:#DFDFDF}
div#footer_wrapper ul {list-style:none;margin:0;padding:0;margin-left: auto;margin-right:auto;text-align:center;height:55px}
div#footer_wrapper li {margin:0;margin-top:15px;margin-bottom:15px;margin-right:5px;margin-left:5px;width:auto;float:left;display:block}

/* COPYRIGHT */
div#copyright {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000;width:794px;margin:0;margin-left:auto;margin-right:auto;margin-bottom:10px;margin-top:10px;text-align:center}
div#copyright a:link,
div#copyright a:hover,
div#copyright a:active,
div#copyright a:visited {color:#000;text-decoration:none}




.contentdarkred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7D0000;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7D0000;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.content a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
.content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
.content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}
.content a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}


a.topmenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	line-height: 18px;
}
a.topmenu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
		line-height: 18px;
}
a.topmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	font-weight: bold;
	text-decoration: none;
		line-height: 18px;
}
a.topmenu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
		line-height: 18px;
}
.mainarea {
	background-image: url(images/box_back.gif);
	background-repeat: repeat-x;
}
.contentred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
a.cpbutton:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #C61319;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
a.cpbutton:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #C61319;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
a.cpbutton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #6A7F9C;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
a.cpbutton:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #C61319;
	padding: 5px;
	border: 1px solid #CCCCCC;
	}
.title {
	font-size: 16px;
	color: #C61319;
	font-weight: bold;
	font-family: "Century Gothic", Verdana;
}
.style8 {
	font-size: 30px;
	font-weight: bold;
	padding-left:180px;
padding-top:60px;
}