@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
body{
	background-color:#333333;
	background-image:url(images/carbonfiber.jpg);
	background-position:top;
}
#wrapper{
	width:720px;
	margin: 0 auto 0 auto;
	background-image:url(images/wrapperbgblack.png);
}

#header{
	background-image:url(images/header.png);
	height:100px;
}

/* Navigation */
#nav{
	
}
#nav ul{
	list-style:none;
	width:644px;
	margin:0 0 0 38px;
}
#nav li{
	width:90px;
	height:52px;
	float:left;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
}
#nav ul li a.home{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/home.png);
}
#nav ul li a.home:hover{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/homeon.png);
}
#nav ul li a.news{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/news.png);
}
#nav ul li a.news:hover{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/newson.png);
}
#nav ul li a.vehicles{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/vehicle.png);
}
#nav ul li a.vehicles:hover{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/vehicleon.png);
}
#nav ul li a.performance{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/performance.png);
}
#nav ul li a.performance:hover{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/performanceon.png);
}
#nav ul li a.visuals{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/visualon.png);
}
#nav ul li a.visuals:hover{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/visualon.png);
}
#nav ul li a.about{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/about.png);
}
#nav ul li a.about:hover{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/abouton.png);
}
#nav ul li a.contact{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/contact.png);
}
#nav ul li a.contact:hover{
	display:block;
	width:90px;
	height:52px;
	background-image:url(images/contacton.png);
}

/* Home Content */
#content{
	background-image:url(images/borders.png);
	background-repeat:repeat-y;
}
#text{
	clear:both;
	background-image:url(images/blue15.png);
	margin:0 0 0 20px;
	color:#FFFFFF;
	width:680px;
	height:280px;
}
#text a.banner{
	display:block;
	position:absolute;
	width:670px;
	height:270px;
	margin:5px 0 0 5px;
	background-image:url(images/bmwbanner.png);
}
.leftlink{
	width:160px;
	height:160px;
	float:left;
	margin:20px 0 0 20px;
	background-image:url(images/blue15.png);
}
.interlink{
	width:160px;
	height:160px;
	float:left;
	margin:20px 0 0 13px;
	background-image:url(images/blue15.png);
}
.endlink{
	clear:both;
}
a.veh{
	display:block;
	width:150px;
	height:150px;
	margin:5px 0 0 5px;
	background-image:url(images/vehimagegrey.png);
}
a.veh:hover{
	display:block;
	width:150px;
	height:150px;
	margin:5px 0 0 5px;
	background-image:url(images/vehimage.png);
}
a.per{
	display:block;
	width:150px;
	height:150px;
	margin:5px 0 0 5px;
	background-image:url(images/perfimagegrey.png);
}
a.per:hover{
	display:block;
	width:150px;
	height:150px;
	margin:5px 0 0 5px;
	background-image:url(images/perfimage.png);
}
a.vis{
	display:block;
	width:150px;
	height:150px;
	margin:5px 0 0 5px;
	background-image:url(images/visualimagegrey.png);
}
a.vis:hover{
	display:block;
	width:150px;
	height:150px;
	margin:5px 0 0 5px;
	background-image:url(images/visualimage.png);
}
a.abo{
	display:block;
	width:150px;
	height:150px;
	margin:5px 0 0 5px;
	background-image:url(images/aboutimagegrey.png);
}
a.abo:hover{
	display:block;
	width:150px;
	height:150px;
	margin:5px 0 0 5px;
	background-image:url(images/aboutimage.png);
}

/* Footer */
#footer{
	clear:both;
	width:720px;
	height:20px;
	background-image:url(images/footer.png);
}

/* Bottom Links */
#bottomlinks{
	width:700px;
	margin:0 auto 0 auto;
	text-align:right;
}
#bottomlinks a{
	color:#999999;
	text-decoration:none;
	font-size:12px;
}
#bottomlinks a:hover{
	color:#FFFFFF;
}


/* Visual Page */
#sidenav{
	clear:both;
	float:left;
	background-image:url(images/blue15.png);
	margin:0 0 0 10px;
	color:#FFFFFF;
	width:180px;
	height:245px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#sidenav ul{
	list-style:none;
	width:175px;
	margin:5px 0 0 5px;
}
#sidenav ul li a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	width:171px;
	height:39px;
	background-image:url(images/navigation.png);
	text-align:center;
	line-height:40px;
}
#sidenav ul li a.selected{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	width:171px;
	height:39px;
	background-image:url(images/navigation_over.png);
	text-align:center;
	line-height:40px;
}
#sidenav ul li a:hover{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	width:171px;
	height:39px;
	background-image:url(images/navigation_over.png);
	text-align:center;
	line-height:40px;
}

#products{
	float:left;
	width:500px;
}
.items{
	float:left;
	width:500px;
	margin:0 0 10px 10px;
	background-image:url(images/blue15.png);
}
.image{
	width:120px;
	float:left;
	margin:10px 10px 10px 10px;
}
.info{
	width:340px;
	float:left;
	color:#FFFFFF;
	margin:10px 10px 10px 10px;
}
.info p{
	margin:3px 0 0 15px;
}
.info p.price{
	margin:10px 0 0 0;
	text-align:right;
}

#clear{
	clear:both;
}