/* CSS Document */
/* All formats intended for screen viewing */

/* Undo Hidden Styles (set in print.css file) ----------------------------------------- */
#top_nav, #bottom_nav, #header, #side_bar {
	display: block;
}


/* Major Layout Containers ------------------------------------------------------------ */
body {
	width: 100%;
	background: #D3E3F2 url(/images/body_bg.gif) repeat-x left top;
}
#wrapper {
	width: 100%;
	margin: 0;
}
#container {
	width: 776px; /* width of actual page */
	margin: auto;
}


/* Header ----------------------------------------------------------------------------- */
#header {
	position: relative;
	width: 776px;
	height: 273px;
	background: url(/images/header_bg.jpg) no-repeat left top;
}
#header h1 {
	position: absolute;
	bottom: 35px;
	right: 30px;
	width: 220px;
	height: 130px;
	margin: 0;
}
#header h1 a {
	display: block;
	height: 130px;
	text-indent: -9999px;
	text-decoration: none;
}
#header p#call_today {
	position: absolute;
	top: 55px;
	right: 15px;
	margin: 0;
	padding: 0;
}


/* Top Navigation --------------------------------------------------------------------- */
#top_nav {
	float: left;
	height: 59px;
	width: 776px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(/images/nav_bg.gif) repeat-x left top;
}
#top_nav li {
	float: left;
}
#top_nav a {
	display: block;
	height: 41px;
	margin-right: 1px;
	text-decoration: none;
	text-indent: -9999px;
}
#top_nav a.home {
	width: 111px;
}
#top_nav a.home:hover {
	background: url(/images/nav_rollovers/home_over.gif) no-repeat left top;
}
#top_nav a.inventory_new {
	width: 124px;
}
#top_nav a.inventory_new:hover {
	background: url(/images/nav_rollovers/new_units_over.gif) no-repeat left top;
}
#top_nav a.inventory_used {
	width: 179px;
}
#top_nav a.inventory_used:hover {
	background: url(/images/nav_rollovers/pre-owned_over.gif) no-repeat left top;
}
#top_nav a.about {
	width: 121px;
}
#top_nav a.about:hover {
	background: url(/images/nav_rollovers/about_us_over.gif) no-repeat left top;
}
#top_nav a.service {
	width: 111px;
}
#top_nav a.service:hover {
	background: url(/images/nav_rollovers/service_over.gif) no-repeat left top;
}
#top_nav a.contact {
	width: 125px;
	margin-right: 0;
}
#top_nav a.contact:hover {
	background: url(/images/nav_rollovers/contact_over.gif) no-repeat left top;
}


/* Contents and Side Bar -------------------------------------------------------------- */
#content_container {
	position: relative;
	clear: both;
	float: left;
	width: 776px; /* same as the container width */
	background: #FFF url(/images/side_bar_bg.gif) repeat-y left top;
}
#side_bar {
	float: left;
	width: 174px;
	padding: 25px 25px 200px 25px;
	font-size: 8pt;
}
#side_bar p {
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #333;
}
#side_bar a {
	color: #333;
	text-decoration: underline;
}
#side_bar a:hover {
	color: #A80000;
}
#side_bar p#side_bar_contact {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 144px;
	padding: 90px 25px 25px 55px;
	background: url(/images/side_bar_logo.gif) no-repeat left top;
	border: none;
}
#contents {
	float: left;
	width: 472px;
	padding: 25px 40px 60px 40px;
	background: url(/images/content_bg.gif) no-repeat -25px -45px;
}
#contents p {
	margin: 8px 15px;
}
#contents a {
	color: #333;
	text-decoration: underline;
}
#contents a:hover {
	color: #A80000;
	text-decoration: none;
}
.img_right {
	float: right;
	padding: 0 0 10px 10px;
}


/* Page Headings ---------------------------------------------------------------------- */
#home_page #heading_1 {
	height: 38px;
	text-indent: -9999px;
	background: url(/images/page_headings/index_heading_1.gif) no-repeat;
}
	
	
/* Bottom Navigation ------------------------------------------------------------------ */
#bottom_nav {
	position: absolute;
	bottom: 15px;
	left: 295px;
	float: left;
	width: 422px;
	margin: 0;
	padding: 0;
}
#bottom_nav li {
	float: left;
	margin: 0;
	padding: 5px 5px;
	list-style-type: none;
	border-top: 1px solid #CCC;
}
#home_page #bottom_nav li a.home {
	font-weight: bold;
	text-decoration: none;
}
#inventory_new #bottom_nav li a.inventory_new {
	font-weight: bold;
	text-decoration: none;
}
#inventory_used #bottom_nav li a.inventory_used {
	font-weight: bold;
	text-decoration: none;
}
#about_page #bottom_nav li a.about {
	font-weight: bold;
	text-decoration: none;
}
#service_page #bottom_nav li a.service {
	font-weight: bold;
	text-decoration: none;
}
#contact_page #bottom_nav li a.contact {
	font-weight: bold;
	text-decoration: none;
}


/* Footer ----------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 776px; /* same as the container width */
	height: 54px;
	margin: 0;
	background: url(/images/footer_bg.gif) repeat-x;
}


/* Misc. Styles ----------------------------------------------------------------------- */
img {
	border: none;
}