/* CSS Styles */

body {
	margin: 0;
	padding: 0;
	background: #A71F1F url('./graphics/main-background.gif') repeat-y top center; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}

	
div.header {
	background: #ffffff url('./graphics/header-logo.gif') repeat-x 0px 50px;
	height: 200px;
	margin: 0;
	padding: 0;
	}

div.frame {
	padding: 0;
	margin: 0;
	width: 892px;
	background-color: #ffffff;	
	float: left;
	}
	
.top {
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	height: 10px;
	background: #A71F1F url('./graphics/rounded-top.gif') no-repeat top left;
	
	}
	
	.bottom {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: 10px;
	background: #A71F1F url('./graphics/rounded-bottom.gif') no-repeat top left;
	clear: both;
	}

ul#locations
{ width: 100%;
  margin: 10px 0 0px;
  padding: 0;
  float: left;
  background: url('./graphics/location-bar-over.gif') repeat-x;
 }
#locations li
{
list-style-type: none;
float: left;
text-align: center;
margin: px;
padding: 0px;
font-size: 13px;
border: 1px #2a4f9b solid;
}
#locations a {display: block; width: 100%; color: white; text-decoration: none; font-weight: normal; margin: 0; padding: 5px 0; background-color: none; }
#locations a:hover {display: block; width: 100%; color: white; background: transparent url('./graphics/location-bar-bg.gif') repeat-x top left; margin: 0px; padding: 5px 0;} 

ul#top-nav {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
float: left;
}
#top-nav li {float: left; list-style-type: none; display: block; width: 222px; height: 75px; margin: 0 0 0 1px; padding: 0;}
#top-nav li a {display: block; width: 222px; height: 75px; border: none; margin: 0; padding: 0; font-size: 0px;}
a.apply:link, a.apply:visited {background: transparent url('./graphics/apply-btn.gif') no-repeat 0px -75px;}
a.apply:hover, a.apply:active {background: transparent url('./graphics/apply-btn.gif') no-repeat 0px 0px;}
a.inventory:link, a.inventory:visited {background: transparent url('./graphics/used-cars.gif') no-repeat 0px -75px;}
a.inventory:hover, a.inventory:active {background: transparent url('./graphics/used-cars.gif') no-repeat 0px 0px;}
a.powersports:link, a.powersports:visited {background: transparent url('./graphics/powersports.gif') no-repeat 0px -75px;}
a.powersports:hover, a.powersports:active {background: transparent url('./graphics/powersports.gif') no-repeat  0px 0px;}
a.contact:link, a.contact:visited {background: transparent url('./graphics/contact-us.gif') no-repeat 0px -75px;}
a.contact:hover, a.contact:active {background: transparent url('./graphics/contact-us.gif') no-repeat  0px 0px;}

#top-nav a.active {background-position: 0px 0px;}

#inventory-dropdown {
position: absolute;
margin: 0;
padding: 0;
z-index: 10000;
width: 300px;
display: none;
}
#inventory-dropdown li {height: 30px; margin: 0;}
#inventory-dropdown li a {
	height: 30px;
}
a.inventory-used-car:link, a.inventory-used-car:visited {background: transparent url('./graphics/used-car-inventory-button.gif') no-repeat 0px -30px;}
a.inventory-used-car:hover, a.inventory-used-car:active {background: transparent url('./graphics/used-car-inventory-button.gif') no-repeat 0px 0px;}
a.inventory-power-sports:link, a.inventory-power-sports:visited {background: transparent url('./graphics/powersports-inventory-button.gif') no-repeat 0px -30px;}
a.inventory-power-sports:hover, a.inventory-power-sports:active {background: transparent url('./graphics/powersports-inventory-button.gif') no-repeat 0px 0px;}

#top-nav img {margin: 0; padding: 0;}
ul#nav {
margin: 0 0 25px 0;
padding: 0;
}

ul#nav li {list-style-type: none;}

div#nav-map{
	margin-top: 20px;}

div#content { 
	width: 590px;
	float: left;
	position: relative;
}
.alt   {
	position: absolute;
	text-indent: -99999px;
	}
	
#left 
{
width: 290px;
float: left;
margin: 0 5px 0 0;
padding: 0;
}

#footer {
	position: relative;
	clear: both;
	background: #A71F1F url('./graphics/footer.gif') no-repeat top center;
	height: 130px;
	margin: 0px auto;
	text-indent: -99999px;
	border-top: 12px solid #21418E;
	
}

a.button span
{ position: absolute;}
	
a.button {
display: block;
width: 245px;
height: 45px;
border: 0px;
background-repeat: no-repeat;
text-indent: -99999px;
margin-left: 15px;
}
a#link-team {
	background-image: url('./graphics/teamup.jpg');
}
a#link-team:hover {
	background-image: url('./graphics/teamovr.jpg');
	}
a#link-about {
	background-image: url('./graphics/aboutup.jpg');
}
a#link-about:hover {
	background-image: url('./graphics/aboutovr.jpg');
	}
a#link-99down {
	background-image: url('./graphics/99downup.jpg');
}
a#link-99down:hover {
	background-image: url('./graphics/99downovr.jpg');
	}
a#link-why {
	background-image: url('./graphics/whyup.jpg');
}
a#link-why:hover {
	background-image: url('./graphics/whyovr.jpg');
	}
a#link-finance {
	background-image: url('./graphics/financeup.jpg');
	}
a#link-finance:hover {
	background-image: url('./graphics/financeovr.jpg');
	}
a#link-faqs {
	background-image: url('./graphics/faqsup.jpg');
}
a#link-faqs:hover {
	background-image: url('./graphics/faqsovr.jpg');
	}
a#link-join {
	background-image: url('./graphics/joinup.jpg');
}
a#link-join:hover {
	background-image: url('./graphics/joinovr.jpg');
	}
a#link-news {
	background-image: url('./graphics/newsup.jpg');
}
a#link-news:hover {
	background-image: url('./graphics/newsovr.jpg');
	}
a#link-neighbors {
	background-image: url('./graphics/neighborsup.jpg');
}
a#link-neighbors:hover {
	background-image: url('./graphics/neighborovr.jpg');
	}
a#link-rewards {
	background-image: url('./graphics/rewardsup.jpg');
}
a#link-rewards:hover {
	background-image: url('./graphics/rewardsovr.jpg');
	}	
a#link-reviews {
	background-image: url('./graphics/reviewsup.jpg');
}
a#link-reviews:hover {
	background-image: url('./graphics/reviewsovr.jpg');
	}	
a#link-pay {
	background-image: url('./graphics/payup.jpg');
}
a#link-pay:hover {
	background-image: url('./graphics/payovr.jpg');
	}
	
 div.wrapper {
	width : 892px ;
	text-align : left ;
	margin: 0px auto;
	position : relative ;
}