/* 
A Lot of Cars: 
site design by Scott Lenger :: www.scottlenger.com
last updated: October, 4 2006
*/

* {margin:0; padding:0;list-style:none;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 76%; color:#333;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}

#frame {margin:0 auto; width:770px; clear:left;
	border:solid 1px #dadada;}
#frame p {padding:3px 15px; clear:both;
	line-height:1.4em;} /* phone number */

.current a {color:#4d9ae9;}
.skiplink {display:none}

/* Header ----------------------------------------------------------- */
#header {padding:10px 0 0;}
#header h1 {padding:0 7px 0; width:240px; height:40px; display: block; float:left; position:relative;
	font-size:1.4em; font-variant: small-caps;}
#header h1 span {width:100%; height:100%; display:block; position:absolute; top:0;left:0;
	color:#fff; background: url(/logo.gif) no-repeat left top;}
#header ul {padding:10px 0 0 40px;}
#header ul li {padding-top:2px; width:86px; display:inline; float:left;
	font-size:1em; font-weight:bold; line-height:2.6em; text-align: center;
	background: url(/currentnav.gif) repeat-y left top #fff;}
#header ul li a:hover {color:#000; text-decoration:underline;}
#header ul li.current {width:86px; 
	color:#4D9AE9;
	background: url(/currentnavbg.gif) repeat-y left top #000;}
#header ul li.current a {color: #4d9ae9;}


/* SubNavigation ---------------------------------------------------- */
#subnavigation {padding-bottom:1px; width:770px; display:block; clear:left;
	background: url(/subnavbottom.gif) repeat-y left bottom #000;}
#subnavigation ul {margin:0 auto; padding-left:10px; text-align:left;
	background: url(/subnavtop.gif) no-repeat left top;}
	#subnavigation ul.inventory {padding:0; text-align:center; background: url(/subnavinventory.gif) no-repeat left top;}
	#subnavigation ul.finance {background: url(/subnavfinance.gif) no-repeat left top;}
	#subnavigation ul.tradein {background: url(/subnavtradein.gif) no-repeat left top;}
	#subnavigation ul.about {background: url(/subnavabout.gif) no-repeat left top;}
	#subnavigation ul.locations {background: url(/subnavlocations.gif) no-repeat left top;}
	#subnavigation ul.contact {background: url(/subnavcontact.gif) no-repeat left top;}
#subnavigation ul li {padding:0 10px; display:inline;
	font-size:.9em;font-weight: bold; line-height:2.4em; color:#fff;}
#subnavigation ul li a {color:#fff;}
#subnavigation ul li.current a {color:#4D9AE9;}



/* Content ---------------------------------------------------------- */
#content {padding-bottom:25px; margin:0 auto; width:550px;}

#content.homepage {width:625px;}
#content img.homepage {margin:50px auto 45px; padding:10px; float:none;
	border:solid 2px #888;}

#content h2 {margin:0 0 20px; width:550px; height:50px; display:block; position:relative;
	color:#333;}
#content h2.narrow {margin-left:50px; width:450px;}

#content h2 span {width:100%; height:100%; display: block; position:absolute;
	text-align:right; color:#fff; 
	border-bottom:solid 2px #888;	background-repeat: no-repeat; background-position:left top;}
	span.vehiclecategories {background-image: url(/h2vehiclecategories.gif);}
	span.finance {background-image: url(/h2finance.gif);}
	span.tradein {background-image: url(/h2tradein.gif);}
	span.about {background-image: url(/h2about.gif);}
	span.locations {background-image: url(/h2locations.gif);}
	span.directions {background-image: url(/h2directions.gif);}
	span.contact {background-image: url(/h2contact.gif);}
	span.error {background-image: url(/h2error.gif);}
	/* inventory categories */
	span.compact {background-image: url(/h2compact.gif);}
	span.fullsize {background-image: url(/h2fullsize.gif);}
	span.lighttrucks {background-image: url(/h2lighttrucks.gif);}
	span.largetrucks {background-image: url(/h2largetrucks.gif);}
	span.suv {background-image: url(/h2suv.gif);}
	span.vans {background-image: url(/h2vans.gif);}

/* main category page */
ul#category {padding-bottom:25px; float:left;}
ul#category li {margin:15px 40px; width:179px; float:left; /* box model results in single column in ie6...too bad */
	font-size:1.25em; font-weight:bold;}
ul#category li:hover {background-color:#eee;}
ul#category li a:hover {color:#4d9ae9; text-decoration:none;}
ul#category img {margin-bottom:5px; display:block;}
ul#category img {border:solid 2px #444;}

/* category sorting menu */
ul#sort {margin-top:-10px;}
ul#sort li {padding-right:25px; display:inline;
	font-size:.9em; font-weight:bold;}	
ul#sort li a {color:#333;}
ul#sort li.current a {color:#4d9ae9;}


/* inventory */	
div.inventory {margin:20px 0; height:135px; width:550px;}
	div.inventory:hover {background-color: #eee;}
.inventory h3 {padding:10px 0 10px; font-size:1.25em; font-weight:bold;}
.inventory ul li {padding:0 6px 0 0; display:inline;}
.inventory img {margin-right:20px; float:left;
	border:solid 2px #000; }

#content img.main {padding:8px; border: solid 2px #888;}

/* single car page and pages with textual content */
#singlecar {margin:35px auto 0; width:450px;}
#singlecar img {margin-bottom:15px; float:none;
	border:solid 2px #444;}
#singlecar img.single {margin-right:20px; float:left;}
#singlecar h2 {width:450px;}
#singlecar h3 {margin:0 0 10px; padding-left:15px;}
#singlecar ul li, #singlecar ol li {padding:8px 40px; line-height:1.4em;}
#singlecar p {padding-bottom:15px; clear:left;}
#singlecar p a {text-decoration: underline;}

/* mini images on single car page */
#imagepreview {margin-bottom:45px;}
#imagepreview a img {border:none;}
#imagepreview img {margin:0 10px 0 0; padding:0; width: 75px; display:inline;}



/* Footer ------------------------------------------------------ */
p.footer {font-weight:bold;}

p.credits {margin:10px 0; clear:both; 
	color:#555; font-size:.9em; text-align:center;}