* { margin:0; padding:0; }
html, body { height:100%; }
body { background:#000; color:#777; font-size:100%; position:relative; }
body, input, textarea, select, button { font-family:Helvetica, Arial, sans-serif; }
a { -webkit-transition: all 0.25s }
	#Main { height:100%; margin:0; position:relative; }
	
	#Main.landing #Logo, #Main.landing #Breadcrumbs, #Main.landing #Mode ,#Main.landing #Footer , #Main.landing #Nav { display:none; }
	
		#Main a { text-decoration:none; }
		#Main a img { border:none; }
		#Header {  margin:0 auto; position:relative; width:1024px; padding:10px; z-index:8; }
				#Logo a { background:url('images/logo.png') no-repeat center center; display:block; height:50px; text-indent:-9999px; overflow:hidden; width:50px;}
			#Mode { background:url('images/mode_plus.gif') no-repeat center right; cursor:pointer;  font-size:60%; padding:5px 25px 5px 0; position:absolute; top:22px; right:10px; text-transform:uppercase; }
				#Mode #ModeCallout { display:none; background:#000 no-repeat 5px center; border:1px solid #404040; padding:10px 10px 10px 35px; position:absolute; right:0; top:30px; }
				#Mode:hover { background-image:url('images/mode_plus_hover.gif'); }
				#Mode:hover #CurrentMode { color:#fff; }
				#Mode:hover #ModeCallout { display:block; }
				
				#Mode #OtherMode { background:url('images/top_callout.png') no-repeat 80% top;  display:block; padding-top:18px; margin-top:-18px; white-space:nowrap; }
				
				
				
		#Header > .meta { font-size:60%; position:absolute; top:25px; right:120px; z-index:6;}
			#Header > .meta span { background:no-repeat center right; color:#857e7e; cursor:pointer; float:left; display:block; margin-left:15px; height:17px; line-height:17px; padding-right:20px; text-transform:lowercase; }
			#Header > .meta span:hover, #Header > .meta span:hover a { color:#fff; }
			#Header > .meta span a { color:#857e7e; }
			#Header > .meta .share { background-image:url('images/share_icon.png'); }
			#Header > .meta .download { background-image:url('images/brochure_icon.gif'); }
			#Header > .meta .fullscreen { background-image:url('images/fullscreen_icon.gif'); padding-right:30px; }
			
			#Breadcrumbs { list-style:none; padding:0; margin:0; position:absolute; top:22px; left:70px; }
				#Breadcrumbs li { display:inline-block; padding:0 2px; }
					#Breadcrumbs li a { font-size:60%; text-decoration:none; text-transform:uppercase; }
					
		#Content { color:#fff; position:absolute; top:70px; left:50%; bottom:140px; margin-left:-512px;  width:1024px; z-index:4; }
			#Page { font-size:60%; margin:0 auto; overflow:auto; position:relative; height:100%; width:512px; }
			#Page.narrow { width: 512px; }
			#Page.fullscreen { position:absolute; top:0; width:100%; }
			#Page.fullscreen .module { padding:0; }
			
				#Page .module-row { overflow-y:auto; position:absolute; top:273px; bottom:0; width:100%; }
			
				.module { box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 20px; padding:0 10px; position:relative; }
				.module.one-half, .module.one-quarter, .module.one-third, .module.one-sixth, .module.one-fifth, .module.one-eighth, .module.two-thirds, .module.three-quarters { float:left; }
					.module.one-half { width:50%; }
					.module.one-third { width:33.3%; }
					.module.one-quarter { width:25%; }
					.module.one-fifth { width:20%; }
					.module.one-sixth { width: 16.6%; }
					.module.one-eighth { width: 12.5%; }
					.module.two-thirds { width: 66%; }
					.module.three-quarters { width:75%; }
					
					#Page .module li, #Page .module dl, #Page .module p { font-size:110%; }
					
					#Page .module ul { padding:0; }
						#Page .module li { padding:2px 0; }
					
					
					#Page .module nav ul { list-style:none; padding:0; }
						#Page .module nav li { font-size:105%;  }
						#Page .module nav > ul { margin-left:-10px; }
						#Page nav > ul > li { padding:5px 0; }
						#Page .module nav ul ul { padding:0 0 0 15px; }
							#Page nav ul ul > li { padding:2px 0; }
								.stealth #Page nav ul ul > li.active a { background:transparent; color:#fff; }
					#Page nav a { text-transform:uppercase; }
					
					#Content #Page a:hover { color:#fff; }
					#Page h3 { text-transform:uppercase; }
					
					#Page dl dt,
					#Page dl dd { float:left; display:block; margin:0; text-transform:uppercase; padding:5px 0;  }
					#Page dl dt { width:50%;}
					#Page dl dd { padding-left:5%; width:45%;} 
					
					#Page dl.calculator dt { clear:left; color:#808080; }
					#Page dl.calculator form input,
					#Page dl.calculator form button { display:block; float:left; height:20px; }
					#Page dl.calculator form input { border:0; color:#fff; font-size:90%; margin-right:2px; width:30px; }
						.stealth #Page dl.calculator form input { background:#392d04; }
						.sport #Page dl.calculator form input { background:#590000; }
					
					#Page dl.calculator form button { border:0; font-size:100%; font-weight:bold; font-family: Helvetica, Arial, sans-serif; padding:3px; text-transform:uppercase; }
						.stealth #Page dl.calculator form button { background:#c2970e; }
						.sport #Page dl.calculator form button { background:#b80c0c; }
					
					#Main object { background:#000; }
				.flipbook { position:relative; height:250px; }
				.flipbook img { position:absolute; top:0; }
			#Page.section-nav, #Page.splash, #Page.middle { position:static; height:auto; }
				#Page.section-nav .module { margin:10px 0; }
				#Page.section-nav a { font-weight:bold; text-transform:uppercase; }
				#Page.section-nav a img { border:1px solid #1c1d1d; display:block; margin:0 0 5px; }
				
			#Page.splash { overflow:hidden; width:768px; }
			#Page.splash a { border:1px dotted #fff; display:block; margin:20px 0; font-weight:bold; padding:5px 0; text-align:center; text-transform:uppercase; }
				#Page.splash .module:last-child { float:right; }
				#Page.splash h3 { margin:0 0 10px; }
					
					#FooterLanguage { display:none !important; }
				
			#Page nav li a { display:block; padding-left:10px;}
			
			#Page ul.flipbook-handles { padding:0; }
			#Page .flipbook-handles li { display:block; float:left; list-style:none; margin-right:2px; }
				#Page .flipbook-handles li a { background:#2e2e2e; display:block; height:7px; text-indent:-9999px; width:20px; }
			
			#Page.preloader, div.preloader-holder { height:480px; overflow:hidden; width:864px; }
			
			/* forms ***********************************/
			
			#Page .module fieldset { border:0; padding:10px 0; }
				#Page .module fieldset label { margin:5px 0; }
				#Page .module fieldset label input { background:#707070; border:0; color:#fff; font-size:100%; font-weight:bold; margin:5px 0; padding:5px; text-transform:uppercase; width:172px; }
				#Page .module fieldset label span { display:block; text-transform:uppercase; }
				
				#Page .module fieldset button { background:#2d2d2d; border:0; cursor:pointer; color:#656565; font-size:100%; font-weight:bold; padding:5px 4px; text-transform:uppercase; }
					#Page .module fieldset button:hover { color:#fff; }
			
	
				
				#Content #Page  nav > ul > li:first-child { padding-top:0; }
		#Nav { z-index: 3; border-top:1px solid #333; border-bottom:1px solid #333; background:#000; display:block; position:fixed; bottom:19px; left:0; width:100%; height: 69px; }
			#Nav ul { padding:0; margin:0; list-style:none; }
			#Nav li a { display:block; height:100%; text-decoration:none; text-transform:uppercase; }
			
			#Nav #PrimaryNav { border-left:1px solid #333; border-right:1px solid #333; height:69px; margin:0 auto; width:1024px; }
				#PrimaryNav > li { border-left:1px solid #333;  display:block; float:left; height:69px; font-size:90%; font-weight:bold; width:255px; }
				#PrimaryNav > li:first-child { border:0; }
					
					#PrimaryNav > li > a span { display:inline-block; padding:10px; }
					
					#PrimaryNav li .subnav { overflow:hidden; position:absolute; left:0; bottom:70px; width:100%;  }
					#PrimaryNav li.active .subnav {  border-top:1px solid #333; background: #000 url(images/secondary_nav_line.gif) scroll no-repeat center 0; }
					#PrimaryNav li.active .secondary {  height:40px;  }
					#PrimaryNav .secondary { display:block; font-size:100%; margin:0 auto; overflow:hidden;  height:0px; width:1024px; -webkit-transition:height 1.0s; }
						#PrimaryNav .secondary li { display:block; float:left; height:31px; font-size:80%; width:128px; }
							#PrimaryNav .secondary li a { border-right:1px solid #000; background:#fff; color:#000; }
							#PrimaryNav .secondary li a:hover { background:#808080; color:#fff; }
							#PrimaryNav .secondary li a span { display:inline-block; padding:0 10px; line-height:31px;}
							#PrimaryNav .secondary li:last-child a { border-right: none; }
								
					#ConfigureNav ul.secondary { padding-left: 129px; width: 896px; }
					#SustainabilityNav ul.secondary { padding-left: 128px; width: 896px; }
					#PrimaryNav #ExperienceNav .secondary {  padding-left: 384px; width: 640px; }
					
.overlay { position:absolute; top:0; left:0;  overflow:hidden; z-index:50; }
	.overlay.modal { background:#000; height:100%; width:100%; }
	.overlay img { cursor:pointer; display:block; max-width:100%; margin:0 auto; max-height:100%; }
	.share-overlay { background:#000; font-size:70%; height:360px; margin-left:-123px; margin-top:-180px; position:absolute; top:50%; left:50%;  width:246px; }
		.share-overlay .close-button { cursor:pointer; float:right; font-size:120%; }
			.share-overlay .close-button:hover { color:#fff; }
		.share-overlay .title { color:#fff; margin-bottom:30px; text-transform:uppercase;  }
		.share-overlay ul { overflow:hidden; }
			.share-overlay li { display:block; float:left; width:50%; list-style:none; text-transform:uppercase; }
				.share-overlay li a { color:#bcbcbc; text-decoration:none; }
					.share-overlay li a:hover { color:#fff; }
				
			.share-overlay form { clear:both; border-top:1px solid #333; margin:15px 0; }
				.share-overlay form fieldset { border:0; }
					.share-overlay form fieldset legend { font-size:80%; color:#c2970e; padding:5px 0 10px; text-transform:uppercase; }
						.share-overlay form fieldset legend label { margin:0; }
					
					.share-overlay form label { display:block; margin:5px 0; }
					.share-overlay form fieldset input, .share-overlay form fieldset textarea { border:0; background:#707070; color:#fff; display:block; font-size:100%; padding:3px; text-transform:uppercase; width:100%; }
					
						.share-overlay form fieldset textarea { height:150px;}
				
				
				.share-overlay form button { border:1px dotted #c2970e; background:#000; color:#fff; cursor:pointer; font-weight:bold; font-size:90%; padding:5px 45px; text-transform:uppercase; }
	.movie-popup { cursor:pointer; }
	.video-overlay { background:#000; }
	.video-overlay .close-button { position:absolute; cursor:pointer; font-size:60%; font-weight:bold; top:0; right:0; z-index:14; }
	
	
	
.not-logged-in .logged-in, .logged-in .not-logged-in { display: none; }
				
/* == WebKit Custom scrollbars ==
   =============== */
*::-webkit-scrollbar {
    width: 11px;
}

*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment {
    height: 0;
    display: none;
	
}

*::-webkit-scrollbar-track-piece {
    background-color: rgba(255,255,255,0.1);
}

*::-webkit-scrollbar-thumb:vertical {
    height: 20px;
    background-color: rgba(255,255,255,0.2);
}

*::-webkit-scrollbar-thumb:horizontal{
    width: 20px;
    background-color: rgba(255,255,255,0.2);
}

#Footer *::-webkit-scrollbar-track-piece {
    background-color: rgba(0,0,0,0.1);
}

#Footer *::-webkit-scrollbar-thumb:vertical {
    height: 20px;
    background-color: rgba(0,0,0,0.2);
}

#Footer *::-webkit-scrollbar-thumb:horizontal{
    width: 20px;
    background-color: rgba(0,0,0,0.2);
}