@import url(color.css);
@import url(typography.css);
/* ============== Normalize =====================================================*/
/*margin, padding */body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
					fieldset, input, p, blockquote, th, td 	{ margin:0; padding:0; }
/* Remove list-style from lists */			table 			{ border-collapse:collapse; border-spacing:0;}
/* Remove border from fieldset and img */	fieldset, img 	{ border:0; }
/* Left-align textin caption and th */		caption, th 	{ text-align:left;}
/* =============== General Page Structure =========================================== */
html {
	text-align:center;
	}
#container {
	width:805px;
	margin:0 auto;
	text-align:left;
	}
.clear {
	clear:both;
	}
/* =========== Branding ================= */


#branding  { 
	padding-top: 20px;
	position: relative;
	}
#branding #logo { 
	float: left;
	position: absolute;
	left: -20px;
	width: 248px;
	}
#main_img img{ 
	padding-top: 35px;
	}

/* =========== Navigation =============== */
#nav {
	float:right;
	margin-top: 8px;
	}
#nav li {
	display:inline;
	padding:50px 5px 0 15px;
	}
	
#home_page #arrow, #commuting_page #arrow, #contact_page #arrow, 
#inventory_page #arrow, #resources_page #arrow, #services_page #arrow {
	position: absolute;
	top: 71px;
	} 
#home_page #arrow 		{ right: 500px;} 
#commuting_page #arrow 	{ right: 232px;}
#contact_page #arrow 	{ right:  29px;}
#inventory_page #arrow 	{ right: 332px;}
#resources_page #arrow 	{ right: 126px;}
#services_page #arrow 	{ right: 426px;}

/* ============= Content Main ============ */

#content_main {
	width:530px;
	float:left;
	margin: 45px 0 90px 30px;
	position:relative;
	}
#home_page #content_main img { 
	margin-top: 15px;
	}
	
#content h1 { padding: 5px 0 5px 0;}
#content h2 { padding-top:20px;}
#content h3 { padding-top:3px;}

#content p  { padding:  3px 15px 10px  0; }

#content li 	{ margin:  3px 0  3px 30px;}
#content_sub li { margin:  3px 0  3px  0;}

#contact_page #content ul { margin:  3px 0 3px 0;}
#contact_page #content li { margin:  3px 0 3px 0;}

#content q  { padding: 3px 0 3px 0; display: block; }

#content ul, 
#content ol { padding: 0 0 6px 0;}

/* ----- content sub ---------*/
#content_sub {   /* non-home page side bars*/
	width:198px;
	float:right;	
	margin: 80px 10px 85px 0;
	} 
#home_page #content_sub {
	width:160px;
	float:right;	
	padding: 27px 10px 55px 25px;
	margin:  40px  0   35px  0;
	}
#address { 
	padding-top: 10px;
	}

/* ----- inventory ---------*/
#featured_brands {
	position: relative;
	float:right;
	top: 0px;
	right: 65px;
	width: 200px;
	}

/* ----- contact page ---------*/
#contact_contact_info {
	line-height:1.2em;
	}
#map_title { 
	padding-bottom: 5px;
	}

/* -------------- Footer ----------------- */
#site_info {
	margin: 0 0 15px 30px; 
	padding:2px 0 2px 10px;
	}
#site_info li {
	display:inline;
	padding: 0 7px 0 7px;
	}
#site_info .li_first {
	padding-left: 0;
	}