/* CSS Document */

html, body {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/bk.jpg) repeat-x #000;
	color: #fff;
	font-size:85%;
	height:100%;}

p {
	margin: 0 0;
	font-size:12px;
	padding-top:0;}

a {
	color:#900;}

a:hover {
	color:#000;}

a:visited {
	color:#816D52;}
		
/* ~~~~~~~~~~~~~~MAIN~~~~~~~~~~~~~~~~ */
#container {
	margin:auto;
	width:792px;	
}
	
/* ~~~~~~~~~~~~~~TOP~~~~~~~~~~~~~~~~ */

#top {
	width:792px;
	float:left;
	height: 106px;
	background:url(../images/top.jpg) no-repeat;
	padding:0 0 0 0;}
	

#menu {
	float:left;
	width:580px;
	padding-left:210px;
	padding-top: 80px;
}
	
#menu ul {
	display: inline;
	margin: 0;
	padding: 0;}

#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}

#menu li a {
	float:left;
	display:block;
	text-indent: -999999px;
	overflow: hidden;
	height:25px;}
	
#menu li.home a{
	background: url(../images/menu/1.gif);
	background-position:top;
	width: 64px;}
	
#menu li.home a:hover{
	background-position:bottom;}
	
#menu li.racing a{
	background: url(../images/menu/2.gif);
	background-position:top;
	width: 87px;}
	
#menu li.racing a:hover{
	background-position:bottom;}
	
#menu li.shop a{
	background: url(../images/menu/3.gif);
	background-position:top;
	width: 130px;}

#menu li.shop a:hover{
	background-position:bottom;}
	
#menu li.contact a{
	background: url(../images/menu/4.gif);
	background-position:top;
	width: 97px;}
	
#menu li.contact a:hover{
	background-position:bottom;}
	
#menu li.about a{
	background: url(../images/menu/5.gif);
	background-position:top;
	width: 101px;}
	
#menu li.about a:hover{
	background-position:bottom;}
	
#menu li.forum a{
	background: url(../images/menu/6.gif);
	background-position:top;
	width: 73px;}
	
#menu li.forum a:hover{
	background-position:bottom;}
	
/* ~~~~~~~~~~~~~~HEADER~~~~~~~~~~~~~~~~ */

#header {
	width:792px;
	float:left;
	background-color:#FF3366;}
	
/* ~~~~~~~~~~~~~~CONTENT~~~~~~~~~~~~~~~~ */
	
#content {
	width:792px;
	float:left;
	height:305px;
	background:url(../images/content.jpg) no-repeat;}

#contentip {
	width:792px;
	float:left;
	padding-top:0px;
	background:url(../images/contentbk.jpg) no-repeat;}
	
#contentbk {
	width:792px;
	float:left;
	background:url(../images/cross.gif);}
	
#left {
	width:125px;
	float:left;
	padding: 15px 20px 0 43px;}

#right {
	width:380px;
	float:left;
	padding: 0 0 0 40px;}	
	
	#featured {
	width:380px;
	float:left;
	height: 222px;}
		
	#buttons {
		width:380px;
		float:left;
		font-size:13px;
		color:#333333;
		text-align:right;
		height:23px;}
		
		#buttons a{
			color:#fff;
			font-size:13px;
			font-weight:bold;
			text-decoration:none;
			padding:3px 10px;}
		
		#buttons a:hover{
			background-color:#FF0000;}		
		
	#hidden {
		width:380px;
		float:left;
		color:#4C5156;
		font-size:10px;
		text-align:right;}
		
		#hidden a {
			color:#4C5156;
			font-size:10px;
			text-decoration:none;}
			
		#hidden a:hover {
			color:#4C5156;
			text-decoration:underline;}
			
#leftip {
	width:500px;
	float:left;
	padding: 10px 50px 0 76px;}
	
	#leftip p {
		margin-bottom:15px;}
		
	#leftip a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 10px;
	background-color:#585858;
	display:block;
	float:left;}
			
	#leftip a:hover {
	background-color:#FF0000;}

#rightip {
	width:166px;
	float:left;
	
	padding: 0;}	


/* ~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~ */	
#footer {
	width:532px;
	clear:both;
	float:left;
	height: 41px;
	background:url(../images/footer.jpg) no-repeat;
	padding: 13px 0 0 260px;
	color: #666666;
	font-weight:bold;
	font-size:10px;}
	
#footerip {
	width:552px;
	clear:both;
	float:left;
	height: 110px;
	background:url(../images/footer.gif) no-repeat;
	padding: 0px 190px 0 50px;
	color: #4C5156;
	font-weight:bold;
	font-size:10px;
	text-align:right;
}
	
	#footerip a {
		color:#4C5156;
		font-size:10px;
		text-decoration:none;}
			
	#footerip a:hover {
		color:#4C5156;
		text-decoration:underline;}
		
	#footerip p {
		font-size:10px;}
	
/* ~~~~~~~~~~~~~~CLASSES~~~~~~~~~~~~~~~~ */	
h1 {
	padding-top:0;
	margin-top:0;
	font-size:28px;
	color: #000000;
	font-family:"Arial Narrow", Arial;
	text-align:left;
}
	
h2 {
	padding-top:0;
	margin-top:0;
	font-size:18px;
	color:#FFCC00;
}
	
h3 {
	padding-top:0;
	margin-top:0;
	font-size:15px;
	color:#000;
}
	
.white {
	color:#fff;
	display:block;
	font-size:15px;
	font-weight:bold;
	margin-bottom:3px;}

.homespecials {
	color:#fff;
	font-size:1em;;
	font-weight:bold;}
	
.yellow {
	color:#FFCC00;
	font-size:17px;
	font-weight:bold;
	padding-bottom:20px;}
	
.black {
	color:#000;
	font-size:12px;}
	
.blackbold {
	color:#000;
	font-size:12px;
	font-weight:bold;}

.floatleft {
	float:left;
	padding-right:5px;}
	
.floatright {
	float:right;
	padding-right:5px;}
