@charset "utf-8";
/*2011*/
/* CSS Document */

body { margin:0px 0px 0px 0px; background-color:#222222; background-image:url(images/2011/index_bg.jpg); background-attachment:fixed; background-position:center top ; background-repeat:no-repeat; padding-bottom:50px;}

#content { width:1000px; background:#000;}
#mainbanner { background:#000; padding-bottom:5px;}
#frontcontent { width:1000px; background:url(images/2011/home_content_bg.jpg) repeat-y;}
#wrapper { width:1000px; margin-left: auto ; margin-right: auto;}
#header { background-color:#000000; height:195px; position:relative;}
#logo { float:left;}
#shop {float: right;}
#navigation { clear:both; margin:0px; padding:0px; width:100%; height:35px; background:#f1f1f1; border-top: solid 1px #434140;}
#leftend { float:left; width:16px; height:35px; background:#f1f1f1 url(images/2011/nav_end.jpg) no-repeat; border-right:1px solid #7d7d7d;}
#navigation ul { background:#f1f1f1; list-style-type:none; float:left; margin:0px; padding:0px;}
#navigation li { display:inline; margin:0px; padding:0px; }
#navigation ul li span { position:relative; top:20px;}
#navigation a:link, #navigation a:visited {
	color:#000;
	background:#f1f1f1;
	padding:0px 25px 0px 5px;
	height:35px;
	float:left;
	width:auto;
	border-left:1px solid #d3d3d3;
	border-right:1px solid  #7d7d7d;
	text-decoration:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#navigation a:hover, #navigation a:focus {
	color:#ffffff;
	background:#000000 url(images/2011/nav_hover_bg.jpg) repeat-x;
	float:left;
	width:auto;
	border-left:1px solid #262626;
	border-right:1px solid #8e8e8e;
	text-decoration:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#rightend { float:right; width:16px; height:35px; background:#f1f1f1 url(images/2011/nav_end.jpg) no-repeat; border-left:1px solid #7d7d7d;}
#artofmototab { position:absolute; right:28px; top:150px; width:132px; height:35px; background:#f1f1f1 url(images/2011/artofmoto.jpg) no-repeat; background-position:right;}
#su_input {
	height:25px;
	padding:3px 3px 0px 3px;
	margin-right:17px;
	float:right;
	margin-right:160px;
	position:relative;
	bottom:-32px;
	background:#ffffff;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #e9e9e9;
	}
#su_input #field { border:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-transform:uppercase; color:#333; font-weight:bold;}
#su_input #btn { vertical-align:middle;}
   
#social_banner { float:left; position:relative; top:0px;}

#right_column { width:490px; float:right; position:relative; top:3px;}
#left_column { float:left; width:490px; padding-left:10px; padding-right:10px; padding-bottom:15px;}

#twitterapp {}

#news_top { border-bottom:solid thin #313131; width:480px;}
#newslogo { float:left;}
#rss { float:right; position:relative; top:10px;}

#footer { position:relative; top:20px; clear:both; background: #0a0a0a; height:104px;}
#foot_nav { background:#000000; width:200px; height:104px; margin-left:70px; padding-left:0px; border-left:solid thin #000; border-right:solid thin #000;}
#foot_nav ul { height:94px; list-style-type:none; line-height:8px; padding:10px 0px 0px 0px; border-left:solid thin #131313;border-right:solid thin #131313;}
#foot_nav a:link, #foot_nav a:visited {	font: 11px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#444; margin-left:10px;}
#foot_nav a:hover, #foot_nav a:focus{ color:#555;}
#footer .social li { z-index:3000; position:relative; top:-80px; left:420px; display:inline; width:25px; margin-right:7px;}
#copyright { position:absolute; top:110px; left:350px; text-align:center; font: 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#444444;}
#foot_sub_nav { position:absolute; top:0px; left:400px; width:auto; text-align:center;}
#foot_sub_nav ul { color:#333;}
#foot_sub_nav li { display:inline; list-style-type:none; padding:0px;}
#foot_sub_nav a:link, #foot_sub_nav a:visited { font: 10px Arial, Helvetica, sans-serif; text-decoration:none; color:#555555; padding:0px 3px 0px 3px;}
#e_catalog { position:absolute; top:0px; left:790px;}
#footer .companylinks li a {
	background:transparent url(images/2011/footer_company_links.png) no-repeat scroll 0 0;
	display:block;
	height:20px;
	text-indent:-9999px;
	width:57px;
	margin-right:7px;
}
#footer .companylinks li.blur a { background-position:-21px -30px; height:20px; width:57px;}
#footer .companylinks li.azonic a { background-position:-85px -30px; height:20px; width:53px;}
#footer .companylinks li.mc a { background-position:-145px -30px; height:20px; width:45px;}
#footer .companylinks li.four a { background-position:-200px -30px; height:20px; width:65px;}
#footer .companylinks li.blur a:hover { background-position:-21px -11px;}
#footer .companylinks li.azonic a:hover { background-position:-85px -11px;}
#footer .companylinks li.mc a:hover { background-position:-145px -11px;}
#footer .companylinks li.four a:hover { background-position:-200px -11px;}
#footer .companylinks li { list-style-type:none; float:left;}
#footer .companylinks { background-color: #0a0a0a; position:absolute; top:60px; left:350px;}

#body_cap { height:35px; width:1000px; background:#0a0a0a url(images/2011/body_cap.jpg);}

  
a img { border:none;}
a {	text-decoration:none; color:#000;}

.post { width:480px; overflow:hidden; position:relative; top:-8px;}
.PostHead {}
.PostHead h2 .newsheader {
	background:url(images/2011/arrowonblack.jpg) center left no-repeat;
	color: #fff;
	float: left;
	width: auto;
	padding-left: 10px;
	font-size: 12px;
	font-family:"Trebuchet MS",Helvetica,Arial;
	letter-spacing:normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height:12px;
	margin:0px;
}
.PostTime {
	float:right;
	margin:0px;
	color: #2dbce8;
	font-family:"Trebuchet MS",Helvetica,Arial;
	font-size: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}
.PostTime b {
	margin:0px;
	color: #2dbce8;
	font-family:"Trebuchet MS",Helvetica,Arial;
	font-size: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}
.PostTime c { font-family:"Trebuchet MS",Helvetica,Arial; color: #2dbce8; width: auto; left: 0pt; font-size: 10px;}

.entry { color:#6f6f6f; font-size:12px; margin-left:10px; position:relative; top:-8px;}
.entry p img { float:left; margin:0px; overflow:hidden; position:relative; width:50px; height:50px; margin-right:3px;}
.entry p { margin:0px; padding:  10px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif; line-height:12px; float:left;}

.clear { clear:both;}

.results_post { overflow:hidden; padding:10px; float:left;}
h2 .results_header {
	position:relative;
	top:-10px;
	display:block;
	color: #3399cc;
	float: none;
	width: auto;
	padding-left: 15px;
	font-size: 20px;
	font-family: Helvetica,Arial,"Trebuchet MS";
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
	line-height:18px;
	margin:0px;
}
.results_entry { position:relative; top:-20px; margin:0px; color:#cccccc;}
.results_entry p img { margin:0px; float:left; border:none; width:450px;}
.results_entry p { margin:0px; padding:  0px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; float:left;}
.results_list_header {
	display:block;
	color: #ffffff;
	float: none;
	width: auto;
	font-size: 10px;
	font-family: Helvetica,Arial,"Trebuchet MS";
	text-transform: uppercase;
	text-decoration: none;
	line-height:auto;
	padding: 5px;
	border-bottom:thin solid #111111;
}
.results_list_item a:hover, .results_list_item a:focus { color: #3399cc;}

.sidebar { background-color:#0a0a0a; width:220px;}
.sidebar_top { padding-top:8px; background: #0a0a0a url(images/2011/sidebar_top.jpg) no-repeat;}
.sidebar_bottom { background: #0a0a0a url(images/2011/sidebar_bottom.jpg) no-repeat; padding-bottom:8px;}
.sidebar_title {
	float:right;
	position:relative;
	top:-8px;
	right:20px;
	background: #09f url(images/2011/title_bg.jpg) repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	padding:0px 5px 0px 5px;
	padding-top:13px;
	width:auto;
	border-bottom:thin solid #333;
	border-left:solid thin #333;
	border-right:solid thin #333;
}

#results_list { margin-top:50px; margin-left:20px; float:left;}
#list { padding:10px; padding-top:30px; border-right:#131313 thin solid; border-left:#131313 thin solid;}
#news_list { margin-top:50px; margin-right:20px; float:right;}
#contact { width:1000px; color:#FFF; background:#000; padding:10px;}
#bio { padding:30px 0px 0px 30px; }
#rider_title { width:700px; height:25px; background: #000 url(images/2011/stripe_bg.jpg) repeat-x;}
#rider_name { display:inline; padding-left:10px;}
#rider_photo { padding-top:10px; float:left; width:166px;}
#rider_info { float:left; padding:10px;}
#rider_sponsors { padding-bottom:5px; width: 420px;}
#rider_divider { clear:both; width:520px; height:6px; background: #000 url(images/2011/stripe_bg.jpg) repeat-x;}
#rider_bio { width:500px; padding-bottom:8px; color:#777;}
#rider_tweet { float:left; padding-top:10px; padding-bottom:10px; width:450px;}
#rider_accomplishments { padding-top:10px; width:500px;}
#accomplishments_text { color:#777;}
#rider_news_list { margin-right:20px; float:right;}
#big_rider_divider { clear:both; width:900px; margin-left:50px; height:3px; background: #000 url(images/2011/stripe_bg.jpg) repeat-x;}
#rider_list { clear:both;}
#big_riders_title { margin-left:50px;}
#r_list { padding-top:10px;}
#rider_box { width:1000px; padding:10px 50px 50px 50px;}
#feat_rider_name { width:166px; text-align:center; clear:both; font-size:18px;}

.text { color:#FFF; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.rider_big_title { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:23px; color:#FFF; text-transform:uppercase;}
.rider_number { display:inline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:23px; color:#FFF; text-transform:uppercase;}
.rider_type { display:inline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:23px; color:#FFF; text-transform:uppercase; float:right; padding-right:10px;}
.rider_text, .rider_text a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-transform:uppercase;}
.rider_tweet_text {	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; color:#FFF;}
.rider_tweet_text a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; color:#09F;}
.rider_social_icon { padding-top:5px; float:right;}
.rider_title { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-transform:uppercase;}
.rider_cat { float:left; padding:0px 0px 0px 50px;}
.rider_cat_title { width:900px; border-bottom:thin dashed #0a0a0a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; color:#777777;}
.rider_link { color:#ff0000; list-style-type:none; float: left; width: 250px;}
.rider_link a  { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-transform:uppercase; color:#333;}
.rider_link a:hover { color:#09F;}

.feat_rider { float:left; padding:5px;}
.feat_rider img { padding-bottom:3px; border-top:none; border-right:none; border-left:none; border-bottom:thin dashed #333;}

.girls { color: #e10079; font-size: 8pt; font-family: Tahoma, helvetica; font-weight: bold; text-decoration: none}
.bigtitle { color: #e10079; font-size: 18pt; font-family: Tahoma, Arial, helvetica; text-decoration: none;}
.smtitle { color: #e10079; font-size: 11pt; font-family: Tahoma, Arial, helvetica; text-decoration: none; font-weight : bold;}
.temp_model_page {color:#FFF;}

.desktop { float:left; margin-left:90px; margin-bottom:10px}
.desktop_thumb { float:left;}
.size_con { float:right; border-left:thin solid #333;}
.1680_btn { border-bottom:thin solid #000;}
.1280_btn { border-top:thin solid #000;}

#overviewheader { width:1000px; height:104px; background-image:url(images/2011/gearoverview/rider_01.jpg); background-repeat:no-repeat;}
#overviewheader2012 { width:1000px; height:104px; background-image:url(images/2012/gearoverview/rider_01.jpg); background-repeat:no-repeat;}

#rider { width:200px; height:496px; float:left; padding:0; margin:0;}
#overlay_con { width:373px; background:url(images/2011/gearoverview/overlay/overlay_bg.jpg) repeat-y #FFF;}
#overlay_header { background:url(images/2011/gearoverview/overlay/title_brick.jpg) no-repeat #000; width:373px; height:49px; text-align:center;}
#title_arrow { display:inline; position:relative; top:-3px; left:-5px;}
#product { display:inline;}

.pr_image { float:left; margin:5px;	margin-left:10px; border:none;}
.long_divider { margin-left:8px; margin-top:5px;}
.details_btn img { margin-top:5px; border:none;}

#product_title { color:#FFF; font-family:"Arial Black", Gadget, sans-serif; font:bold; text-transform:uppercase; font-size:20px; display:inline;}

.pr_name { color:#000; font-family:"Arial Black", Gadget, sans-serif; font:bold; text-transform:uppercase; font-size:12px;}
.cw_name {color:#666; font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase; font-size:10px;}
.info { padding-top:25px;}
.question { font-weight: bold; text-transform: uppercase; color: #91D1DD;}
.question a { font-weight: bold; text-transform: uppercase; color: #E3529F;}

img {border: 0;}
/*
.container {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
}

.folio_block {
	position: absolute;
	left: 50%; top: 50%;
	margin: -140px 0 0 -395px;
}
*/

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
/*--Window/Masking Styles--*/
.window {
	height:500px;	width: 1000px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; right: 400px;
	width: 178px; height:30px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #000; 
	border: 1px solid #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}