body {
	background:#000;
	margin:0;
	padding:0;
	font-family:Arial, sans-serif;
}

#megaWrapper {
	margin:auto;
	position:relative;
	width: 811px;
	height:456px;
	background:black;
	overflow:hidden;
	margin-bottom: 30px;
}

.lesson {
	position:absolute;
	width: 811px;
	height: 456px;
	top:500px;
}

#lessonInfo {
	width:500px;
	opacity:0;
	text-align:center;
	position:absolute;
	bottom:0;
	left: 50%;
	transform: translateX(-50%);
	height:40px;
	background:rgba(0, 0, 0, 0.3);
	color:white;
	line-height:40px;
}

/* tween control */
#speedGauge {
	position:relative;
	width:360px;
	height:366px;
	background: url(img/dial.png) no-repeat;
	cursor:pointer;
	margin: 50px auto 0 auto;
}

#pointer {
	position:absolute;
	left:180px;
	top:180px;
}

#center {
	position:absolute;
	left:160px;
	top:165px;
}

/* simple sequence */


#simpleSequence .panel {
	position: relative;
	width: 760px;
	height: 224px;
	background: #000;
	overflow: hidden;
}

#simpleSequence #bg {
	postion: absolute;
}

#simpleSequence #logo {
	position: absolute;
	left: 20px;
	top: 5px;
}

#simpleSequence #address {
	position: absolute;
	left: 483px;
	top: 184px;
	color:#fcb802;
	width:300px;
}

#simpleSequence #content {
	position: relative;
	width: 720px;
	padding:20px;
	background: #222;
	/*margin:0px auto 0 auto;*/
}

#simpleSequence h1 {
	margin:0;
	color:white;
}

#simpleSequence p{
	color:#ccc;
}

/* tweenmax */

#tweenmax #demo{
	position: relative;
	width: 788px;
	height: 340px;
	margin:0 auto 0 auto;
	padding-top:10px;
	background: #fff url(img/landscape.jpg);
	overflow: hidden;
}

#tweenmax #message{   
	position:relative;         
	margin:0px auto 0 auto;
	text-align:center;
	width:200px;
	font-size:36px;
	color:#fc0;
	margin-top:20px;
	background-color:#0096dc;
	font-family: Lucida, Arial, sans-serif;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding:20px;
	border: solid 4px #A2D0F3;
	/*visibility:hidden;*/
}

#tweenmax #car{
	position: absolute;
	left: -421px;
	background: url(img/cars_tiled.png) repeat-y;
	width: 421px;
	height: 1160px;
	top: 180px;
}

/*timelinelite*/




#timelinelite #page-wrap { 
	padding-top:20px;
	position: relative; 
	background:url(img/background_wind_cropped.jpg);
	width: 1280px; 
	height: 720px;
	margin: 0px auto; 
	overflow:hidden;
	padding-top: 100px;
}


#timelinelite p { 
	position:relative;
	width:80%;
	margin:20px auto;
	text-align:center;

	text-align:center;
	font-family:serif;
	font-size:18px;
	color:#eaf6ff;

}


#timelinelite h2 {
	position:relative;
	margin:16px 0 0 0;
	font-size:80px;
	line-height:80px;
	color:#fff;
	text-align:center;
}

#timelinelite #nav {
	text-align:center;
}
#timelinelite .button {

	background-color:#b65651;
	padding:14px;
	display:inline-block;
	color:#efefef;
	font-family:Arial, Helvetica, Verdana;
	font-size:12px;
	letter-spacing: 0.05em;
	margin-right:10px;
}



#timelinelite h2, #timelinelite p {
	text-shadow:4px 4px 8px rgba(0, 0, 0, 0.2);
}

/* rocketLaunch */
#rocketLaunch #demo {
	position:relative;
	width:400px;
	height:700px;
	background-color: #000;
	margin:auto;
	overflow:hidden;
	background:url(img/bg.png);
}
#rocketLaunch #rocket {
	position:absolute;
	top:400px;
	left:160px;
	width:78px;
	height:254px;  
}
#rocketLaunch #rocketImage {
	width:78px;
	height:254px;
	position:absolute;
	background:url(img/rocket.png);  
}
#rocketLaunch #flames {
	position:absolute;
	top:249px;
	left:27px;
	width:24px;
	height:84px;
	background:url(img/flames.png);
	overflow:hidden;
}
#rocketLaunch #countDown {
	position:absolute;
	font-size:80px;
	text-align:center;
	top:250px;
	width:400px;
	font-family: 'Orbitron', sans-serif;
	font-weight:bold;
	color:#f6ec11;
}

#gsapLogo{
  /*position:absolute;*/
  margin: auto;
  width:500px;
  height:370px;
}

#noble-logo {
	width: 280px;
	position: absolute;
	left: -30px;
	top: 345px;
	padding: 50px;
	overflow: visible;  /* For Firefox */
}

#replay{
  position:absolute;
  /*left:472px;*/
  right: 20px;
  top:417px;
  width:19px;
  height:19px;
  cursor:pointer;
}