/*@-webkit-viewport {
width:2160px
}
@-moz-viewport {
width:2160px
}
@-o-viewport {
width:2160px
}
@viewport {
width:2160px
}
*/
@-ms-viewport {
width:2160px
}
html{
	margin: 0;
	background:#d7d9db;
}
body {
	width: 2160px;
	margin: 0;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
	transform-origin:0 0;
	/*
	height: 1440px;
	*/

}
a{
	outline:none !important;	
}
#config{
	display:none;	
}
#navtop {
	position: relative;
	top: 0;
	left: 0;
	z-index: 5;
	height: 163px;
	background: url(../images/navtop.png) no-repeat;
}
#navTopBtns {
	position:absolute;
	top:0;
	left:1313px;
}
.navBtn {
	position:relative;
}
.navBtn a {
	position:absolute;
	height:160px;
	background:url(../images/nav.png) no-repeat;
}
#navBtnHome{
	left:0;
}
#navBtnHome a{
	background-position:0 0;
	width:393px;
}
#navBtnHome.selected a{
	background-position:0 -160px;
	width:393px;
}
#navBtnConfig{
	left:393px;
}
#navBtnConfig a{
	background-position:-393px 0;
	width:454px;
}
#navBtnConfig.selected a{
	background-position:-393px -160px;;
}
#navBtnClose{
	left:847px;
}
#navBtnClose a{
	background-position:-848px 0;
	width:100px;
}
#home{
	background:#000;	
}
#container {
	position: absolute;
	top: 160px;
	left: 0;
	background: #ccc;
	height: 1280px;
	width: 2160px;
	overflow:hidden;
}
.page {
	position: absolute;
	height: 1280px;
	width: 2160px;
}
#sideNav {
	position: absolute;
	width: 300px;
	background: #005697;
	height: 1280px;
}
#main {
	position: absolute;
	left: 300px;
	height: 1280px;
	width: 1860px;
}
.configPage{
	display:none;	
	position: absolute;
	left: 0;
	height: 1280px;
	width: 1860px;
}
.sideNavBtn {
	width: 300px;
	height: 150px;
	position: relative;
	background:url(../images/sideBtnBG.png);
}
.sideNavBtn a {
	width: 300px;
	height: 150px;
	position: absolute;
}
.sideNavBtn a .label {
	width: 300px;
	height: 150px;
	position: absolute;
	background:url(../images/side_btns.png) no-repeat;	
	z-index:2;
}
#sideNavBtn1 a .label{
	background-position:0 0;	
}
#sideNavBtn2 a .label{
	background-position:0 -150px;	
}
#sideNavBtn3 a .label{
	background-position:0 -300px;	
}
#sideNavBtn4 a .label{
	background-position:0 -450px;	
}
#sideNavBtn5 a .label{
	background-position:0 -600px;	
}
#sideNavBtn6 a .label{
	background-position:0 -750px;	
}
#sideNavBtn7 a .label{
	background-position:0 -900px;	
}
.sideNavBtn .number {
	font-size: 100px;
	position: absolute;
	text-align: right;
	width: 65px;
	top: 20px;
	left:0;
	color:#0078c2;
	z-index:2;
}
.sideNavBtn.selected{
	background:url(../images/sideBtnBG.png) 0 -150px;;
}
.sideNavBtn .highlight{
	display:none;
	z-index:1;
	position:absolute;
	background:url(../images/sideBtnBG.png) 0 -300px;
	width: 300px;
	height: 150px;
}
.sideNavBtn.selected .highlight{
	display:none !important;	
}

.configFooter{
	position:absolute;
	width:1860px;
	height:204px;
	background:url(../images/footer.png) no-repeat;
	bottom:0;
}
.configFooter .label{
	position:absolute;
	left: 0;
	top:0;
}
.configFooter strong{
	font-weight:normal;
	text-transform:uppercase;
	font-size:20px;	
}
.configFooter em{
	font-weight:normal;
	font-style:italic;
	font-size:20px;	
}
.configFooter .modelNumber{
	position:absolute;
	background:url(../images/model_name/model.png) bottom left no-repeat;
	left: 1220px;
	padding-left:120px;
	width:520px;
	top:80px;
}
.configFooter .reset a{
	position:absolute;
	left: 855px;
	top:0;
	width:150px;
	height:40px;
	background:url(../images/reset-3d.png) no-repeat;
}
.configFooter .directionLabel{
	position:absolute;
	background:url(../images/model_name/label.png) no-repeat;
	left: 1343px;
	width:244px;
	height:18px;
	top:135px;
}

.configFooter .directionLabel.L{
	background-position:0 0;
}
.configFooter .directionLabel.R{
	background-position:0 -27px;
}
.configPage .mainPanel{
	width:1860px;	
	height:1076px;
}
/* Page 1 - Blade Select */
#page1 .bladeSelect{
	width:620px;
	height:1076px;
	float:left;
}
#page1 .bladeSelect a{
	position:absolute;
	width:620px;
	height:1076px;
	background:url(../images/blades/bg.png) -620px 0 no-repeat;
	text-decoration:none;
}
#page1 .bladeSelect a.selected{
	background:url(../images/blades/bg.png) 0 0 no-repeat;
}
#page1 .bladeSelect a img{
	position:absolute;	
}
#bladeSelectA img{
	top:71px;
	left:116px;	
}
#bladeSelectCD img{
	top:91px;
	left:158px;	
}
#bladeSelectE img{
	top:120px;
	left:5px;	
}
#page1 .bladeSelect a .details{
	position:absolute;	
	width:620px;
	height:175px;
	left:0;
	bottom:0px;
}
#bladeSelectA .details{
	background:url(../images/blades/labels.png) 0 0;	
}
#bladeSelectA a.selected .details{
	background:url(../images/blades/labels.png) 0 -175px;	
}
#bladeSelectCD .details{
	background:url(../images/blades/labels.png) -620px 0;	
}
#bladeSelectCD a.selected .details{
	background:url(../images/blades/labels.png) -620px -175px;	
}
#bladeSelectE .details{
	background:url(../images/blades/labels.png) -1240px 0;	
}
#bladeSelectE a.selected .details{
	background:url(../images/blades/labels.png) -1240px -175px;	
}

/* Page 2 - Blade Count */
#page2 .mainPanel{
	background:url(../images/blade_count/bg.jpg) no-repeat;	
	overflow:hidden;	
}
#page2 .bladeCountGroup{
	width:1858px;
	overflow:hidden;	
}
#page2 .bladeCountItem{
	float:left;	
	width:1860px;	
	height:1045px;
	padding:16px 0 15px;
	text-align:center;
}
#bladeCountSelect{
	position:absolute;
	top:60px;
	left:680px;
	width:1110px;
	height:80px;
}
#bladeCountSelect .bladeCountSelecter{
	width:1110px;
	height:80px;
}
#bladeCountSelect .bladeCountOption{
	position:absolute;
	top:0;
	height:80px;
}
#bladeCountSelecterA{
	background:url(../images/blade_count/blade_A.png) 0 -90px;	
	position:relative;
}
#bladeCountSelecterA_6{
	width:173px;
	left:33px;
}
#bladeCountSelecterA_7{
	width:174px;
	left:206px;
}
#bladeCountSelecterA_8{
	width:173px;
	left:380px;
}
#bladeCountSelecterA_9{
	width:174px;
	left:553px;
}
#bladeCountSelecterA_11{
	width:173px;
	left:727px;
}
#bladeCountSelecterA_13{
	width:173px;
	left:900px;
}
#bladeCountSelecterA_6.selected{
	background:url(../images/blade_count/blade_A.png) -33px 0;	
}
#bladeCountSelecterA_7.selected{
	background:url(../images/blade_count/blade_A.png) -206px -0;	
}
#bladeCountSelecterA_8.selected{
	background:url(../images/blade_count/blade_A.png) -380px -0;	
}
#bladeCountSelecterA_9.selected{
	background:url(../images/blade_count/blade_A.png) -553px -0;	
}
#bladeCountSelecterA_11.selected{
	background:url(../images/blade_count/blade_A.png) -727px -0;	
}
#bladeCountSelecterA_13.selected{
	background:url(../images/blade_count/blade_A.png) -900px -0;	
}
#bladeCountSelecterCD{
	background:url(../images/blade_count/blade_CD.png) 0 -90px;	
	position:relative;
}
#bladeCountSelecterCD_6{
	width:95px;
	left:33px;
}
#bladeCountSelecterCD_7{
	width:94px;
	left:128px;
}
#bladeCountSelecterCD_8{
	width:94px;
	left:222px;
}
#bladeCountSelecterCD_9{
	width:94px;
	left:316px;
}
#bladeCountSelecterCD_10{
	width:95px;
	left:410px;
}
#bladeCountSelecterCD_11{
	width:94px;
	left:505px;
}
#bladeCountSelecterCD_12{
	width:95px;
	left:599px;
}
#bladeCountSelecterCD_13{
	width:94px;
	left:694px;
}
#bladeCountSelecterCD_14{
	width:94px;
	left:788px;
}
#bladeCountSelecterCD_15{
	width:95px;
	left:882px;
}
#bladeCountSelecterCD_16{
	width:94px;
	left:977px;
}
#bladeCountSelecterCD_6.selected{
	background:url(../images/blade_count/blade_CD.png) -33px 0;	
}
#bladeCountSelecterCD_7.selected{
	background:url(../images/blade_count/blade_CD.png) -128px -0;	
}
#bladeCountSelecterCD_8.selected{
	background:url(../images/blade_count/blade_CD.png) -222px -0;	
}
#bladeCountSelecterCD_9.selected{
	background:url(../images/blade_count/blade_CD.png) -316px -0;	
}
#bladeCountSelecterCD_10.selected{
	background:url(../images/blade_count/blade_CD.png) -410px -0;	
}
#bladeCountSelecterCD_11.selected{
	background:url(../images/blade_count/blade_CD.png) -505px -0;	
}
#bladeCountSelecterCD_12.selected{
	background:url(../images/blade_count/blade_CD.png) -599px -0;	
}
#bladeCountSelecterCD_13.selected{
	background:url(../images/blade_count/blade_CD.png) -694px -0;	
}
#bladeCountSelecterCD_14.selected{
	background:url(../images/blade_count/blade_CD.png) -788px -0;	
}
#bladeCountSelecterCD_15.selected{
	background:url(../images/blade_count/blade_CD.png) -882px -0;	
}
#bladeCountSelecterCD_16.selected{
	background:url(../images/blade_count/blade_CD.png) -977px -0;	
}
#bladeCountSelecterE{
	background:url(../images/blade_count/blade_E.png) 0 -90px;	
	position:relative;
}
#bladeCountSelecterE_5{
	width:150px;
	left:32px;
}
#bladeCountSelecterE_6{
	width:147px;
	left:182px;
}
#bladeCountSelecterE_7{
	width:148px;
	left:330px;
}
#bladeCountSelecterE_8{
	width:148px;
	left:478px;
}
#bladeCountSelecterE_9{
	width:149px;
	left:626px;
}
#bladeCountSelecterE_11{
	width:148px;
	left:775px;
}
#bladeCountSelecterE_13{
	width:150px;
	left:923px;
}
#bladeCountSelecterE_5.selected{
	background:url(../images/blade_count/blade_E.png) -33px 0;	
}
#bladeCountSelecterE_6.selected{
	background:url(../images/blade_count/blade_E.png) -182px 0;	
}
#bladeCountSelecterE_7.selected{
	background:url(../images/blade_count/blade_E.png) -330px -0;	
}
#bladeCountSelecterE_8.selected{
	background:url(../images/blade_count/blade_E.png) -478px -0;	
}
#bladeCountSelecterE_9.selected{
	background:url(../images/blade_count/blade_E.png) -626px -0;	
}
#bladeCountSelecterE_11.selected{
	background:url(../images/blade_count/blade_E.png) -775px -0;	
}
#bladeCountSelecterE_13.selected{
	background:url(../images/blade_count/blade_E.png) -923px -0;	
}
.bladeCountSelecter{
	display:none;
}
/* Page 3 - Fan Specs */
#page3 .fanSpecs{
	display:none;	
}
/* Page 4 - Blade Pitch */
#page4 .mainPanel{
	overflow:hidden;
	background:#6a6a6a;	
}
#page4 .bladePitchGroup{
	position:absolute;	
}
#page4 .bladePitchItem{
	position:absolute;
}
/*
#page4 .bladePitchGroup{
	width:100000px;
	margin-left:-5580px;
	overflow:hidden;	
}
#page4 .bladePitchItem{
	float:left;	
	width:1860px;	
	margin:0; 
	padding:0;
	height:1076px;
	text-align:center;
}*/
#bladePitchSelect{
	position:absolute;
	top:60px;
	left:680px;
	width:1110px;
	height:80px;
}
#bladePitchSelect .bladePitchSelecter{
	width:1110px;
	height:80px;
}
#bladePitchSelect .bladePitchOption{
	position:absolute;
	top:0;
	height:80px;
}
#bladePitchSelecter{
	background:url(../images/degree_rotation.png) 0 -90px;	
	position:relative;
}
#bladePitch-15{
	width:148px;
	left:33px;
}
#bladePitch-10{
	width:148px;
	left:181px;
}
#bladePitch-5{
	width:149px;
	left:329px;
}
#bladePitch0{
	width:148px;
	left:478px;
}
#bladePitch5{
	width:149px;
	left:626px;
}
#bladePitch10{
	width:148px;
	left:775px;
}
#bladePitch15{
	width:149px;
	left:923px;
}
#bladePitch-15.selected{
	background:url(../images/degree_rotation.png) -33px 0;	
}
#bladePitch-10.selected{
	background:url(../images/degree_rotation.png) -181px -0;	
}
#bladePitch-5.selected{
	background:url(../images/degree_rotation.png) -329px -0;	
}
#bladePitch0.selected{
	background:url(../images/degree_rotation.png) -478px -0;	
}
#bladePitch5.selected{
	background:url(../images/degree_rotation.png) -626px -0;	
}
#bladePitch10.selected{
	background:url(../images/degree_rotation.png) -775px -0;	
}
#bladePitch15.selected{
	background:url(../images/degree_rotation.png) -923px -0;	
}
/* Page 5 - Blade Direction */
.bladeDirectionGroup{
	position:absolute;	
}
.bladeDirectionItem{
	position:absolute;
	display:none;	
}
#bladeDirectionSelect{
	position:absolute;
	top:60px;
	left:680px;
	width:1110px;
	height:80px;
}
#bladeDirectionSelecter{
	width:1110px;
	height:80px;
	background:url(../images/spin_direction.png) 0 -90px;	
	position:relative;
}
#bladeDirectionSelect .bladeDirectionOption{
	position:absolute;
	top:0;
	height:80px;
}
#bladeDirectionL{
	width:521px;
	left:32px;
}
#bladeDirectionR{
	width:520px;
	left:553px;
}
#bladeDirectionL.selected{
	background:url(../images/spin_direction.png) -33px 0;	
}
#bladeDirectionR.selected{
	background:url(../images/spin_direction.png) -553px -0;	
}
/* Page 6 - Product Video */
#page6 .mainPanel{
	overflow:hidden;
}

/* Page 7 - 3D Model */
#page7 .mainPanel{
	overflow:hidden;
	background:#000;
}
