/* PARALLAX SCROLLING EXPERIMENT
   Master Styles
   Author: Jonathan Nicol (f6design.com)
*****************************************************************/


/* Global reset
   http://meyerweb.com/eric/tools/css/reset/ 
*****************************************************************/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* Extended base styles (site specific)
*****************************************************************/

html { 
	/*overflow-x: hidden;  always force a scrollbar in non-IE */
	}


/* Common shared styles
*****************************************************************/



/* Page structure
*****************************************************************/

#wrapper {
	position: relative;
}



/* Parallax
*****************************************************************/

/* content */
#content {
		z-index:-10000 !important;
	position: relative;
	max-width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	line-height: 1.7;
	}
	#content article {
		width: 300px;
		}
		#manned-flight ,
		#back1,
		#back2,
		#back3 {
			padding-top: 105px;
			z-index:-20px;
			}
		#manned-flight {
			position: absolute;
			top: 0px;
			}
		#back1 {
			position: absolute;
			top: 5px;
			
			}
		#back2 {
			position: absolute;
			top: 5px;
			}
	
		#back3 {
			position: absolute;
			top: 5px;
			}
/* foreground (ballons/landscape) */
#parallax-bg3 {
	z-index: 3;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 940px;
	margin-left: -470px;
		z-index:-10000 !important; /* move left by half element's width */
	}
	/* balloon */
	#bg3-1 {
		position: absolute;
		top:200px;
		left: -80px;
		z-index:-10;
		}
	#bg3-2 {
		position: absolute;
		top: 2px;
		left: -200px;
		}
	#bg3-3 {
		position: absolute;
		top: 600px;
		left: -83px;
		}
	#bg3-4 {
		position: absolute;
		top: 00px;
		left: -85px;
		}
/* midground (clouds) */
#parallax-bg2 {
		z-index:-10000 !important;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 960px;
	margin-left: -480px; /* move left by half element's width */
	}
	#bg2-1 {
		position: absolute;
		top: 162px;
		left: 200px;
		}
	#bg2-2 {
	position: absolute;
	top: 114px;
	left: 1003px;
		}
	#bg2-3 {
		position: absolute;
		top: 543px;
		left: -35px;
		}
	#bg2-4 {
		position: absolute;
		top: 1180px;
		left: 250px;
		}
	#bg2-5 {
	position: absolute;
	top: 459px;
	left: 827px;
		}
/* background (clouds) */
#parallax-bg1 {
		z-index:-10000 !important;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 960px;
	margin-left: -480px; /* move left by half element's width */
	}
	#bg1-1 {
		position: absolute;
		top: 85px;
		left: -270px;
		}
	#bg1-2 {
	position: absolute;
	top: 560px;
	left: 718px;
		}
	#bg1-3 {
		position: absolute;
		top: 200px;
		left: -220px;
		}
	#bg1-4 {
		position: absolute;
		top: 100px;
		left: 450px;
		}