body { background: url('../img/landing.png') center 40px no-repeat; color: #ccc; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 11px; }
body#site { background: url('../img/site_background.jpg') #525252 top center no-repeat; color: #fff; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 11px; }

/* Generic Classes */
.clearleft { clear:left; }
.floatleft { clear:left; float:left; }
.nopadbot { padding: 10px 20px 0 20px; }
.pad10top { padding: 10px 20px 20px 20px; }

/* Typography */
h1 { margin: 0 0 20px 0; padding: 0; font-size: 32px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; letter-spacing: -1px; color: #ffc105; }
h2 { margin: 0 0 20px 0; padding: 0; font-size: 18px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; letter-spacing: -1px; color: #ffc105; }
h3 { margin: 0; padding: 0; font-size: 18px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }
h4 { margin: 0; padding: 0; font-size: 14px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }

a { color: #fff; text-decoration: underline; }
a:hover { color: #ffc105; }
#landing #container { background: none;}
#container_outer { margin: 0 auto; width: 1000px; background: url('../img/container_background.png') 0 0 repeat-y; }
#container { overflow: hidden; margin: 0 25px; width: 950px; background: #797979; }

#videoembed { position: relative; margin: 169px auto; width: 742px; }

#header { margin:0; width: 950px; height: 298px; background: url('../img/site_header_squash.png') no-repeat; }
a.trafik { position: absolute; display: block; text-indent: -9999px; margin: 14px 0 0 382px; width: 124px; height: 24px; background: url('../img/trafik_logo.png') 0 0 no-repeat; }
a.trafik:hover { background: url('../img/trafik_logo.png') 0 -24px no-repeat; }

a.website,a.website:link,a.website:visited { font-size: 1.25em;	line-height:130%; text-decoration: none; font-weight: bold; }
a.website:hover,a.website:active { color: #FFC105; }

#landing_nav { overflow: hidden; width: 100%; height: 40px; background: #000; }

#landing #nav { display: block; margin: 0 auto; width: 960px; height: 50px; background: url('../img/nav_background.png') repeat-x; }
#landing #nav ul.nav { display: block; float: left; margin: 0 0 0 20px; width: 620px; height: 40px; }
#landing #nav ul.nav li { float: left; display: block; }
#landing #nav ul.nav li a { display: block; text-indent: -9999px; }

#landing #nav ul.nav li.jp a { margin: 10px 0 0 10px; width: 20px; height: 32px; background: url('http://www.trafikpictures.com/tlr/media/img/jp_icon.png') 0 0 no-repeat; }
#landing #nav ul.nav li.en a { margin: 10px 0 0 10px; width: 20px; height: 32px; background: url('http://www.trafikpictures.com/tlr/media/img/en_icon.png') 0 0 no-repeat; }

#landing #nav ul.nav li.home a { width: 70px; height: 40px; background: url('../img/navigation.png') 0 0 no-repeat; }
#landing #nav ul.nav li.home a:hover, #landing #nav ul.nav li.home a { background: url('../img/navigation.png') 0 -40px no-repeat; }

#landing #nav ul.nav li.about a { width: 70px; height: 40px; background: url('../img/navigation.png') -70px 0 no-repeat; }
#landing #nav ul.nav li.about a:hover, #site.about #nav ul.nav li.about a { background: url('../img/navigation.png') -70px -40px no-repeat; }

#landing #nav ul.nav li.riders a { width: 70px; height: 40px; background: url('../img/navigation.png') -140px 0 no-repeat; }
#landing #nav ul.nav li.riders a:hover, #site.riders #nav ul.nav li.riders a { background: url('../img/navigation.png') -140px -40px no-repeat; }

#landing #nav ul.nav li.blog a { width: 70px; height: 40px; background: url('../img/navigation.png') -210px 0 no-repeat; }
#landing #nav ul.nav li.blog a:hover { background: url('../img/navigation.png') -210px -40px no-repeat; }

#landing #nav ul.nav li.media a { width: 70px; height: 40px; background: url('../img/navigation.png') -280px 0 no-repeat; }
#landing #nav ul.nav li.media a:hover { background: url('../img/navigation.png') -280px -40px no-repeat; }

#landing #nav ul.nav li.sponsors a { width: 105px; height: 40px; background: url('../img/navigation.png') -350px 0 no-repeat; }
#landing #nav ul.nav li.sponsors a:hover { background: url('../img/navigation.png') -350px -40px no-repeat; }
#landing #nav ul.nav li.shop a { width: 55px; height: 40px; background: url('../img/navigation.png') -455px 0 no-repeat; }
#landing #nav ul.nav li.shop a:hover { background: url('../img/navigation.png') -455px -40px no-repeat; }
#landing #nav ul.nav li.contact a { width: 95px; height: 40px; background: url('../img/navigation.png') -510px 0 no-repeat; }
#landing #nav ul.nav li.contact a:hover { background: url('../img/navigation.png') -510px -40px no-repeat; }

#landing #nav ul.social { display: block; float: left; margin: 7px 0 0 20px; width: 260px; height: 40px; }
#landing #nav ul.social li { float: left; display: block; }
#landing #nav ul.social li a { display: block; text-indent: -9999px; }
#landing #nav ul.social li.rss a { width: 25px; height: 25px; background: url('../img/social_links.png') 0 0 no-repeat; }
#landing #nav ul.social li.rss a:hover {background: url('../img/social_links.png') 0 -25px no-repeat; }
#landing #nav ul.social li.facebook a { width: 25px; height: 25px; background: url('../img/social_links.png') -26px 0 no-repeat; }
#landing #nav ul.social li.facebook a:hover {background: url('../img/social_links.png') -26px -25px no-repeat; }
#landing #nav ul.social li.twitter a { width: 25px; height: 25px; background: url('../img/social_links.png') -52px 0 no-repeat; }
#landing #nav ul.social li.twitter a:hover {background: url('../img/social_links.png') -52px -25px no-repeat; }
#landing #nav ul.social li.flickr a { width: 25px; height: 25px; background: url('../img/social_links.png') -78px 0 no-repeat; }
#landing #nav ul.social li.flickr a:hover {background: url('../img/social_links.png') -78px -25px no-repeat; }
#landing #nav ul.social li.vimeo a { width: 25px; height: 25px; background: url('../img/social_links.png') -104px 0 no-repeat; }
#landing #nav ul.social li.vimeo a:hover {background: url('../img/social_links.png') -104px -25px no-repeat; }
#landing #nav ul.social li.youtube a { width: 25px; height: 25px; background: url('../img/social_links.png') -130px 0 no-repeat; }
#landing #nav ul.social li.youtube a:hover {background: url('../img/social_links.png') -130px -25px no-repeat; }
#landing #nav ul.social li.la a { margin: -2px 0 0 5px; width: 100px; height: 32px; background: url('../img/la_tag.png') 0 0 no-repeat; }

#site #nav { display: block; width: 950px; height: 50px; background: #000 repeat-x; }
#site #nav ul.nav { display: block; float: left; margin: 5px 0 0 10px; width: 620px; height: 40px; }
#site #nav ul.nav li { float: left; display: block; }
#site #nav ul.nav li a { display: block; text-indent: -9999px; }
#site #nav ul.nav li.home a { width: 70px; height: 40px; background: url('../img/navigation.png') 0 0 no-repeat; }
#site #nav ul.nav li.home a:hover { background: url('../img/navigation.png') 0 -40px no-repeat; }

#site #nav ul.nav li.about a { width: 70px; height: 40px; background: url('../img/navigation.png') -70px 0 no-repeat; }
#site #nav ul.nav li.about a:hover, #site.about #nav ul.nav li.about a { background: url('../img/navigation.png') -70px -40px no-repeat; }

#site #nav ul.nav li.riders a { width: 70px; height: 40px; background: url('../img/navigation.png') -140px 0 no-repeat; }
#site #nav ul.nav li.riders a:hover, #site.riders #nav ul.nav li.riders a { background: url('../img/navigation.png') -140px -40px no-repeat; }

#site #nav ul.nav li.blog a { width: 70px; height: 40px; background: url('../img/navigation.png') -210px 0 no-repeat; }
#site #nav ul.nav li.blog a:hover { background: url('../img/navigation.png') -210px -40px no-repeat; }

#site #nav ul.nav li.media a { width: 70px; height: 40px; background: url('../img/navigation.png') -280px 0 no-repeat; }
#site #nav ul.nav li.media a:hover, #site.media #nav ul.nav li.media a { background: url('../img/navigation.png') -280px -40px no-repeat; }

#site #nav ul.nav li.sponsors a { width: 105px; height: 40px; background: url('../img/navigation.png') -350px 0 no-repeat; }
#site #nav ul.nav li.sponsors a:hover, #site.sponsors #nav ul.nav li.sponsors a { background: url('../img/navigation.png') -350px -40px no-repeat; }
#site #nav ul.nav li.shop a { width: 55px; height: 40px; background: url('../img/navigation.png') -455px 0 no-repeat; }
#site #nav ul.nav li.shop a:hover { background: url('../img/navigation.png') -455px -40px no-repeat; }
#site #nav ul.nav li.contact a { width: 95px; height: 40px; background: url('../img/navigation.png') -510px 0 no-repeat; }
#site #nav ul.nav li.contact a:hover, #site.contact #nav ul.nav li.contact a { background: url('../img/navigation.png') -510px -40px no-repeat; }

#site #nav ul.social { display: block; float: right; margin: 10px 0px; width: 200px; height: 40px; }
#site #nav ul.social li { float: left; display: block; }
#site #nav ul.social li a { display: block; text-indent: -9999px; }
#site #nav ul.social li.rss a { width: 25px; height: 25px; background: url('../img/social_links.png') 0 0 no-repeat; }
#site #nav ul.social li.rss a:hover {background: url('../img/social_links.png') 0 -25px no-repeat; }
#site #nav ul.social li.facebook a { width: 25px; height: 25px; background: url('../img/social_links.png') -26px 0 no-repeat; }
#site #nav ul.social li.facebook a:hover {background: url('../img/social_links.png') -26px -25px no-repeat; }
#site #nav ul.social li.twitter a { width: 25px; height: 25px; background: url('../img/social_links.png') -52px 0 no-repeat; }
#site #nav ul.social li.twitter a:hover {background: url('../img/social_links.png') -52px -25px no-repeat; }
#site #nav ul.social li.flickr a { width: 25px; height: 25px; background: url('../img/social_links.png') -78px 0 no-repeat; }
#site #nav ul.social li.flickr a:hover {background: url('../img/social_links.png') -78px -25px no-repeat; }
#site #nav ul.social li.vimeo a { width: 25px; height: 25px; background: url('../img/social_links.png') -104px 0 no-repeat; }
#site #nav ul.social li.vimeo a:hover {background: url('../img/social_links.png') -104px -25px no-repeat; }
#site #nav ul.social li.youtube a { width: 25px; height: 25px; background: url('../img/social_links.png') -130px 0 no-repeat; }
#site #nav ul.social li.youtube a:hover {background: url('../img/social_links.png') -130px -25px no-repeat; }
#site #nav ul.social li.la a { margin: -2px 0 0 5px; width: 100px; height: 32px; background: url('../img/la_tag.png') 0 0 no-repeat; }

ul#rider li { float: left; margin: 0 10px 10px 0; width: 215px; height: 215px; background: #fff; }
ul#rider li a { display: block; width: 215px; height: 215px; font-size: 16px; text-decoration: none; letter-spacing: -1px; }
ul#rider li span { display: block; position: relative; width: 195px; height: 16px; top: 175px; padding: 12px 10px; background: url('../img/grey_overlay.png') 0 0 repeat; }
ul#rider li:hover a { display: block; width: 215px; height: 215px; font-size: 16px; text-decoration: none; color: #ffc105; }

ul#rider li.rider_keo_curry { background: url('../img/riders2.png') 0 0 no-repeat; }
ul#rider li.rider_keo_curry:hover { background: url('../img/riders2.png') -215px 0px no-repeat; }
ul#rider li.rider_mrquick { background: url('../img/riders2.png') 0 -215px no-repeat; }
ul#rider li.rider_mrquick:hover { background: url('../img/riders2.png') -215px -215px no-repeat; }
ul#rider li.rider_tracko { background: url('../img/riders2.png') 0 -430px no-repeat; }
ul#rider li.rider_tracko:hover { background: url('../img/riders2.png') -215px -430px no-repeat; }
ul#rider li.rider_efrem { background: url('../img/riders2.png') 0 -645px no-repeat; }
ul#rider li.rider_efrem:hover { background: url('../img/riders2.png') -215px -645px no-repeat; }
ul#rider li.rider_anthony { background: url('../img/riders2.png') 0 -860px no-repeat; }
ul#rider li.rider_anthony:hover { background: url('../img/riders2.png') -215px -860px no-repeat; }
ul#rider li.rider_george_greg { background: url('../img/riders2.png') 0 -1075px no-repeat; }
ul#rider li.rider_george_greg:hover { background: url('../img/riders2.png') -215px -1075px no-repeat; }
ul#rider li.rider_lil_hern { background: url('../img/riders2.png') 0 -1290px no-repeat; }
ul#rider li.rider_lil_hern:hover { background: url('../img/riders2.png') -215px -1290px no-repeat; }
ul#rider li.rider_ace_boogie { background: url('../img/riders2.png') 0 -1505px no-repeat; }
ul#rider li.rider_ace_boogie:hover { background: url('../img/riders2.png') -215px -1505px no-repeat; }
ul#rider li.rider_roadblock { background: url('../img/riders2.png') 0 -1720px no-repeat; }
ul#rider li.rider_roadblock:hover { background: url('../img/riders2.png') -215px -1720px no-repeat; }
ul#rider li.rider_joey_inferno { background: url('../img/riders2.png') 0 -1935px no-repeat; }
ul#rider li.rider_joey_inferno:hover { background: url('../img/riders2.png') -215px -1935px no-repeat; }
ul#rider li.rider_fish_n_chips { background: url('../img/riders2.png') 0 -2150px no-repeat; }
ul#rider li.rider_fish_n_chips:hover { background: url('../img/riders2.png') -215px -2150px no-repeat; }
ul#rider li.rider_charlie_murphy { background: url('../img/riders2.png') 0 -2365px no-repeat; }
ul#rider li.rider_charlie_murphy:hover { background: url('../img/riders2.png') -215px -2365px no-repeat; }
ul#rider li.rider_nyjoe { background: url('../img/riders2.png') 0 -2580px no-repeat; }
ul#rider li.rider_nyjoe:hover { background: url('../img/riders2.png') -215px -2580px no-repeat; }
ul#rider li.rider_tim_hammer { background: url('../img/riders2.png') 0 -2795px no-repeat; }
ul#rider li.rider_tim_hammer:hover { background: url('../img/riders2.png') -215px -2795px no-repeat; }
ul#rider li.rider_sean_martin { background: url('../img/riders2.png') 0 -3010px no-repeat; }
ul#rider li.rider_sean_martin:hover { background: url('../img/riders2.png') -215px -3010px no-repeat; }

#headerimg { margin-bottom: 20px; }
#content_index { height: 800px; background: none; }
#content { overflow: hidden; margin: 20px 20px 20px 20px; }
#left_content { float: left; width: 670px; }

#media_left_col { display: block; float: left; width: 445px; }
#media_right_col { display: block; float: right; width: 445px; }

.riders #left_content { float: left; width: 675px; }
#rider_profile { float: left; margin-top: 70px; width: 220px; }
#rider_profile h2 { margin-bottom: 10px; color: #fff; }
#rider_profile ul { margin-bottom: 20px; }
#rider_profile ul li { font-size: 11px; line-height: 14px; color: #222; }
#rider_info { width: 910px; }
#rider_info h1 { margin: 0; font-weight: bold; }
#rider_info h2 { margin: 0 0 20px 0; padding: 0; font-size: 12px; font-style: italic; letter-spacing: 1px; color: #000; }

#rider_name h1 { text-indent: -9999px; }
#rider_name h1.keo { height: 94px; background: url('../img/name_tags.png') -140px 0px no-repeat; }
#rider_name h1.george { height: 94px; background: url('../img/name_tags.png') -60px -180px no-repeat; }
#rider_name h1.justin { height: 94px; background: url('../img/name_tags.png') -160px -285px no-repeat; }
#rider_name h1.hern { height: 94px; background: url('../img/name_tags.png') -230px -375px no-repeat; }
#rider_name h1.tracko { height: 94px; background: url('../img/name_tags.png') 0px -90px no-repeat; }
#rider_name h1.ace { height: 94px; background: url('../img/name_tags.png') -150px -468px no-repeat; }
#rider_name h1.efrem { height: 94px; background: url('../img/name_tags.png') -260px -655px no-repeat; }
#rider_name h1.anthony { height: 94px; background: url('../img/name_tags.png') -205px -565px no-repeat; }
#rider_name h1.roadblock { height: 94px; background: url('../img/name_tags.png') -150px -740px no-repeat; }
#rider_name h1.sean { height: 94px; background: url('../img/name_tags.png') -140px -830px no-repeat; }
#rider_name h1.joey { height: 94px; background: url('../img/name_tags.png') -120px -920px no-repeat; }
#rider_name h1.fish { height: 94px; background: url('../img/name_tags.png') -160px -1023px no-repeat; }
#rider_name h1.charlie { height: 94px; background: url('../img/name_tags.png') -75px -1119px no-repeat; }
#rider_name h1.nyjoe { height: 94px; background: url('../img/name_tags.png') -230px -1202px no-repeat; }
#rider_name h1.tim { height: 94px; background: url('../img/name_tags.png') -135px -1305px no-repeat; }

#bike_spec { float:left; margin: 0 20px 0 0; background: url('../img/grey_overlay.png') 0 0 repeat; }
#bike_spec h3 { margin: 10px 10px 0 10px; color: #ffc105 }
#bike_spec ul { display: block; width: 200px; margin: 10px 10px 20px 10px; }
#bike_spec ul li { margin-bottom: 5px; }

#rider_content { float: left; width: 670px; }
#rider_extras { float: right; width: 220px; }


#right_bar { float: right; width: 220px; color: #fff; }

h1.tolive { display:block; clear:left; text-indent: -9999px; margin: 0; height: 30px; background: url('../img/h1_tolive.png') 0 0 no-repeat; }
h1.trafik { display:block; clear:left; text-indent: -9999px; margin: 0; height: 30px; background: url('../img/h1_trafik.png') 0 0 no-repeat; }
h1.davidrowe { display:block; clear:left; text-indent: -9999px; margin: 0; height: 30px; background: url('../img/h1_davidrowe.png') 0 0 no-repeat; }
h1.starring { display:block; clear:left; text-indent: -9999px; margin: 0; height: 20px; background: url('../img/h1_starring.png') 0 0 no-repeat; }
h1.special { display:block; clear:left; text-indent: -9999px; margin: 0; height: 20px; background: url('../img/h1_special_guests.png') 0 0 no-repeat; }
h1.contact { display:block; clear:left; text-indent: -9999px; margin: 0; height: 30px; background: url('../img/h1_contact.png') 0 0 no-repeat; }
h1.social { display:block; clear:left; text-indent: -9999px; margin: 0; height: 30px; background: url('../img/h1_social.png') 0 0 no-repeat; }

p { margin: 0 0 20px 0; font-size: 14px; line-height: 19px; font-family: helvetica, arial, verdana, sans-serif; color: #fff; }

#content_right { float: right; margin: 0 20px 0 10px; width: 440px; }

ul#sponsors { margin-left: 5px; width: 900px; height: 500px; }
ul#sponsors li { position: absolute; }
ul#sponsors li a { overflow: hidden; display: block; height: 60px; text-indent: -9999px; }

ul#sponsors li.Aerospoke { width: 355px; height: 60px; background: url('../img/sponsors.gif') -5px -15px no-repeat; }
ul#sponsors li.Velocity { margin-left: 375px; width: 190px; height: 80px; background: url('../img/sponsors.gif') -380px -15px no-repeat; }
ul#sponsors li.Cadence { margin-left: 590px; width: 200px; height: 60px; background: url('../img/sponsors.gif') -590px -15px no-repeat; }
ul#sponsors li.Pabst { margin-left: 815px; width: 70px; height: 80px; background: url('../img/sponsors.gif') -815px -15px no-repeat; }
ul#sponsors li.All { margin: 90px 0 0 5px; width:200px; height: 80px; background: url('../img/sponsors.gif') 0 -90px no-repeat; }
ul#sponsors li.Phil { margin: 90px 0 0 230px; width: 240px; height: 60px; background: url('../img/sponsors.gif') -230px -90px no-repeat; }
ul#sponsors li.Milwaukee { margin: 90px 0 0 470px; width: 220px; height: 80px; background: url('../img/sponsors.gif') -470px -90px no-repeat; }
ul#sponsors li.White { margin: 90px 0 0 740px; width: 120px; height: 95px; background: url('../img/sponsors.gif') -740px -90px no-repeat; }
ul#sponsors li.Thomson { margin: 190px 0 0 90px; width: 290px; height: 60px; background: url('../img/sponsors.gif') -90px -170px no-repeat; }
ul#sponsors li.Knog { margin: 190px 0 0 400px; width: 100px; height: 80px; background: url('../img/sponsors.gif') -400px -170px no-repeat; }
ul#sponsors li.Brooks { margin: 190px 0 0 500px; width:160px; height: 70px; background: url('../img/sponsors.gif') -500px -170px no-repeat; }
ul#sponsors li.Yancopad { margin: 190px 0 0 680px; width: 70px; height: 80px; background: url('../img/sponsors.gif') -680px -165px no-repeat; }
ul#sponsors li.Trico { margin: 270px 0 0 10px; width: 195px; height: 60px; background: url('../img/sponsors.gif') -10px -230px no-repeat; }
ul#sponsors li.GoPro { margin: 270px 0 0 240px; width: 210px; height: 60px; background: url('../img/sponsors.gif') -200px -230px no-repeat; }
ul#sponsors li.Chrome { margin: 270px 0 0 550px; width: 65px; height: 80px; background: url('../img/sponsors.gif') -550px -230px no-repeat; }
ul#sponsors li.Steaz { margin: 265px 0 0 720px; width: 160px; height: 80px; background: url('../img/sponsors.gif') -730px -230px no-repeat; }
ul#sponsors li.lab { margin: 340px 0 0 60px; width: 340px; height: 40px; background: url('../img/sponsors.gif') -60px -300px no-repeat; }
ul#sponsors li.hammer { margin: 400px 0 0 80px; width: 440px; height: 60px; background: url('../img/sponsors.gif') -40px -380px no-repeat; }
ul#sponsors li.wolfpack { margin: 380px 0 0 500px; width: 380px; height: 200px; background: url('../img/sponsors.gif') -500px -340px no-repeat; }

ul#social_links {  }
ul#social_links li { margin-bottom: 5px; }
ul#social_links li a { font-size: 14px; }

#footer { clear: both; width: 950px; height: 60px; background: #000; }
/*Language toggle buttons*/
#nav ul.language { margin: 0px; }
#nav ul.language li.jp a { margin: 14px 6px; width: 20px; height: 32px; background: url('http://www.trafikpictures.com/tlr/media/img/jp_icon.png') 0 0 no-repeat; float: right; }
#nav ul.language li.en a { margin: 14px 6px; width: 20px; height: 32px; background: url('http://www.trafikpictures.com/tlr/media/img/en_icon.png') 0 0 no-repeat; float:right; }

/*but it now button*/
#buynow {width: 960px; margin: 0px auto; position: relative; z-index: 1; top: -799px; left: 472px; height: 54px;}
#buynow a:active {
  position: relative;
  top: 1px;
}