#Page.intro { height:280px; overflow:hidden; width:769px; }

#Page.intro .buttons,
#Page.intro .main,
#Page.intro .news { float:left; height:100%; padding:0; }

	#Page.intro .buttons, #Page.intro .news { border:1px solid #333; width:127px; }
	#Page.intro .main { border-top:1px solid #333; border-bottom:1px solid #333; width:509px; }
	#Page.intro ul { padding:0; }
	#Page.intro nav ul { margin:0; }
	/* buttons */
		#Page.intro .buttons nav li { border-top:1px solid #333; font-size:130%; padding:0; }
			#Page.intro .buttons nav li:first-child { border:0; }
			#Page.intro .buttons nav li a { color:#aaa; display:block; font-weight:bold; padding:10px; height:49px; letter-spacing: .1em; }
			#Page.intro .buttons li a:hover { color:#fff; }
			.stealth #Page.intro .buttons li a.active { color:#c2970e; }
			.sport #Page.intro .buttons li a.active { color:#b80c0c; }
	/* main */
	#Page.intro .main nav { border-top:1px solid #333; }
		#Page.intro .main nav li { display:block; border-left:1px solid #1a1a1a; float:left; padding:0; width:25%;  }
		#Page.intro .main nav li.half { width:253px;}
			#Page.intro .main nav li:first-child { border:0; }
			
			#Page.intro .main nav li a { border-style:solid; border-width:0 0 6px 0; border-color:#808080; color:#808080; display:block; height:16px; }
				#Page.intro .main nav li:hover a { border-color:#fff; color:#fff; }
				
	#Page.intro .main .pane { position:absolute; }
	
	#Page.intro .main .more-info { background:rgba(22,22,22,0.6); display:none; position:absolute; left:0; right:0; bottom:23px; padding:10px 20px; }
		#Page.intro .main .more-info.active { display:block; }
	
		.stealth #Page.intro .main .more-info { color:#c2970e; }
		.sport #Page.intro .main .more-info { color:#b80c0c; }
	/* news */
		#Page.intro .news li { border-top:1px solid #333; padding:0; list-style:none; height:55px; padding:7px; }
			#Page.intro .news li:first-child { border:0; }
			
		#Page.intro .news h2 { font-size:105%; text-transform:uppercase; padding-bottom: 4px; }
			.stealth #Page.intro .news h2 { color:#c2970e; }
			.sport #Page.intro .news h2 { color:#b80c0c; }
			
		#Page.intro .news p { color:#575757; line-height:1; font-size:100%;}
		#Page.intro .news li span { color:#646464; }
		#Page.intro .news h3 { line-height:1; font-size:105%; }
			#Page.intro .news h3 a { color:#646464; }
				#Page.intro .news h3 a:hover { color:#fff; }
/* Page: film */
#Page.film { height:auto; position:relative; overflow:hidden; width: 866px; }
	#Page.film .module { padding:0; }
/* Page: imagery */
#Page.imagery { height:auto; position:relative; width:864px; }
	#Page.imagery .module { overflow:hidden; padding:0; }
	#Page.imagery .handles { padding:0; }
		#Page.imagery .handles li { background:#1a1a1a; cursor:pointer; list-style:none; float:left; display:block; margin-right:2px;  padding:0; width:49px; height: 34px; }
		#Page.imagery .handles li.active { background:#333;}
                #Page.imagery .handles li img { width:45px; height:30px; padding: 2px; }
	#Page.imagery .flipbook { height:480px; }
	
	#Page.imagery .flipbook .button { background:transparent no-repeat center center; bottom:180px; cursor:pointer; color:#b3b3b3; display:none; height:20px; line-height:20px; position:absolute; text-align:center; text-transform:uppercase; width:68px; z-index:6; }
	#Page.imagery .flipbook:hover .button { display: block; }
        #Page.imagery .flipbook .button:hover { color:#fff; }
		#Page.imagery .flipbook .next { background-image:url('../images/next_btn.png'); right:20px;  }
		#Page.imagery .flipbook .prev { background-image:url('../images/prev_btn.png'); left:20px;  }
		
/* Page: technology */
#Page.technology { overflow:hidden; width:864px; }
	#Page.technology .module { padding:0; }
/* Page: configure */
/* Sean: Is Dumb. Jeremy is Stoopid. */
#Page.intro-configure { background:url('/style/configure/images/solar_roof.png') no-repeat center -20px;position:relative; width: 764px; height: 600px; overflow:hidden; margin-top:32px; }
	#Login-Container {  padding:122px 128px 0; width:504px; height:320px; background: rgba(0,0,0,0.8); }
	#Page.intro-configure .module h3 { border-bottom:1px solid #333; padding-bottom:13px; margin-bottom:3px; }
	
	#Page.intro-configure .module ul { list-style:none; padding:0; }
		#Page.intro-configure .module ul li { color:#bcbcbc; font-weight:bold; text-transform:uppercase; }
			.stealth #Page.intro-configure .module ul li:first-child { color:#c2970e; } /* TODO: change to .active */
			.sport #Page.intro-configure .module ul li:first-child { color:#b80c0c; } /* TODO: change to .active */
		#Page.intro-configure .module ul li:hover { color:#fff; }
	
			
			#Page.intro-configure #Begin { background:#000; border:1px dotted #fff; color:#fff; cursor:pointer; display:block; font-size:90%; text-align:center; padding:5px 0; text-transform:uppercase; width:120px; }
				.stealth #Page.intro-configure #Begin { border-color:#c2970e;  }
				.sport #Page.intro-configure #Begin { border-color:#b80c0c;  }
/* timeline */
#TimeLineBar { background:url('images/intro_bar_cap.gif') no-repeat center center; height:9px; width:1024px; left:50%; margin-left:-512px; position:fixed; bottom:25px; padding:1px 0; z-index:4; }
	#TimeLineFill { height:100%; width:0px; }
	.stealth #TimeLineFill { background:#c2970e;  }
	.sport #TimeLineFill { background:#b80c0c;  }
	
#TimeLineButtons { position:fixed; bottom:21px; left:0; width:100%; height:80px; background:#000; z-index:3; }
	#TimeLineButtons ul { overflow:hidden; margin:0 auto; padding-top:48px; width:1024px; }
	#TimeLineButtons li { float:left; display:block; width:25%; list-style:none; text-transform:uppercase; }
		#TimeLineButtons li a { display:block; font-size:90%; font-weight:bold; color:#aaa; padding:0 10px; }
		.stealth #TimeLineButtons li.active a { color:#c2970e; }
		.sport #TimeLineButtons li.active a { color:#b80c0c; }
#TimeLineClose { font-weight:bold; font-size:70%; position: fixed; bottom:38px; right:50%; margin-right:-502px; color:#3d3d3d; z-index:3;  text-transform:uppercase;}
	#TimeLineClose:hover { color:#fff; }