/* @group tags */

body { color: #000; font:12px Arial, Helvetica, Geneva, sans-serif; line-height:130%; background-color: #000; margin: 0; padding: 0; }
a { color: white; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; }
h2 { font-size:17px; }
p { margin:0px 0px 10px; }

.left { float:left; }
.right { float:right; }
.caps { text-transform:none; font-weight:bold;  }

#loader { position:absolute; top:10px; left:10px; display:none; }
#footer { clear:both; float:left; width:993px; text-align:right; }

/* @end */

/* @group header */

#container { float:left; width: 1000px; margin-top:60px; }
#head { position:absolute; top: 0px; left: 0px; width:1000px; z-index:1000; }
#logo { float:left; width:200px; }
#sponsor { float:left; width: 800px; text-align: right;}

/* @end */

#sub { float:left; width:1000px; }
#sub-left { float:left; width:276px; height:21px; padding:37px 0px 0px 10px; background: url(sub-left.png) left top no-repeat; }
#sub-left h2 { color:white; font-size:124%; line-height:100%; margin:0px; font-weight:bold; background: url(line-sidebar.png) no-repeat left bottom; padding-bottom:4px; }
#sub-right { float:left; width:714px; height:58px; background: url(sub-right.png) left top no-repeat; }

#tear-right-640 { position:absolute; top:118px; left:955px; width:45px; height:640px; z-index:50; background: url(tear-right-640.png) left top no-repeat; }
#tear-bottom-640 { position:absolute; top:758px; left:0px; width:1000px; height:40px; z-index:50; background: url(tear-bottom.png) left top no-repeat; }

#tear-right-1550 { position:absolute; top:118px; left:955px; width:45px; height:1392px; z-index:50; background: url(tear-right-1550.png) left top no-repeat; }
#tear-bottom-1550 { position:absolute; top:1510px; left:0px; width:1000px; height:40px; z-index:50; background: url(tear-bottom-1550.png) left top no-repeat; }

#main { clear:both; float:left; width:1000px; position:relative; }

#sidebar { position:relative; float:left; width:286px; padding-top:8px; color:#666; }
#sidebar div.item { clear:both; height:77px; padding: 5px 10px; margin: 0px; width:266px; overflow: hidden; }
#sidebar div.item a { color:#666; }
#sidebar div.item img { border: 1px solid #666; float: left; margin-right:10px; }
#sidebar div.current { background: url(gradient-black.png) repeat-y left top; color: white; }
#sidebar div.current a { color:#FFF; }
#sidebar div.current img { border: 1px solid #FFF; }

#sidebar-paging { clear:both; width:266px; margin:5px 0px 0px 10px; padding-top:8px; background: url(line-sidebar.png) no-repeat left top; }
#sidebar-paging a { text-transform: uppercase; font-weight:bold; }

/* @group nav */

#nav-long { position:relative; clear:both; width:990px; height:28px; padding:8px 0px; overflow: none; }
#nav-short { position:relative; width: 695px; overflow: none; height:28px; padding-top:15px; }
#nav-short ul { width:1700px; }

ul.navigation { display: block; height:28px; list-style:none; padding:0; margin:0; }
ul.navigation li { display: block; float:left; margin:0; padding:0; }
ul.navigation li a { display: block; text-decoration: none; }

/* @end */

/* @group media */

.media { float: left; width: 200px; padding: 0px 0px 0px 10px; margin-top:10px; }
.media h2, .media p { clear: both; margin: 0px; padding: 5px 0px 4px 10px; color:#69BD19; background: url(line-204.png) no-repeat left top; }
.media h2 { font-size:17px; }
.media p { line-height:110%; padding: 3px 0px 4px 10px; }
.media .gallery { float:left; margin:0px; width:200px; height:174px; background: url(line-204.png) no-repeat left top; padding: 10px 0px 0px 10px; }
.media .gallery img { border: 1px solid #5E5C5C; margin: 0px 5px 5px 0px; }
.media a { color: white; text-transform:uppercase; }

/* @end */

/* @group calendar */

.calendar { float:left; width: 302px; padding: 0px 0px 0px 10px; margin-top: 10px; background: url(line-302.png) no-repeat 0px bottom;  }
.calendar h2 { font-size:17px; clear: both; margin: 0px; padding: 5px 0px 4px 10px; color:#69BD19; background: url(line-302.png) no-repeat left top; }

.calendar .events { float: left; line-height:110%; color:#62BD19; width:292px; height:174px; padding: 10px 0px 0px 0px; margin:0px; background: url(line-302.png) no-repeat left top; }
.calendar .event-row { float:left; width:292px; padding:0px 0px 5px 10px; }
.calendar .event-date { float:left; width:70px; }
.calendar .event-title { float:left; width:222px; }

/* @end */

/* @group banner */

.banner { float:left; padding:10px 0px 0px 5px; width:240px; }

/* @group home */

#splash { clear: both; float:left; width:800px; height:430px; margin:0; padding-left:200px; position:relative; overflow:hidden; }
#splash .tear { position: absolute; top: 0px; left: 0px; z-index: 100; background: url(tear-home.png) no-repeat left top; width:1000px; height:430px; }
#news-home { position:absolute; z-index:100; top:28px; left:0px; }

#main-image { position:relative; float:left; }
#main-image div { position:absolute; top: 0px; left:0px; display:none; }

/* @end */

/* @group news */

#news-sidebar { float:left; position:absolute; top:118px; left:0px; z-index:100; width:286px; height:1412px; background: url(gradient-news.png) no-repeat left top; }
#news-main { position:relative; float:left; padding-left:200px; width:800px; }
#news-image { float:left; height:430px; width:800px; }
#news-info { float:left; padding:7px 24px 7px 96px; width:680px; height:16px; background:url(news-info-bg.png) repeat-x left top; }
#news-story { float:left; padding:10px 40px 50px 96px; width:664px; height:910px; background-color:#CCC; overflow:auto; }
#news-story div.scroll { float:left; height:800px; overflow:auto; }
#news-story a { color:#090; }
#news-story h1 { font-size:150%; line-height:100%; padding-bottom:10px; margin-bottom:10px; background: url(news-underline.png) no-repeat left bottom; }
#news-language { position:relative; float:left; text-transform:uppercase; color:white; margin-top:5px; padding:5px 0px; width:266px; margin-left:10px; background: url(line-sidebar.png) no-repeat left top; }

/* @end */

/* @group media */

#media-sidebar { float:left; width:286px; height:680px; background:url(gradient-green.png) repeat-y top left; }
#media-main { float:left; width:714px; height:680px; background:url(bg-media.png) no-repeat left 50px; }
#media-photo { position:relative; float:left; width:500px; height:375px; padding:0px; overflow:hidden; text-align:center; }
#media-info { float:left; width:180px; padding:10px; color:#FFF; }
#media-info h2 { color:#62BD19; margin:0px 0px 10px 0px; }
#media-nav { float:left; margin-top:10px; width:704px; padding-left:8px; background:url(bg-nav.png) repeat-x left 24px; }
#media-nav img { border:1px solid #CCC; margin-right:5px; }
#media-comments { float:left; width:408px; padding:10px; color:#FFFFFF; }
#media-comments h2, #media-download h2 { padding-left:5px; margin-bottom:10px; }
#media-comments a, #media-download a { text-transform:uppercase; font-size:90%; }
#media-comments p { padding:9px 0px 0px 5px; margin:0px 0px 9px; background: url(line-408.png) no-repeat left top; }
#media-download { float:left; padding:10px; width:220px; }
#media-download p { padding:9px 0px 0px 5px; margin:0px 0px 9px; background: url(line-220.png) no-repeat left top; }

/* @end */

/* @group your media */

#group-cloud { padding:10px 0px; width:266px; margin-left:10px; }
#group-cloud .smallestTag { font-size: 80%; }
#group-cloud .smallTag { font-size: 100%; }
#group-cloud .mediumTag { font-size: 120%; }
#group-cloud .largeTag { font-size: 140%; }
#group-cloud .largestTag { font-size:160%; }
#group-description { color:white; padding:10px 0px; width:266px; margin-left:10px; font-size:110%; font-weight:bold; }
#group-info { color:white; padding:10px 0px; width:262px; margin-left:10px; background: url(line-sidebar.png) no-repeat left top; }
#group-info ol { list-style-position:outside; }
#group-info ol li { margin:0px 0px 5px -1em; }
#group-info a, #group-cloud a { color:black; }

/* @end */


/* @group rider profile */

#content { float:left; width:745px; height:640px; }
#media { float:left; width:220px; }
#rider-profile-col1 { float: left; width: 290px; padding-left: 150px; margin-top: 90px; text-align:right; color: #5bd207; font-size: 12px; font-weight:bold; line-height: 16px; }	
#rider-profile-col2 { float:right; width: 280px; margin-right: 10px; margin-top: 90px; text-align: left; color: #ffffff; font-size: 11px; line-height: 16px; }	
#team_right_col { float:left; width:250px; margin-left: -30px; }

/* @end */


/* @group NEW rider profiles */

.rider-main { float:left; width:714px; height:680px; }
#rider-text { float: left; width: 350px; height: 460px; margin-top: 180px; margin-left: 55px; position: absolute; }

#rider-col-1 { float: left; width: 100px; text-align:right; color: #5bd207; font-size: 12px; font-weight:bold; line-height: 16px; padding-top: 24px; margin-left: 6px;}
#rider-col-2 { float: right; width: 236px; text-align: left; color: #ffffff; font-size: 12px; line-height: 16px; padding-top: 24px; }
.rider-title { font-weight: bold; font-size: 20px; color: #FFFFFF; margin: 0px; padding: 0px;text-transform:uppercase;}

.static-menu { text-transform:uppercase; font-weight:bold; cursor:pointer; }

#rider-gary { background:url(profiles/gary.jpg) left top no-repeat; display:none;}
#rider-simon { background:url(profiles/simon.jpg) left top no-repeat;  }
#rider-howie { background:url(profiles/howie.jpg) left top no-repeat; display:none; }
#rider-danny { background:url(profiles/danny.jpg) left top no-repeat; display:none; }


/* @end */







/* @group team */

.team-main { float:left; width:714px; height:680px; }
.team-pics-row1 { float: left; width: 640px; height: 210px; margin-top: 230px; margin-left: 40px; position: absolute; }
.team-pics-row2 { float: left; width: 640px; height: 200px; margin-top: 415px; margin-left: 40px; position: absolute; }
.team-image { float: left; text-align: center; width: 137px; margin-right: 20px; font-size: 12px; color: #FFFFFF; }
.team-image img { border: 1px solid #62BD19; }
.team-title { font-weight: bold; font-size: 16px; color: #FFFFFF; margin-bottom: 3px; }

.static-menu { text-transform:uppercase; font-weight:bold; cursor:pointer; }

#team-management { background:url(the-team/management.jpg) left top no-repeat; }
#team-data { background:url(the-team/management.jpg) left top no-repeat; display:none; }
#team-simon { background:url(the-team/management.jpg) left top no-repeat; display:none; }
#team-julien { background:url(the-team/management.jpg) left top no-repeat; display:none; }
#team-wheels { background:url(the-team/management.jpg) left top no-repeat; display:none; }
#team-fuel { background:url(the-team/management.jpg) left top no-repeat; display:none; }
#team-hospitality { background:url(the-team/management.jpg) left top no-repeat; display:none; }

/* @end */

/* @group zxrr */

.bike-text { float: left; width: 435px; height: 600px; margin-top: 30px; margin-left: 40px; position: absolute; overflow: auto; padding-top: 15px; padding-left: 15px; }
.category { font-weight: bold; line-height: 18px; color: #62bc19; }
.description { float: left; width: 400px; line-height: 18px; color: #ffffff; }
.bike-title { font-weight: bold; font-size: 16px; color: #FFFFFF; margin-bottom: -7px; }

#bike-thebike { background:url(the-bike/ninja.jpg) left top no-repeat; }
#bike-electronics { background:url(the-bike/electronics.jpg) left top no-repeat; display:none; }
#bike-engine { background:url(the-bike/ninja.jpg) left top no-repeat; display:none; }
#bike-transmission { background:url(the-bike/transmission.jpg) left top no-repeat; display:none; }
#bike-chassis { background:url(the-bike/chassis.jpg) left top no-repeat; display:none; }
#bike-wheels { background:url(the-bike/tyres.jpg) left top no-repeat; display:none; }
#bike-ancillaries { background:url(the-bike/arrow.jpg) left top no-repeat; display:none; }

/* @end */

/* @group partners */ 
#partner-background { position:relative; float:left; width:1000px; height:680px; background:url(partners/bg-sponsors3.jpg) left top no-repeat; }
#content-partners { float:right; margin-right: 50px; padding-right:10px; padding-left:405px; width:435px; height:590px; margin-top: -45px; overflow: auto; }

.partners-row { float:left; margin-bottom: 20px;}
.partners-col1 { float:left; width:175px; text-align: right; padding-top: 0px; padding-right: 10px; }
.partners-col1 img { border: 3px solid #FFFFFF; }
.partners-col2 { float:right; width:205px;  }

#partners-title { color:white; font-size:18px; width: 300px; height: 26px; line-height: 100%; margin-left:10px; margin-top: 20px; font-weight:bold; background: url(line-sidebar-sponsors.png) no-repeat }
#partners-title2 { float: left; color:white; font-size:12px; width: 300px; height: 26px; line-height: 100%; margin-left:10px; margin-top: 20px; background: url(line-sidebar-sponsors.png) no-repeat }

.top-title { position: absolute; top:15px; left:180px; width:570px; font-weight: bold; font-size: 20px; color: #ffffff; }	
.sponsor-title { font-size: 16px; font-weight: bold; color: #62bc19; margin: 0px; margin-top:10px; }
.sponsor-text { font-size: 14px; color: #ffffff; margin: 0px; }
.sponsor-text a { font-size: 14px; font-weight: bold; color: #62bc19; margin: 0px; }

/* @end */


/* @group grid girls */ 
#gridgirl-background { position:relative; float:left; width:1000px; height:680px; background:url(bg-grid-girl.jpg) left top no-repeat; }
#content-gridgirl { float:left; padding-right:10px; padding-left:405px; width:535px; margin-top: 280px; }

.gridgirl-col1 { float:left; width:225px;  padding-right: 10px; }
.gridgirl-col2 { float:right; width:225px; padding-right: 10px; margin-top: 30px}

#gridgirl-title { color:white; font-size:18px; width: 300px; height: 26px; line-height: 100%; margin-left:10px; margin-top: 20px; font-weight:bold; background: url(line-sidebar-sponsors.png) no-repeat }

.top-title { position: absolute; top:15px; left:180px; width:570px; font-weight: bold; font-size: 20px; color: #ffffff; }	
.gridgirl-title { font-size: 16px; font-weight: bold; color: #62bc19; margin: 0px; margin-top:10px; }
.gridgirl-text { font-size: 12px; color: #ffffff; margin: 0px; }
.gridgirl-text a { font-size: 13px; font-weight: bold; color: #62bc19; margin: 0px; }

/* @end */





/* @group contact */ 

.contact-title { float:left; padding:20px 0px 0px 325px; width:250px; font-weight: bold; font-size:20px; color: #ffffff; text-transform:uppercase; }
.contact-form input.std, .contact-form select.std, .contact-form textarea.std { width:280px; -moz-opacity:0.8; filter:Alpha(Opacity=80); border:1px solid white; padding:2px; }
.contact-team { float:left; padding:20px 0px 0px 325px; }
.contact-form { float:left; padding:30px 0px 0px 420px; width:600px; color:#62BD19; }
.contact-form .row { float:left; width: 600px; padding-bottom:10px; }
.contact-form .row .field { float:left; font-weight:bold; width:80px; padding-top:2px; }
.contact-form .row .data { float:left; width:280px; }
.contact-success, .contact-error {color:white; font-weight:bold; width:400px;}

/* @end */

/* @group Racing Green */

.racing_green_container { float:left; height:310px; width:910px; margin-top:38px; margin-left:30px; }
.racing_green_cover { float: left; height: 310px; width: 220px; margin-right: 7px;  position:relative; }
.racing_green_textbox { float:left; margin-top: 150px; margin-left: 100px; color: #ffffff; font-size:13px; line-height:16px; }

/* @end */