/* CSS Document */

body {
	text-align: center;
	background-color: #333333;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
 }

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

p,ul,li,ol {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#wrapper { width:847px;	position:relative; margin:0 auto; padding:32px 0 0 0; text-align:left; }

/* ----- Layout Formatting ----- */

#header {
	float: left;
	width: 847px;
	padding: 0;
	margin: 0;
}

#logo {
	float: left;
	width: 174px;
	height: 47px;
	padding: 0;
	margin: 0 0 15px 0;
	background-image: url(images/bg_logo.gif);
}

#menuarea-nav {
	float: right;
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	width: 341px;
	height: 16px;
	text-align: left;
}

#mainimage, #int_image1, #int_image2, #int_image3, #int_image4, #int_image5 {
	float: left;
	width: 847px;
	height: 201px;
	padding: 0;
	margin: 0 0 0 0;
	padding: 0;
	margin: 0;
}

#mainimage {
	background-image: url(images/bg_mainimage1.jpg);
}

#int_image1 {
	background-image: url(images/bg_int_image1.jpg);
}

#int_image2 {
	background-image: url(images/bg_int_image2.jpg);
}

#int_image3 {
	background-image: url(images/bg_int_image3.jpg);
}

#int_image4 {
	background-image: url(images/bg_int_image4.jpg);
}

#int_image5 {
	background-image: url(images/bg_int_image5.jpg);
}

#bottom {
	float: left;
	width: 847px;
	padding: 0;
	margin: 0;
}

#bottomleft {
	float: left;
	width: 563px;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	background-image: url(images/bg_bottomleft.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#wheelmodels {
	float: left;
	width: 550px;
	padding: 20px 0 0 0;
	margin: 0;
}

#wheelmodels_left {
	float: left;
	width: 440px;
	padding: 0;
	margin: 0;
}

#wheelmodels_right {
	float: right;
	width: 110px;
	padding: 0;
	margin: 0;
}

#bottomright {
	float: right;
	width: 275px;
	height: 228px;
	padding: 0;
	margin: 0 0 0 0;
}

#bottomright_flickr {
	float: right;
	width: 275px;
	height: 114px;
	padding: 0;
	margin: 0 0 0 0;
	background-image: url(images/bg_bottomright.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#bottomright_flickr_image1 {
	float: left;
	width: 127px;
	height: 14px;
	padding: 0;
	margin: 15px 0 0 20px;
	background-image: url(images/photoportfolio.gif);
	background-repeat: no-repeat;
}

#bottomright_flickr_image2 {
	float: right;
	width: 76px;
	height: 25px;
	padding: 0;
	margin: 11px 20px 0 0;
	background-image: url(images/flickr.png);
}

#bottomright_flickr_text{
	float: left;
	width: 260px;
	padding: 0;
	margin: 8px 0 0 0;
}

#bottomright_upcoming {
	float: right;
	width: 275px;
	height: 135px;
	padding: 0;
	margin: 0 0 0 0;
	background-image: url(images/bg_bottomright.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#bottomright_int1 {
	float: right;
	width: 275px;
	padding: 0;
	margin: 0 0 0 0;
}

#footer {
	float: left;
	width: 847px;
	padding: 20px 0 20px 0;
	margin: 0;
}

/* ----- Menu Formatting ----- */

#menuarea-nav ul  {
	position: relative;
	width:341px;
	height:16px;
	background-image: url(images/menu.gif);
	margin: 0;
	padding: 0;
}

#menuarea-nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#menuarea-nav ul li, #menuarea-nav a {
	display:block;
	height:16px;
	border-bottom:0;
}

#menuarea-nav ul li a {
	text-indent:-9999px;
	text-decoration:none;
}

#n1 {left:0px; top:0; width:43px;}
#n2 {left:43px; top:0; width:56px;}
#n3 {left:99px; top:0; width:103px;}
#n4 {left:202px; top:0; width:79px;}
#n5 {left:281px; top:0; width:60px;}

#n1 a:hover {background: transparent url(images/menu.gif) 0 -16px no-repeat;border-bottom:0;}
#n2 a:hover {background: transparent url(images/menu.gif) -43px -16px no-repeat;border-bottom:0;}
#n3 a:hover {background: transparent url(images/menu.gif) -99px -16px no-repeat;border-bottom:0;}
#n4 a:hover {background: transparent url(images/menu.gif) -202px -16px no-repeat;border-bottom:0;}
#n5 a:hover {background: transparent url(images/menu.gif) -281px -16px no-repeat;border-bottom:0;}

#n1a {left:0px; width: 43px; background: transparent url(images/menu.gif) 0 -16px no-repeat;}
#n2a {left:43px; width:56px; background: transparent url(images/menu.gif) -43px -16px no-repeat;}
#n3a {left:99px; width: 103px; background: transparent url(images/menu.gif) -99px -16px no-repeat;}
#n4a {left:202px; width: 79px; background: transparent url(images/menu.gif) -202px -16px no-repeat;}
#n5a {left:281px; width: 60px; background: transparent url(images/menu.gif) -281px -16px no-repeat;}

/* ----- Text Formatting ----- */

#recentnews h1 {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	margin: 12px 20px 0px 20px;
	padding: 0;
}

#recentnews h2 {
	font-size: 11px;
	font-weight: normal;
	color: #996600;
	margin: 15px 30px 0 20px;
	padding: 0;
}

#recentnews p {
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	margin: 5px 20px 0 20px;
	padding:0;
}

#recentnews p a{
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#recentnews p a:hover{
	font-weight: normal;
	color: #fff200;
	text-decoration: underline;
}

#bottomright_flickr_text h1 {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	margin: 15px 20px 0px 20px;
	padding: 0;
}

#bottomright_flickr_text h2 {
	font-size: 11px;
	font-weight: normal;
	color: #996600;
	margin: 15px 30px 0 20px;
	padding: 0;
}

#bottomright_flickr_text p {
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	margin: 5px 20px 0 20px;
	padding:0;
}

#bottomright_flickr_text p a{
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#bottomright_flickr_text p a:hover{
	font-weight: normal;
	color: #fff200;
	text-decoration: underline;
}

#bottomright_upcoming h1 {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	margin: 12px 20px 0px 20px;
	padding: 0;
}

#bottomright_upcoming h2 {
	font-size: 11px;
	font-weight: normal;
	color: #996600;
	margin: 15px 30px 0 20px;
	padding: 0;
}

#bottomright_upcoming p {
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	margin: 12px 20px 0 20px;
	padding:0;
}

#bottomright_upcoming p a{
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#bottomright_upcoming p a:hover{
	font-weight: normal;
	color: #fff200;
	text-decoration: underline;
}

#bottomleft h1 {
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
	margin: 15px 20px 15px 20px;
	padding: 0;
}

#bottomleft h2 {
	font-size: 15px;
	font-weight: normal;
	color: #996600;
	margin: 15px 30px 0 20px;
	padding: 0;
}

#bottomleft h3, #bottomleft h3 a, #bottomleft h3 a:hover {
	font-size: 13px;
	color:#FFFF00;
	margin: 5px 20px 0 20px;
	padding: 0;
}

#bottomleft p {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	margin: 5px 20px 0 20px;
	padding:0;
}

#bottomleft p a{
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#bottomleft p a:hover{
	font-weight: normal;
	color: #fff200;
	text-decoration: underline;
}

#bottomleft ul {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	margin: 5px 20px 0 10px;
	padding:0 0 0 0;
	line-height: 12px;
}

#bottomleft li {
	padding: 0 0 7px 0;
	margin: 0 20px 0 20px;
	color: #999999;
}

#bottomleft li a {
	display: inline;
	padding: 0;
	color: #fff200;
	text-decoration: none;
	margin: 0;
}

html>body #bottomleft li a {
	width: auto;
}

#bottomleft li a:hover {
	color: #fff200;
	text-decoration: underline;
}

.button {
	margin: 10px 20px 0 20px;
}

.wheelimage {
	margin: 15px 0 0 0;
}

.rightimage_callout {
	float: right;
	margin: 25px 0 0 0;
}

#footer p {
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
	padding:7px 0 0 0;
	text-align: center;
}

#footer p a{
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#footer p a:hover{
	font-weight: normal;
	color: #fff200;
	text-decoration: underline;
}