<!--

ul, ol, li {
    margin: 0;
    padding: 0;
}

html, body {
	-webkit-text-size-adjust: none;
	font-family:"PT Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	

/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a {
	text-decoration: none;
	color: #d53d01;
	border-style: none;
	outline-style: none;
	outline-width: 0px;
	outline: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

img {
	border-style: none;
}

a img {
	border: none;
}

input::-moz-focus-inner {
	border: 0;
}

input:focus, textarea:focus {
	outline: 0;
	outline: none;
}

object, embed {
	outline: 0;
}

textarea {
	overflow: auto;
}

#container {
	width: 1000px;
	background: #000000;
	margin: 0 auto;
	text-align: left;


/* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 0px;


/* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#navContainer {
	margin: 0px;
	width: 1000px;
	margin: 0 auto;
	/*text-align: left*/

/* this overrides the text-align: center on the body element. */
}


#logo {
	float: left;
	width: 131px;
	padding: 10px 0px 20px 0px;
}

#navigation {
	float: right;
	margin: 107px 0px 0px 0px;
}

#navigation a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #d53d01;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

#navigation a:hover {
	color: #ffffff;
}

#navigation .navOn {
	color: #ffffff;
}

#navigation .navSep {
	margin: 0px 21px 0 30px;
}

#mainleft {
	margin: 40px 0px 10px 0px;
	float: left;
}

#mainright {
	margin: 0px 0px 10px 420px;
}

#mainright p {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 19px;
}

#mainright img {
	margin: 40px 0px 0px 0px;
}

#rightside {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 380px;
}

#rightside h4 {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 17px;
	margin: 10px 0px 0px 0px;
}

#rightside a:link {
	color: #d53d01;
	text-decoration: none;
	font-size: 15px;
}

#rightside a:visited {
	text-decoration: none;
	color: #d53d01;
	font-size: 15px;
}

#rightside a:hover {
	text-decoration: none;
	color: #d53d01;
	font-size: 15px;
}

#rightside a:active {
	text-decoration: none;
	color: #d53d01;
	font-size: 15px;
}

ul#dealers{
	width: 980px;
	margin: 0 auto;
	padding: 15px;
	color: #fff;
		font: 100%/120% "futura-pt", arial, sans-serif;
	list-style-type: none;
}

ul#dealers h3 {
	color: #d53d01;
}

ul#dealers a {
	color: #d53d01;
	font-weight: bold;
}

ul#dealers a:hover {
	color: #d53d01;
	text-decoration: underline;
}

ul#dealers li {
	margin-bottom: 7px;
}


#contentLeft {
	float: left;
	width: 600px;
	margin: 0px 0px 0px 0px;
	color: #fff;
}

#contentLeft img {
	float: left;
	margin: 0px 20px 10px 0px;
}

#contentLeft p {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 19px;
}

#contentLeft b {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 19px;
}

#contentLeft h4 {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 19px;
}

#contentLeft a:link {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	color: #d53d01;
	font-size: 14px;
	line-height: 19px;
}

#contentLeft a:hover {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	color: #d53d01;
	font-size: 14px;
	line-height: 19px;
}

#contentLeft a:visited {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	color: #d53d01;
	font-size: 14px;
	line-height: 19px;
}

#contentLeft h1 {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: 100;
}

#contentLeft h2 {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #d53d01;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 20px;
	margin: 20px 0px 0px 0px;
}

#contentLeft h3 {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #d53d01;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
}

#contentLeft li {
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	padding: 0px 0px 10px 0px;
}

#footer {
	margin: 15px 0px 0px;
	padding: 0px;
}

#footer .copy {
	margin: 5px 0px 15px;
	padding: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #d53d01;
	font-size: 12px;
}

.clear {
	clear: both;
}

/* SLIDER.CSS */

#player {
	width: 1000px;
	height: 498px;
	*height: 495px;
	position: relative;
	margin-bottom:15px;
}

/*
	Slideshow
*/

#slides {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

/*
	Slides container
	Important: Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 1000px;
	overflow: hidden;
	position: relative;
}

/*
	Each slide
	Important: Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width: 1000px;
	height: 498px;
	*height: 470px;
	display: block;
}

.slides_container a img {
	display: block;
}

/*
Pagination
*/

.pagination {
	float: right;
    list-style: none outside none;
    /*margin: 6px 0 0;*/
	position: absolute;
	right:11px;
	bottom: 11px;
	z-index:10;
}

.pagination li {
	float: left;
	margin: 0 5px;
	list-style: none;
}

.pagination li a {
	background-image: url('../images/slide-ticker.png');
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 13px;
    width: 16px;
}

.pagination li.current a {
	background-position: 0 -14px;
}

/************   Nate's Additions 12/13 ***********/ 

#mid-content-wrap {
	margin-bottom: 60px;
	float:left;
	width:100%;
}

#left-column h1 {
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:30px;
	border-bottom:2px solid #424242;
	padding-bottom:20px;
	color:#e4552b;
	text-transform:uppercase;
}

#left-column h1 span {
	font-weight:800;
	
}

#left-column p {
	line-height:1.7;
	font-size:16px;
	color:#EFEFEF;
}

a.read-more {
	text-transform:uppercase;
	font-weight:bold;
	color:#e4552b;
	font-size:14px;
}

header {
	float:left;
	margin-top:10px;
	border-bottom:1px solid #d4d4d4;
	width:1000px;
	margin-bottom:15px;
}
.column {
	width:305px;
	float:left;
	margin-right:42px;
}

#lower-columns-wrap {
	float:left;
	margin-bottom:40px;
}

.column:last-child {
	margin-right:0px;
}

.column h2 {
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:22px;
	border-bottom:2px solid #424242;
	padding-bottom:20px;
	color:#e4552b;
	text-transform:uppercase;
}

.column h2 a:hover {
	opacity:0.9;
}

.column h2 span {
	font-weight:800;
}

.column p {
	line-height:1.7;
	font-size:16px;
	color:#EFEFEF;
}

#top-right {
	width:229px;
	float:right;
	margin-bottom:59px;
}

.soc-like {
	float:right;
}
.soc-like a:hover {
	opacity:0.8;
}

#buy-button {
	float:right;
	margin-left:11px;
}

#buy-button a {
	float:left;
}

#buy-button a:hover {
	opacity:0.9;
}

#left-column {
		width:570px;
		float:left;
		padding-right:20px;
}

#right-column {
	width:400px;
	float:right;
	padding-top:80px;
}

#footer-wrap {
	border-top: 2px solid #D4D4D4;
	padding-top:40px;
	float:left;
	/*background: url(../images/footer-bg-img.jpg) no-repeat 0px 36px;*/
	width:100%;
	border-bottom: 1px solid #202020;
	padding-bottom:40px;
	margin-bottom:20px;
}

footer h5 {
	margin-bottom:11px;
	padding-bottom:10px;
	border-bottom:2px solid #2f2f2f;
	text-transform:uppercase;
	font-size: 14px;
	color:#919191;
	font-weight:normal;
}

footer h5 a {
	color:#919191 !important;
}

.col-1 {
	float:left;
	width:155px;
}

.col-2 {
	float:left;
	width:93px;
	margin-left:50px;
}

.col-3 {
	float:left;
	width:250px;
	margin-left:50px;
}

.col-4 {
	float:left;
	width:273px;
	margin-left:50px;
}

ul.footer-links li.highlight {
	margin-top:10px;
}

ul.footer-links li.highlight a {
	text-transform:uppercase;
	font-weight:bold;
	color:#e4552b;
	font-size:14px;
}
	
ul.footer-links {
	list-style:none outside none;
	color:#FFFFFF;
	float:left;
}

ul.footer-links li {
	float:left;
	margin-bottom:6px;
	width:100%;
}
	
ul.footer-links li a {
	color:#dad9d9;
	font-size: 13px;
	font-weight:normal;
}

ul.newsfeed {
	color:#dad9d9;
	list-style-type:none;
	margin-bottom:15px;
}
	
ul.newsfeed a {
		color:#dad9d9;
		font-size:13px;
		font-family:"PT Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
	
ul.newsfeed li {
		margin-bottom:12px;
}

.more-posts {
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}

.more-posts a {
	color:#e4552b;
}

.footer-soc-like {
	float:left;
	margin-right:7px;
}

.footer-soc-like a:hover {
	opacity:0.9;
}

#instafeed-wrap {
	margin-bottom:5px;
	height:85px;
	overflow:hidden;
}

#instadetails {
	font-size:13px;
	color:#c3c3c3;
	float:left;
	margin-bottom:10px;
}

#instadetails img {
	float:left;
	margin-right:5px;
}

#instadetails span {
	padding-top:2px;
	float:left;
}

#copyright {
	text-align:center;
	width:100%;
	font-size:11px;
	color:#c3c3c3;
	margin-bottom:30px;
}

/**** Technology Page ***/

h1.pagetitle {
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:34px;
	margin-top:5px;
	color:#e4552b;
	text-transform:uppercase;
}

h1.pagetitle span {
	font-weight:800;
	
}

p.sub-head {
	color:#EFEFEF;
	font-size:19px;
	font-weight:normal;
	width:512px;
	line-height:1.9;
	margin-bottom:300px;
}

h2.subtitle {
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:30px;
	margin-top:5px;
	color:#e4552b;
	text-transform:uppercase;
	border-bottom:2px solid #424242;
	padding-bottom:20px;
}

h2.subtitle span {
	font-weight:800;
}

/* Comparison Chart */

#comparison-wrap {
	padding:0 40px;
	margin-bottom:160px;
}

.mountain-bg {
	background:url(../images/mtn-bg.jpg) no-repeat 0 0;
}

#feature-chart {
	border-collapse:collapse;
	color:#FFF;
	width:100%;
	
}

#feature-chart td {
	padding:10px;
}
#feature-chart td:nth-child(1) { font-size:15px;}
#feature-chart td:nth-child(2) { text-align:center;}
#feature-chart td:nth-child(3) { text-align:center;}
#feature-chart td:nth-child(4) { text-align:center;}
#feature-chart td:nth-child(5) { color: #e4552b;text-align:center;}

#feature-chart th {
	text-transform:uppercase;
	padding:10px;
}

#feature-chart tr:nth-child(even) {
	background: rgb(55, 55, 55) transparent ;
	background: rgba(55, 55, 55, 0.7) ;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF) ;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"}
#feature-chart tr:nth-child(odd) {
	background: rgb(16, 16, 16) transparent ;
	background: rgba(16, 16, 16, 0.7) ;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF) ;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)" ;
}

#feature-chart tr:first-child {
	background:none;
	font-size:18px;
}

#feature-chart th:nth-child(1) {
	color:#e4552b;
	font-weight:bold;
	font-size:18px;
}

#feature-chart th:nth-child(2) {text-align:center; color:#7e7e7e; font-weight:normal;font-size:18px;}
#feature-chart th:nth-child(3) {text-align:center;color:#7e7e7e; font-weight:normal;font-size:18px;}
#feature-chart th:nth-child(4) {text-align:center;color:#7e7e7e; font-weight:normal;font-size:18px;}
#feature-chart th:nth-child(5) {text-align:center;color:#e4552b; font-weight:normal;}
#feature-chart th:nth-child(5) span {font-weight:800;}

#specs-wrap {
}

#specs-wrap h3 {
	text-align:center;
	font-size:30px;
	color:#424242;
	font-weight:normal;
	text-transform: uppercase;
}

#spec-chart {
	border-collapse:collapse;
	color:#FFF;
	width:776px;
	margin:0 auto 50px auto;
}
#spec-chart td {
	padding:10px;
}

#spec-chart td:nth-child(1) {font-size:15px;text-transform:uppercase;width:78%;}
#spec-chart td:nth-child(2) {font-size:15px;width:22%;}

#spec-chart tr:nth-child(even) {
	background: #202020;
}
#spec-chart tr:nth-child(odd) {
	background: #171717;
}

.ico {
	background:url(../images/icons.png) no-repeat 0 0;
	height:15px;
	margin:0 auto;
	width:20px;
}

.ico.orange {
	background-position: 0 -18px;
}

ul#perf-adv {
	color:#EFEFEF;
	width:100%;
	font-size:16px;
	margin-bottom:90px;
}

ul#perf-adv li {
	list-style-type:none;
	background:url(../images/arrow.png) no-repeat left top;
	margin-bottom:30px;
	padding-left:40px;
}

ul#perf-adv li br {
	margin-bottom:15px;
}

/***** Technology Page *****/
#construction-wrap h3 {
	text-align:center;
	font-size:30px;
	color:#424242;
	font-weight:normal;
	text-transform: uppercase;
}

#construction-wrap {
	width:100%;
	float:left;
	margin-bottom:100px;
}

.construction {
	width:285px;
	float:left;
	margin-left:68px;
}

.construction h4 {
	font-size: 16px;
	text-align:center;
	color:#e4552b;
	text-transform:uppercase;
	margin-bottom:15px;
}

.construction p {
	font-size:13px;
	color:#EFEFEF;
	line-height:1.6;
}

.no-marg {margin:0px;}


/**** Product Page *****/
#product-section-wrap {
	margin-bottom:212px;
	float:left;
	width:100%;
}

#product-left {
	width:670px;
	float:left;
	position:absolute;
	top:56px;
	left:-200px;
}

#product-right {
	float:right;
	width:522px;
}

#product-details-wrap {
	float:left;
}

.product-detail {
	background:#313131;
	float:left;
	padding:15px 20px;
	opacity:0.5;
	margin-bottom:16px;
}
.product-detail.active { opacity: 1}
/*.active {
	opacity:1.0;
}*/


.hotspot {
	height: 56px;
    position: absolute !important;
    width: 53px;
    z-index: 10;
}

.hotspot .target {
background-image: url(../images/hotspot-img.png);
    background-position: 0px 0px;
    cursor: pointer;
    height: 56px;
    position: absolute;
    width: 53px;
    z-index: 50;
}

.hotspot a.target  {
	opacity:0.6;
}

.hotspot a.target:hover, .hotspot a.target.active {
	opacity:1.0;
}

.product-detail:hover {
	opacity:1.0;
}

.product-detail h2 {
	width:342px;
	color:#e0e0e0;
	margin:0 0 8px;
	padding:0px;
	float:left;
	font-size:17px;
	text-transform:uppercase;
}

.product-detail p {
	clear:both;
	margin:0;
	padding:8px 0 0 0;
	border-top: 4px solid #e4552b;
	color:#FFF;
	font-size:14px;
	line-height:1.5;
}

.watch-vid {
	float:right;
}

.watch-vid a {
	
}