@charset "utf-8";
/* CSS Document */
.clearfix						{ clear:both; }
body.home						{ margin:0; background: url(../images/site_bg.jpg) repeat-x; background-color:#000; }
.bodywrap						{ width:1000px; margin:0 auto; }

a:active						{ outline: none; }


/* Header section */
.nav							{ width:839px; height:39px; margin:0 auto; background: url(../images/nav_inner_bg.jpg) no-repeat; }
.nav ul							{ float:right; width:75%; margin:0 0 0 50px; height:39px; list-style:none; }
.nav ul li						{ float:left; display:block; margin:0 35px 0 0; list-style:none; }
.nav ul li a					{ font-size:14px; color:#e8e7db; list-style:none; }
.nav ul li a:hover				{ color:#da3c3c; list-style:none; }
.splash							{ width:1000px; height:667px; background: url(../images/splash_bg.png) no-repeat; }
.bikes							{ width:900px; height:420px; margin:0 auto; padding:80px 0 0 0; }

/* Content section */
.content 						{ width:839px; margin:0 auto; padding:10px 0 0 0; }
.lCol							{ width:293px; float:left; color:#fff; margin-bottom:35px; }
.lCol ul						{ margin:0; padding:0; }
.lCol ul li						{ font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:0; padding:0; }
.lCol h2						{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; margin:0; }
.lCol p							{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#aeaeae; line-height:150%; }
.red							{ color:#da010f; }

.mCol							{ width:290px; float:left; color:#fff; }
.mCol h2						{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; margin:10px 0 0 15px; }

.rCol							{ width:249px; float:right; color:#fff; }
input#email_form				{ width:160px; height:20px; color:#5d5d5d; font-size:15px; padding-left:5px; padding-top:5px; }
#join							{ font-size:28px; font-weight:bold; color:#cecece; }
#join h2						{ font-size:28px; font-weight:bold; color:#cecece; margin:0; padding:0; }
.news_updates					{ float:left; margin:15px 0 0 0; width:249px; }
.updates						{ width:230px; height:205px; background-color:#212121; float:left; margin:10px 0 0 0; }
.updates_content				{ margin:12px 0 0 0; }
.updates_content h1				{ font-family:Arial, Helvetica, sans-serifa; font-size:21px; color:#e4212c; margin:0; }
.updates_content h2				{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; margin:0; }
.updates_content p				{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#aeaeae; }
.updates_content a				{ color:#da010f; text-decoration:none; margin:5px 0 0 0; }
.updates_content a:hover		{ text-decoration:underline; }

.models ul						{ margin:0; padding:0; }
.models h2						{ margin:0; padding:0; font-size:22px; }
.models h2 a:hover				{ color:#da3c3c; }
.models ul li					{ list-style:none; display:block; border-bottom:1px dotted white; padding:10px 0 10px 0; }
.models ul li a:hover			{ color:#da3c3c; }
.cufon-active .models h2 		{ /* for Cufon.replace('h1') */ color:#da3c3c; }

.models_large					{ width:520px; height:326px; margin-right:6px; float:left; }
.models_thumb					{ margin:10px 0 0 0; width:520px; }
.models_thumb ul				{ margin:0 0 0 9px; padding:0; width:520px; }
.models_thumb ul li				{ display:block; float:left; list-style:none; margin:0 15px 0 0; width:89px; color:white; }
.models ul li h2 a				{ color:#fff; text-decoration:none; }

.model_list						{ width:100%; float:left; }
.model_list h3					{ margin:10px 0 0 0; color:red; font-size:18px; }
.list ul						{ margin:0; padding:0; }
.list ul li						{ float:left; display:block; list-style:none; }
.list ul li.lstyle				{ margin-right:80px; width:116px; }
.list ul li.mstyle h2			{ margin-right:45px; color:red; }

/* Footer section */
.footerwrap						{ width:100%; background: url(../images/footer_wrap_bg.jpg) repeat-x; height:90px; float:left; }
.footer							{ width:839px; margin:0 auto; }
.footer ul#ftnav				{ float:left; width:100%; margin:0; padding:0; }
.footer ul#ftnav li				{ float:left; display:block; margin:0 35px 0 0; list-style:none; }
.footer ul#ftnav li a			{ font-size:14px; color:#e8e7db; }
.footer ul#ftnav li a:hover		{ color:#da3c3c; }

.footer ul#icons				{ float:left; margin:0; padding:0; }
.footer ul#icons li				{ float:left; margin:0; display:block; margin-right:5px; }
.footer ul#icons li.copyright 	{ width:500px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#b1b1b1; }

/********** SUB PAGE CSS CODE ***********/
body.sub						{ margin:0; background: url(../images/sub_site_bg.jpg) repeat-x; background-color:#000; }
.subwrap						{ margin:0 auto; width:841px; }

/* header section */
.subheader						{ width:841px; height:171px; }
.sublogo						{ width:136px; height:171px; float:left; }
.subnav							{ height:19px; float:right; }
.extranet						{ float:right; width:250px; height:30px; margin:10px 14px 0 0; }
.extranet h1					{ float:left; font-size:14px; color:#da3c3c; margin-right:10px; }
.textbox						{ float:left; }
.submit							{ float:left; margin:1px 0 0 5px; width:30px; }
.extranet input					{ width:95px; background-color:#242424; border:1px solid #666666; color:#fff; font-size:11px; height:17px; padding-left:5px; }
.subnav ul						{ margin:45px 0 0 0; padding:0; }
.subnav h3						{ padding-right:15px; font-size:16px; margin:0; text-transform:uppercase; }
.subnav h3.topnav				{ padding-left:15px; }
.subnav ul li					{ margin:0; padding:0; list-style:none; display:block; float:left; border-right: 1px solid #2c2c2c; height:15px; }
.subnav ul li.last				{ margin:0; padding:0; list-style:none; display:block; float:left; height:15px; border:none; }

/* content section */
.subcontent						{ width:841px; float:left; background: url(../images/sub_biglogo.png) no-repeat; margin:15px 0 0 0; }
.slCol h3						{ margin:0 0 10px 0; font-size:22px; color:#8d8d8d; text-transform:uppercase; }
.slCol							{ width:540px; float:left; padding:0 10px 75px 0; }
.slCol hr						{ color: #fff; background-color:transparent; border-bottom: 1px dashed #fff; border-style: none none dotted; margin:15px 0 15px 0; }
.options						{ width:540px; float:left; padding:30px 10px 15px 0; margin-bottom:15px; float:left; border-bottom:1px dotted white; }
.options_lCol h4				{ margin:0 0 10px 0; font-size:19px; color:#8d8d8d; text-transform:uppercase; }
.options_lCol					{ width:206px; float:left; margin:0 15px 0 0; }
.options_rCol					{ width:315px; float:right; }
.options_rCol h1				{ font-size:23px; margin:25px 0 10px 0; padding:0; color:#da3c3c; text-transform:uppercase; }
.slCol h2						{ margin:6px 0 0 0; font-size:17px; color:#cfcfcf; }
.slCol h4						{ margin:15px 0 0 0; font-size:22px; color:#da3c3c; text-transform:uppercase; }
.sub_heading h1					{ color:#fff; margin:0; padding:0; }
.sub_heading hr					{ margin:0; padding:0; color: #fff; background-color:transparent; border: 1px dotted #fff; border-style: none none dotted; }
.slCol_text hr					{ color: #fff; background-color:transparent; border: 1px dotted #fff; border-style: none none dotted; margin:20px 0 20px 0; }
.slCol_text h3					{ margin:15px 0 5px 0; font-size:17px; color:#8d8d8d; }
.quality						{ width:260px; float:left; margin:35px 0 20px 0; }
.quality h1						{ color:#cfcfcf; font-size:17px; margin:0 0 5px 0; padding:0; }
.slCol p						{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#fff; margin:10px 0 0 0; text-align:justify; line-height:150%; }
.srCol							{ float:right; width:224px; margin:0 25px 75px 0; }
.contact_form					{ width:50%; float:left; margin:40px 0 20px 0; }
.contact_form input				{ width:253px; height:22px; padding:6px 0 0 5px; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4f4f; }
.contact_form textarea			{ width:260px; height:74px; padding:6px 0 0 5px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4f4f; }
.contact_info					{ width:50%; float:right; margin:40px 0 20px 0; }
.contact_info p					{ color:#aaaaaa; font-size:12px; margin:0 0 20px 10px; }
.contact_info h1				{ font-size:17px; color:#fff; text-align:left; margin:10px 0 0 10px; }
.contact_info a					{ color:#f85956; }

.locate_dealer					{ width:195px; float:left; border-right:2px solid #2d2d2d; margin:25px 15px 0 0; padding-bottom:20px; }
.locate_dealer input			{ width:150px; height:20px; margin:0 0 5px 0; }
.contact_address				{ width:60%; float:right; margin:25px 0 0 0; }
.contactlist					{ display:block; float:left; width:79px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
.contactlist p					{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; margin-top:0px; padding:0; }
.contactlist p a				{ color:#da3c3c; }
.levels							{ margin:15px 0 0 0; }
.levels ul						{ margin:0 0 15px 0; padding:0 0 15px 0; }
.levels ul li					{ float:left; display:block; margin:0 15px 0 0; }
.levels h1						{ color:#fff; font-size:20px; margin:0; text-transform:uppercase; margin:25px 0 0 0; }
.levels hr						{ margin:0; padding:0; color: #fff; background-color:transparent; border: 1px dotted #fff; border-style: none none dotted; }


/* side links section */
.sr_header						{ width:224px; height:77px; }
.side_links						{ width:224px; height:337px; background: url(../images/sub_sidelinks_bg.jpg) no-repeat; }
.side_links ul					{ padding:20px 0 0 20px; width:188px; }
.side_links ul li				{ margin-bottom:11px; list-style:none; height:33px; border-bottom:1px dotted #666; }
.side_links ul li.photo			{ background: url(../images/bullet_photo.png) no-repeat; padding:0 0 0 35px; }
.side_links ul li.paint			{ background: url(../images/bullet_paint.png) no-repeat; padding:0 0 0 35px; }
.side_links ul li.finishes		{ background: url(../images/bullet_finishes.png) no-repeat; padding:0 0 0 35px; }
.side_links ul li.accessories	{ background: url(../images/bullet_accessories.png) no-repeat; padding:0 0 0 35px; }
.side_links ul li.wheels		{ background: url(../images/bullet_wheels.png) no-repeat; padding:0 0 0 35px; }
.side_links ul li.events		{ background: url(../images/bullet_events.png) no-repeat; padding:0 0 0 35px; }
.side_links ul li.models		{ background: url(../images/bullet_models.png) no-repeat; padding:0 0 0 35px; border:none; }
.side_links ul li a				{ font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#fff; text-decoration:none; }
.side_links ul li a:hover		{ text-decoration:underline; }
.sub_boxes						{ width:224px; height:103px; background: url(../images/boxes_bg.jpg) no-repeat; margin:15px 0 0 0; }
.sub_boxes h1					{ font-size:25px; color:#fff; margin:0 10px 0 18px; padding-top:15px; }
input#list						{ width:137px; height:19px; }

/* footer section */
.subfooter						{ width:839px; margin:0 auto; }
.subfooter ul#ftnav				{ float:left; width:100%; margin:0; padding:0; }
.subfooter ul#ftnav li			{ float:left; display:block; margin:0 15px 0 0; list-style:none; }
.subfooter ul#ftnav li a		{ font-size:14px; color:#e8e7db; text-transform:uppercase; }
.subfooter ul#ftnav li a:hover	{ color:#da3c3c; }

.subfooter ul#icons				{ float:left; margin:0; padding:0; }
.subfooter ul#icons li			{ float:left; margin:0; display:block; margin-right:5px; }
.subfooter ul#icons li.copyright{ width:500px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#b1b1b1; }


/* slider */
.slider-wrap								{ width: 480px; top: 15px; overflow:hidden; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 480px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row						   			{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }
.thumb										{ margin:10px 0 0 0; }
.thumb ul									{ margin:0; padding:0; }
.thumb ul li								{ display:block; float:left; list-style:none; margin:0 5px 0 0 }

/* Models Slider section */
.pikachoose{width:521px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;;padding:2px;;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:506px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
/*.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}*/
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:float;position:absolute;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}