* { margin: 0; padding: 0; }

body {
	background: #fff url(../img/layout/bg1.gif) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: 333;
	}
	
#container {
	width: 960px;
	margin: 0 auto;
	}
#left-column {
	float: left;
	width: 260px;
	margin: 20px 0 40px 0;
	}
#right-column {
	float: right;
	width: 640px;
	margin: 20px 0 40px 0;
	}
	
#logo {
	position: absolute;
	top: 0;
	}
#google-search {
	position: absolute;
	margin: 15px 0 0 760px;
	*margin: 15px 0 0 380px;
	_margin: 15px 0 0 380px;
	}
#google-search #search-field {
	width: 140px;
	border: 1px solid #444;
	padding: 2px;
	}
#call {
	position: absolute;
	top: 65px;
	margin-left: 565px;	
	}
#flash {
	clear: both;
	padding-top: 48px;
	}
	
.social-networking {
	float: right;
	margin: 15px 210px 0 0;
	_margin: 15px 110px 0 0;
	}
.social-networking li {
	list-style: none;
	float: left;
	}
.social-networking li a {
	display: block;
	width: 22px;
	height: 21px;
	text-indent: -999em;
	margin-left: 3px;
	}
.social-networking li a.sm-facebook { background: url(../img/buttons/sn-icons.jpg) 0 0 no-repeat; }
.social-networking li a.sm-linked { background: url(../img/buttons/sn-icons.jpg) -26px 0  no-repeat; }
.social-networking li a.sm-flickr { background: url(../img/buttons/sn-icons.jpg) -51px 0  no-repeat; }
.social-networking li a.sm-wordpress { background: url(../img/buttons/sn-icons.jpg) -77px 0  no-repeat; }
.social-networking li a.sm-youtube { background: url(../img/buttons/sn-icons.jpg) -103px 0  no-repeat; }
.social-networking li a.sm-rss { background: url(../img/buttons/sn-icons.jpg) -130px 0  no-repeat; }

#nav li {
	list-style: none;
	float: left;
	}
#nav li a {
	display: block;
	height: 34px;
	text-indent: -999em;
	}
#nav li a#nav-home { width: 71px; background: url(../img/layout/nav-sprite.png) 0 0 no-repeat; }
#nav li a#nav-specials { width: 86px; background: url(../img/layout/nav-sprite.png) -71px 0 no-repeat; }
#nav li a#nav-tires { width: 59px; background: url(../img/layout/nav-sprite.png) -157px 0 no-repeat; }
#nav li a#nav-repair { width: 70px; background: url(../img/layout/nav-sprite.png) -216px 0 no-repeat; }
#nav li a#nav-maintenance { width: 116px; background: url(../img/layout/nav-sprite.png) -286px 0 no-repeat; }
#nav li a#nav-diagnosis { width: 93px; background: url(../img/layout/nav-sprite.png) -402px 0 no-repeat; }
#nav li a#nav-amenities { width: 94px; background: url(../img/layout/nav-sprite.png) -495px 0 no-repeat; }
#nav li a#nav-appointment { width: 114px; background: url(../img/layout/nav-sprite.png) -589px 0 no-repeat; }
#nav li a#nav-directions { width: 93px; background: url(../img/layout/nav-sprite.png) -703px 0 no-repeat; }
#nav li a#nav-fleet { width: 58px; background: url(../img/layout/nav-sprite.png) -796px 0 no-repeat; }
#nav li a#nav-about { width: 67px; background: url(../img/layout/nav-sprite.png) -854px 0 no-repeat; }

#nav li a#nav-home:hover { width: 71px; background: url(../img/layout/nav-sprite.png) 0 -34px no-repeat; }
#nav li a#nav-specials:hover { width: 86px; background: url(../img/layout/nav-sprite.png) -71px -34px no-repeat; }
#nav li a#nav-tires:hover { width: 59px; background: url(../img/layout/nav-sprite.png) -157px -34px no-repeat; }
#nav li a#nav-repair:hover { width: 70px; background: url(../img/layout/nav-sprite.png) -216px -34px no-repeat; }
#nav li a#nav-maintenance:hover { width: 116px; background: url(../img/layout/nav-sprite.png) -286px -34px no-repeat; }
#nav li a#nav-diagnosis:hover { width: 93px; background: url(../img/layout/nav-sprite.png) -402px -34px no-repeat; }
#nav li a#nav-amenities:hover { width: 94px; background: url(../img/layout/nav-sprite.png) -495px -34px no-repeat; }
#nav li a#nav-appointment:hover { width: 114px; background: url(../img/layout/nav-sprite.png) -589px -34px no-repeat; }
#nav li a#nav-directions:hover { width: 93px; background: url(../img/layout/nav-sprite.png) -703px -34px no-repeat; }
#nav li a#nav-fleet:hover { width: 58px; background: url(../img/layout/nav-sprite.png) -796px -34px no-repeat; }
#nav li a#nav-about:hover { width: 67px; background: url(../img/layout/nav-sprite.png) -854px -34px no-repeat; }


#main-content {
	margin-top: 20px;
	line-height: 19px;
	}
#main-content a { color: #006699; }
#main-content a:hover { color: #3399CC }
#main-content h1 { font-size: 18px; margin-bottom: 22px; }
#main-content p { margin: 0 0 16px 0; }
#main-content p.no-margin { margin-bottom: 0; }
#button-tires {
	width: 371px;
	height: 283px;
	margin: 0 0 10px 10px;
	text-indent: -999em;
	display: block;
	float: right;
	background: url(../img/buttons/button-tires.jpg);
	}
#red-arrow {
	position: absolute;
	margin-left: 900px;
	margin-top: -92px;
	}
#button-tires:hover {
	background: url(../img/buttons/button-tires.jpg);  /* --------------- Substitute for hover image --------------- */
	}
#model {
	float: right;
	margin-right: -15px;
	margin-top: 10px;
	}
#gas-card {
	width: 259px;
	height: 72px;
	text-indent: -999em;
	display: block;
	background: url(../img/buttons/gas-card.gif);
	}
#gas-card:hover {
	background: url(../img/buttons/gas-card-auto_repair.gif);  /* --------------- Substitute for hover image --------------- */
	}
	
.home-button-left {
	display: block;
	width: 299px;
	text-indent: -999em;
	}
#month-24 { background: url(../img/24-month.gif); height: 62px; }
#month-12 { background: url(../img/12-month.gif); height: 70px; }
#one-stop { background: url(../img/offer-one-stop.gif); height: 56px; }
#month-24:hover { background: url(../img/24-auto-repair-warranty.gif); }
#month-12:hover { background: url(../img/12-auto-repair-warranty.gif); }
#one-stop:hover { background: url(../img/one-stop-auto-repair-shop.gif); }
	
#small-left {
	width: 299px;
	float: left;
	margin-right: 15px;
	font-weight: bold;
	color: #0d6797;
	font-style: italic;
	font-size: 13px;
	line-height: 14px;
	}
#main-content #small-left p {
	margin: 3px 0;
	}
#click-here {
	width: 299px;
	height: 95px;
	display: block;
	margin-top: 8px;
	background: url(../img/buttons/find-out-more.gif);
	text-indent: -999em;
	}
#click-here:hover {
	background: url(../img/buttons/find-out-more.gif);  /* --------------- Substitute for hover image --------------- */
	}
	
	
#small-right {
	width: 250px;
	float: right;
	margin-left: 15px;
	line-height: 16px;
	}
#main-content #small-right p {
	border-bottom: 1px solid #fd0017;
	font-weight: bold;
	color: #0d6797;
	font-style: italic;
	text-align: center;
	margin: 0 0 8px 0;
	padding: 0 0 5px 0;
	}
#small-right ul {
	font-style: italic;
	}
#small-right ul li {
	list-style: none;
	background: url(../img/layout/list-arrow.gif) left center no-repeat;
	padding-left: 16px;
	margin: 3px 0 3px 10px;
	}
#main-content a#a-amenities {
	display: block;
	color: #fd0017;
	margin-top: 20px;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	}
#main-content a#a-amenities strong {
	color: #333;
	}
#main-content a#a-amenities:hover {
	color: #0066CC;
	}
#small-right img {
	margin: 25px 0 0 20px;
	}
	
.no-spam { display: none; }
.error { color: #CC0000; font-weight: bold; font-size: 12px; }
	
	
/* ---------- JQuery ---------- */
 #scrollup {
   margin-top: 30px;
   position: relative;
   overflow: hidden;
   height: 200px;
   width: 260px;
   border-top: 1px dotted #999;
   border-bottom: 1px dotted #999;
 }
 .headline {
   position: absolute;
   top: 210px;
   left: 5px;
   height: 195px;
   width: 250px;
 }
 
#slideshow {
    position: relative;
    height: 109px;  /* ---------- replace this with height of image -- */
	margin: 30px 0 0 0;  /* ---------- (260 - width of image)/2 and replace this 55px value with result -- */
}
#slideshow IMG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}
#slideshow IMG.active {
    z-index: 10;
}
#slideshow IMG.last-active {
    z-index: 9;
}
#slideshowleft {
    position: relative;
    height: 540px;  /* ---------- replace this with height of image -- */
	margin: 30px 0 0 24px;  /* ---------- (260 - width of image)/2 and replace this 55px value with result -- */
}
#slideshowleft IMG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}
#slideshowleft IMG.active {
    z-index: 10;
}
#slideshowleft IMG.last-active {
    z-index: 9;
}
	

/* ---------- Internal site pages ---------- */

#main-content #right-column h1 { font-size: 18px; margin-bottom: 22px; line-height: 1.3em; }
#main-content #right-column h2 { font-size: 15px; margin: 35px 0 8px 0; }
#main-content #right-column ul { margin: 20px; }
#main-content #right-column li { margin: 5px; }

#email-form .text { width: 300px; padding: 3px 2px; margin: 5px 0 10px 0; }
#email-form label { font-weight: bold; }
	
	
#footer {
	background: #000;
	color: #fff;
	clear: both;
	width: 100%;
	}
#footer-content {
	width: 1032px;
	margin: 0 auto;
	padding: 30px 0 30px 30px;
	background: #000;
	}	
.footer-link-box {
	width: 24%;
	float: left;
	}
.footer-link-box h3 {
	text-align: center;
	border-bottom: 2px solid #fd0017;
	font-size: 18px;
	font-style: italic;
	margin-right: 30px;
	}
.footer-link-box ul {
	margin: 8px 30px 0 15px;
	}
.footer-link-box ul li {
	list-style: none;
	margin: 3px 0;
	}
#footer a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	}
#footer a:hover {
	color: #fd0017;
	}	
	
.footer-link-box.align-right img {
	float: right;
	}
.footer-link-box.align-right p {
	text-align: right;
	clear: both;
	margin-right: 15px;
	}
.footer-link-box.align-right ul {
	margin-right: 15px;
	}
	

/* ---------- Misc ---------- */

.clear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
* html .clear { height: 1px; }
*:first-child+html .clear { min-height: 1px; }
.cleared { clear: both; }

a img {
	border: none;
	text-decoration: none;
	}
	
.hidden {
	display:  none;
	}
#subcategories li {
display:inline;
list-style-type:square;
}