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

/*universal elements----------------------------------------------------------------------------------------------*/
.site-container{width:1000px; background-color:#000000; margin-left:auto; margin-right:auto; position:relative;}
.clear{clear:both; margin:0px; padding:0px;}
.content-main{float:right; width:700px;}
.support{position:absolute; float:left; bottom:20px; width:260px; height:180px; margin:0px 0px 0px 20px;}
.brand-strip{width:700px; height:60px;}
.spacer20px{width:700px; height:20px;}
.spacer40px{width:700px; height:40px;}
.anchor{width:700px; height:40px;}
.bike-pix{width:178px; height:118px; float:left; margin:0px 0px 0px 40px; display:inline; border:solid 1px #FFFFFF;}
.bike-text{width:440px; height:120px; float:right; margin:10px 10px 10px 10px; display:inline; line-height:14px;}
.fb-logo{width:25px; height:25px; display:inline; float:right; margin:0px 0px 3px 0px;}
.left-links{float:left; display:inline; font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px; color: #FF9900; margin:0px 0px 0px 40px;}
	.left-links ul{list-style-type:none; line-height:24px; margin:0px; padding:0px;}
		.left-links ul li{display:block; margin:16px 0px 16px 0px; padding:0px;}
		.left-links ul li a{font:bold 20px arial; color:#FF9900; margin:0px; padding:0px; text-decoration:none;}
.anchor ul{list-style-type:none; font:bold 12px arial; color:#FFFFFF; margin:10px 20px 0px 0px; text-align:right;}
	.anchor ul li{display:inline; padding:0px 0px 0px 0px;}
		.anchor ul li a{font:bold 12px arial; text-decoration:none; color:#FFFFFF;}
		.anchor ul li a:hover{text-decoration:none; color:#FF9900;}
		
/*font and graph styles--------------------------------------------------------------------------------*/
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFFFFF;margin:0px; padding:0px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FF9900;margin:0px; padding:0px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; margin:0px; padding:0px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #3366FF;margin:0px; padding:0px;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; margin:0px; padding:0px;}
h6 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999;margin:0px; padding:0px;}
.main-graph{width:240px; float:left; margin:40px 0px 20px 20px; padding:0px;}
.contact-info{float:right; width:200px; height:110px; margin:26px 0px 0px 0px; text-align:right; text-decoration:none;}
	.contact-info ul{list-style-type:none; line-height:12px; margin:0px; padding:0px;}
		.contact-info ul li{display:block; margin:0px 0px 0px 0px; padding:0px;}
		.contact-info ul li a{font:bold 12px arial; color:#FFFFFF; margin:0px; padding:0px; text-decoration:none;}
				.contact-info ul li a:hover{font:bold 12px arial; color:#FF9900;}

/*splash page----------------------------------------------------------------------------------------------*/
.splash-container{width:700px; background-color:#000000; margin-left:auto; margin-right:auto; position:relative;}
.splash-logo{width:700px; height:353px; background-image:url(main_images/logo-main-700x353.jpg); background-position:center;}
.splash-fb{width:700px; height:27px; text-align:center;}
.fb-logo-splash{display:inline-block;}
.navbar-bottom-spl{width:700px; height:40px; background:url(main_images/bgimage-navbar-bottom-spl.jpg); text-align: center;}
	.navbar-bottom-spl ul{list-style-type:none; font:bold 16px arial; color:#FF9900; margin:0px; padding:0px; line-height:36px;}
	.navbar-bottom-spl ul li{display:inline; padding:0px 22px 0px 24px;}
		.navbar-bottom-spl ul li a{font:bold 16px arial; text-decoration:none; color:#FF9900;}
		.navbar-bottom-spl ul li a:hover{text-decoration:none; color:#4d4d4f;}
		
/*road page----------------------------------------------------------------------------------------------*/
.skybox-road{width:1000px; height:160px; background:url(main_images/bgimage-skybox-road.jpg);}
.bar-left-road{float:left; width:300px; height:1226px; display:inline; 
	background:url(main_images/bgimage-leftbar-road.jpg) no-repeat top left; position:relative;}
.navbar-top-road{width:1000px; height:40px; background:url(main_images/bgimage-navbar-top-road.jpg); text-align: center;}
.navbar-bottom-road{width:1000px; height:40px; background:url(main_images/bgimage-navbar-bottom-road.jpg); text-align: center;}
.navbar-top-road ul{list-style-type:none; font:bold 20px arial; margin:0px; padding:0px; line-height:40px;}
	.navbar-top-road ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-top-road ul li a{font:bold 20px arial; text-decoration:none; color:#FF9900;}
		.navbar-top-road ul li a:hover{text-decoration:none; color:#070c43;}
.navbar-bottom-road ul{list-style-type:none; font:bold 16px arial; color:#FF9900; margin:0px; padding:0px; line-height:36px;}
	.navbar-bottom-road ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-bottom-road ul li a{font:bold 16px arial; text-decoration:none; color:#FF9900;}
		.navbar-bottom-road ul li a:hover{text-decoration:none; color:#070c43;}
		
/*mountain page--------------------------------------------------------------------------------------*/
.skybox-mtn{width:1000px; height:160px; background:url(main_images/bgimage-skybox-mtn.jpg);}
.bar-left-mtn{float:left; width:300px; height:3786px; display:inline; 
	background:url(main_images/bgimage-leftbar-mtn.jpg) no-repeat top left; position:relative;}
.navbar-top-mtn{width:1000px; height:40px; background:url(main_images/bgimage-navbar-top-mtn.jpg); text-align: center;}
.navbar-bottom-mtn{width:1000px; height:40px; background:url(main_images/bgimage-navbar-bottom-mtn.jpg); text-align: center;}
.navbar-top-mtn ul{list-style-type:none; font:bold 20px arial; margin:0px; padding:0px; line-height:40px;}
	.navbar-top-mtn ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-top-mtn ul li a{font:bold 20px arial; text-decoration:none; color:#FF9900;}
		.navbar-top-mtn ul li a:hover{text-decoration:none; color:#412615;}
.navbar-bottom-mtn ul{list-style-type:none; font:bold 16px arial; color:#FF9900; margin:0px; padding:0px; line-height:36px;}
	.navbar-bottom-mtn ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-bottom-mtn ul li a{font:bold 16px arial; text-decoration:none; color:#FF9900;}
		.navbar-bottom-mtn ul li a:hover{text-decoration:none; color:#412615;}
		
/*hybrid page----------------------------------------------------------------------------------------------*/
.skybox-hyb{width:1000px; height:160px; background:url(main_images/bgimage-skybox-hyb.jpg);}
.bar-left-hyb{float:left; width:300px; height:1548px; display:inline; 
	background:url(main_images/bgimage-leftbar-hyb.jpg) no-repeat top left; position:relative;}
.navbar-top-hyb{width:1000px; height:40px; background:url(main_images/bgimage-navbar-top-hyb.jpg); text-align: center;}
.navbar-bottom-hyb{width:1000px; height:40px; background:url(main_images/bgimage-navbar-bottom-hyb.jpg); text-align: center;}
.navbar-top-hyb ul{list-style-type:none; font:bold 20px arial; margin:0px; padding:0px; line-height:40px;}
	.navbar-top-hyb ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-top-hyb ul li a{font:bold 20px arial; text-decoration:none; color:#FF9900;}
		.navbar-top-hyb ul li a:hover{text-decoration:none; color:#4d4d4f;}
.navbar-bottom-hyb ul{list-style-type:none; font:bold 16px arial; color:#FF9900; margin:0px; padding:0px; line-height:36px;}
	.navbar-bottom-hyb ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-bottom-hyb ul li a{font:bold 16px arial; text-decoration:none; color:#FF9900;}
		.navbar-bottom-hyb ul li a:hover{text-decoration:none; color:#4d4d4f;}
		
/*women's page----------------------------------------------------------------------------------------------*/
.skybox-wms{width:1000px; height:160px; background:url(main_images/bgimage-skybox-wms.jpg);}
.navbar-top-wms{width:1000px; height:40px; background:url(main_images/bgimage-navbar-top-wms.jpg); text-align: center;}
.bar-left-wms{float:left; width:300px; height:1786px; display:inline; 
	background:url(main_images/bgimage-leftbar-wms.jpg) no-repeat top left; position:relative;}
.navbar-bottom-wms{width:1000px; height:40px; background:url(main_images/bgimage-navbar-bottom-wms.jpg); text-align: center;}
.navbar-top-wms ul{list-style-type:none; font:bold 20px arial; margin:0px; padding:0px; line-height:40px;}
	.navbar-top-wms ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-top-wms ul li a{font:bold 20px arial; text-decoration:none; color:#FF9900;}
		.navbar-top-wms ul li a:hover{text-decoration:none; color:#3c1445;}
.navbar-bottom-wms ul{list-style-type:none; font:bold 16px arial; color:#FF9900; margin:0px; padding:0px; line-height:36px;}
	.navbar-bottom-wms ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-bottom-wms ul li a{font:bold 16px arial; text-decoration:none; color:#FF9900;}
		.navbar-bottom-wms ul li a:hover{text-decoration:none; color:#3c1445;}
		
/*youth page---------------------------------------------------------------------------------------*/
.skybox-yth{width:1000px; height:160px; background:url(main_images/bgimage-skybox-yth.jpg);}
.bar-left-yth{float:left; width:300px; height:1226px; display:inline; 
	background:url(main_images/bgimage-leftbar-yth.jpg) no-repeat top left; position:relative;}
.navbar-top-yth{width:1000px; height:40px; background:url(main_images/bgimage-navbar-top-yth.jpg); text-align: center;}
.navbar-bottom-yth{width:1000px; height:40px; background:url(main_images/bgimage-navbar-bottom-yth.jpg); text-align: center;}
.navbar-top-yth ul{list-style-type:none; font:bold 20px arial; margin:0px; padding:0px; line-height:40px;}
	.navbar-top-yth ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-top-yth ul li a{font:bold 20px arial; text-decoration:none; color:#FF9900;}
		.navbar-top-yth ul li a:hover{text-decoration:none; color:#224117;}
.navbar-bottom-yth ul{list-style-type:none; font:bold 16px arial; color:#FF9900; margin:0px; padding:0px; line-height:36px;}
	.navbar-bottom-yth ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-bottom-yth ul li a{font:bold 16px arial; text-decoration:none; color:#FF9900;}
		.navbar-bottom-yth ul li a:hover{text-decoration:none; color:#224117;}
		
/*service elements----------------------------------------------------------------------------------------------*/
.bar-left-ser{float:left; width:300px; height:1610px; display:inline; 
	background:url(main_images/bgimage-leftbar-ser.jpg) no-repeat top left; position:relative;}
.left-links-ser{float:left; display:inline; font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; font:bold; line-height:22px; color: #FF9900; margin:0px 0px 0px 20px;}
.ser-pix{width:300px; height:400px; float:left; margin:0px 20px 0px 40px; display:inline; border:solid 1px #FFFFFF;}
.ser-panorama{width:640px; height:100px; float:left; margin:0px 0px 0px 40px; display:inline; border:solid 1px #FFFFFF;}
.ser-text{width:300px; height:400px; float:right; margin:20px 20px 0px 0px; display:inline; line-height:28px;}
.staff-pix{width:178px; height:200px; float:left; margin:0px 0px 0px 40px; display:inline; border:solid 1px #FFFFFF;}
.staff-text{width:420px; height:180px; float:right; margin:20px 20px 0px 0px; display:inline; line-height:16px;}
.hist-pix{width:300px; height:200px; float:left; margin:0px 0px 0px 40px; display:inline; border:solid 1px #FFFFFF;}
.hist-text{width:660px; height:50px; float:right; margin:0px 0px 0px 0px; display:inline; line-height:14px;}
.alt-color{color:#FFFFFF;}
.skybox-ser{width:1000px; height:160px; background:url(main_images/bgimage-skybox-ser.jpg);}
.navbar-top-ser{width:1000px; height:40px; background:url(main_images/bgimage-navbar-top-ser.jpg); text-align: center;}
.navbar-bottom-ser{width:1000px; height:40px; background:url(main_images/bgimage-navbar-bottom-ser.jpg); text-align: center;}
.navbar-top-ser ul{list-style-type:none; font:bold 20px arial; margin:0px; padding:0px; line-height:40px;}
	.navbar-top-ser ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-top-ser ul li a{font:bold 20px arial; text-decoration:none; color:#FF9900;}
		.navbar-top-ser ul li a:hover{text-decoration:none; color:#965515;}
.navbar-bottom-ser ul{list-style-type:none; font:bold 16px arial; color:#FF9900; margin:0px; padding:0px; line-height:36px;}
	.navbar-bottom-ser ul li{display:inline; padding:0px 30px 0px 30px;}
		.navbar-bottom-ser ul li a{font:bold 16px arial; text-decoration:none; color:#FF9900;}
		.navbar-bottom-ser ul li a:hover{text-decoration:none; color:#965515;}
.indent{text-indent:20px;}