/* CSS Document */

body {
	background-image: url(/images/back/tiler_main.gif);
	background-color: #009CDB;
	background-repeat: repeat-x;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009CDB;
}

#maincontainer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	height:640px;
	background-color:#FFFFFF;
	background-image: url(/images/back/box_back.gif);
	background-repeat: no-repeat;
}
#sitearea {
	position:absolute;
	top:20px;
	left:20px;
	width:800px;
	height:600px;
	background-color:#FFFFFF;
}

/*STANDARDS*/
a {
	text-decoration:none;
}
a:link {
	color: #0A2A70;
}
a:visited {
	color: #0A2A70;
}
a:hover {
	color: #009CDB;
}
a:active {
	color: #009CDB;
}
p {
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
h1, h2, h3, h5 {
	margin:0px;
	padding:0px;
}
h1 {
	color: #009CDB;
	font-size:18px;
}
h2 {
	color: #009CDB;
	font-size:14px;
}
h3 {
	color: #7FCDED;
	font-size:12px;
	clear:both;
}
h4 {
	color: #7FCDED;
	font-size:10px;
	clear:both;
	margin:0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
}
h5 {
	color: #7FCDED;
	font-size:14px;
	text-transform:capitalize;
}

/*BLOG*/
#blogcontainer {
	position:absolute;
	top:120px;
	left:0px;
	width:300px;
	height:478px;
	background-image: url(/images/back/blog_back.gif);
	background-repeat: no-repeat;
}
#blog {
	position:absolute;
	top:28px;
	left:20px;
	width:270px;
	height:438px;
	background-color:#FFFFFF;
	overflow: auto;
}
#blog img {
	max-width: 240px;
}
/*FEATURES*/
#features {
	position:absolute;
}
.featuressingle {
	top:146px;
	left:305px;
	width:134px;
	height:454px;
}
.featuresspread {
	top:456px;
	left:305px;
	width:454px;
	height:134px;
}
#boxsingle1 {
	top:0px;
	left:0px;
}
#boxsingle2 {
	top:260px;
	left:0px;
}
#boxsingle3 {
	top:325px;
	left:0px;
}
#boxspread1 {
	top:0px;
	left:0px;
}
#boxspread2 {
	top:0px;
	left:260px;
}
#boxspread3 {
	top:65px;
	left:260px;
}
.featbox {
	position:absolute;
	height:120px;
	width:120px;
}
.featboxlarge {
}
.featboxsmall {
	height:55px;
	width:120px;
}
.featboxsmalltop {
	padding-bottom:5px;
}
.featboxsmallbottom {
	padding-top:5px;
}
/*ADS*/
#frontad {
	position:absolute;
	top:85px;
	right:0px;
	height:515px;
}
.adsingle {
	width:360px;
	/*background-image: url(/images/back/ad_single_back.gif);*/
	background-repeat: no-repeat;
}
.adspread {
	width:480px;
	background-image: url(/images/back/ad_spread_back.gif);
	background-repeat: no-repeat;
}

/*BACKS*/
.front {
	background-image: url(/images/back/back_blank.gif);
	background-repeat: no-repeat;
}
.team {
	background-image: url(/images/back/ricta_back.gif);
	background-repeat: no-repeat;
}
.rider {
	background-image: url(/images/back/rider_back_new.gif);
	background-repeat: no-repeat;
}
.wheels {
	background-image: url(/images/back/ricta_back.gif);
	background-repeat: no-repeat;
}
/*SECTIONS*/
#head {
	position:absolute;
	top:8px;
	left:400px;
	width:390px;
	height:100px;
	text-align:right;
}

/*MENU*/
#logo {
	position:absolute;
	top:0px;
	left:0px;
}
#menularge {
	position:absolute;
	top:30px;
	left:240px;
	height:70px;
	width:560px;
}
#menusmall {
	position:absolute;
	top:85px;
	left:0px;
	height:35px;
	width:330px;
}
/*TEAM*/
#largeridershots {
	position:absolute;
	top:100px;
	right:0px;
	width:436px;
	height:462px;
	background-image: url(/images/back/team_photo_3.gif);
}
.shot {
	text-align:center;
	background-color:#FFFFFF;
	padding-top:3px;
}
.shotback {
	height:297px;
	width:200px;
}
.shotfront {
	height:360px;
	width:240px;
}
#ridername {
	position:absolute;
	top:125px;
	left:15px;
	height:64px;
	width:320px;
	text-align:right;
}
#riderphoto {
	position:absolute;
	top:164px;
	left:24px;
	width:232px;
	height:348px;
}
#riderwheels {
	position:absolute;
	font-size:10px;
	line-height:12px;
}
.riderwheelssingle {
	top:200px;
	left:340px;
	width:80px;
	height:300px;
}
.riderwheelsspread {
	top:450px;
	left:340px;
	width:440px;
	height:80px;
}
#riderinfo {
	position:absolute;
	top:200px;
	left:15px;
	width:320px;
	height:340px;
	font-size:10px;
	text-transform:capitalize;
	line-height:12px;
}
.name {
	width:140px;
	text-align:center;
	text-transform:capitalize;
	padding-left:5px;
}
.listminicolumn {
	float:left;
	width:140px;
}

/*RIDER BOX*/
#riderbox {
	position:absolute;
	top:140px;
	left:20px;
	height:400px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color: #0A2A70;
}
.riderboxspread {
	width:300px;
}
.riderboxsingle {
	width:435px;
}
.level {
	margin-top:4px;
}
.pro {
	position:relative;
	line-height:22px;
}
.am {
	position:relative;
	line-height:22px;
}
.namebox {
	float:left;
	width:140px;
	display:inline;
	padding-left:5px;
}

.teamsingle {
	height:217px;
}
.teamspread {
	height:261px;
}

/*RIDER FOOT*/
#riderfoot {
	position:absolute;
	top:540px;
	left:0px;
	width:800px;
	height:60px;
	color: #0A2A70;
	background-image: url(/images/back/clear.gif);
	background-repeat: repeat;
}
.namefoot {
	float:left;
	width:100px;
	display:inline;
	text-align:center;
	font-size:9px;
	line-height:10px;
}

/*WHEELS*/
#familyarea {
	position:absolute;
	top:140px;
	height:460px;
	width:800px;
}
.wheelsfront {
	position:relative;
	text-align:center;
	float:left;
	width:385px;
	height:100px;
	margin-left:10px;
	margin-bottom:10px;
}
#spinbox {
	position:absolute;
	top:75px;
	left:420px;
	height:525px;
	width:380px;
	background-image: url(/images/back/wheelspin_back.gif);
	background-repeat: no-repeat;
}
#wheelfamily {
	position:absolute;
	top:140px;
	left:10px;
	height:440px;
	width:400px;
}
#wheelwriteup {
	color: #0A2A70;
	padding-left:10px;
	padding-right:10px;
}
#spinner {
	position:absolute;
	top:25px;
}
.wheelthumb {
	position:relative;
	float:left;
	width:90px;
	height:102px;
	margin-right:10px;
	text-align:center;
	font-size:10px;
}
#otherfamilies {
	position:absolute;
	top:530px;
	height:70px;
	width:270px;
	right: 20px;
}
.otherfamiliesthumb {
	position:relative;
	text-align:center;
	float:left;
	width:80px;
	height:21px;
	margin-left:10px;
	margin-bottom:5px;
}


/*WHEELS SECTION8*/
#wheelback {
	position:absolute;
	height:300px;
	width:600px;
	left:0px;
	top:300px;
}
.wheelbackboltzwhitelightning {
	background-image:url(/images/wheels/boltzwhitelightning/back.gif);
	background-repeat: no-repeat;
}
.wheelbacksupernaturals {
	background-image:url(/images/wheels/supernaturals/back.gif);
	background-repeat: no-repeat;
}
.wheelbackallstars {
	background-image:url(/images/wheels/allstars/back.gif);
	background-repeat: no-repeat;
}
.wheelbacksupercrystals {
	background-image:url(/images/wheels/supercrystals/back.gif);
	background-repeat: no-repeat;
}
.wheelback78s{
	background-image:url(/images/wheels/78s/back.gif);
	background-repeat: no-repeat;
}
.wheelbacknaturals{
	background-image:url(/images/wheels/naturals/back.gif);
	background-repeat: no-repeat;
}
.wheelbackboltz{
	background-image:url(/images/wheels/boltz/back.gif);
	background-repeat: no-repeat;
}
.wheelbackcores{
	background-image:url(/images/wheels/cores/back.gif);
	background-repeat: no-repeat;
}
.wheelbackclouds{
	background-image:url(/images/wheels/clouds/back.gif);
	background-repeat: no-repeat;
}

/*CLOTHING*/
#clothingarea {
	position:absolute;
	top:120px;
	left:380px;
	width: 410px;
	height: 470px;
}
#clothingdetail {
	position:absolute;
	top:140px;
	left:10px;
	width: 360px;
	height: 380px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#CCCCCC;
	font-size:14px;
}

/*VIDEO*/
#videothumbnails {
	position:absolute;
	left: 20px;
	top: 140px;
	width: 420px;
	height: 440px;
}
#videocontainer {
	position:absolute;
	width: 320px;
	height: 470px;
	left: 450px;
	top: 110px;
	padding-top:7px;
	padding-left:13px;
	padding-right:7px;
	background-image:url(/images/video/back_quicktime.gif);
	background-repeat:no-repeat;
}
#videothumb {
	float:left;
	font-size:10px;
	background-image: url(/images/video/back_clip.gif);
	background-repeat: no-repeat;
	height: 98px;
	width: 126px;
	padding-top: 6px;
	padding-left: 8px;
}
#videowriteup {
	margin-top:15px;
}

/*BEARINGS*/
.bearing {
	position:absolute;
	height:430px;
	width:360px;
	top:140px;
}
.abec3 {
	left:20px;
}
.abec5 {
	left:420px;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	text-align:center;
	color:#BDE5F6;
}
#footer .faq {
	font-size:10px;
}
#footer .faq a:link, #footer .faq a:visited {
	color:#BDE5F6;
}
#footer .faq a:hover, #footer .faq a:active {
	color:#FFFFFF;
}