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


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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

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




body {
	overflow-x: hidden;
	height: 800px;
	width: 11800px;
	line-height: 1.5;
	color: #000;
	font-size: 14px;
	font-family: Arial,sans-serif;
}





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

/* content */
#content {
	z-index: 4;
	position: relative;
	max-width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	line-height: 1.7;
	}
	#content article {
		width: 300px;
		}
		#manned-flight ,
		#frameless-parachute,
		#english-channel,
		#about {
			padding-top: 105px;
			}
		#manned-flight {
			position: absolute;
			top: 0px;
			}
		#frameless-parachute {
			position: absolute;
			top: 1090px;
			}
		#english-channel {
			position: absolute;
			top: 2180px;
			}
			#content h1 {
				margin: 0 0 25px 0;
				font-size: 60px;
				font-family: Georgia, serif;
				font-weight: normal;
				line-height: 65px;
				}
		#about {
			position: absolute;
			top: 3270px;
			}




/* foreground (ballons/landscape) */


#parallax-backgroundCenter {
	z-index: -1;
	position: fixed;
	top: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 500px;
	margin-left: 200px; /* move left by half element's width */
	}
	
#parallax-backgroundCenter-1-1 {
height:862px;
width:1044px;
position: absolute;
top: 300px;
left: -100px;
}
		
		
#parallax-3dhorse {
z-index: -2;
position: fixed;
top: 0%; /* align left edge with center of viewport */
top: 0;
width: 500px;
margin-left: 200px; /* move left by half element's width */
}
		
			
#parallax-3dhorse-1-1 {
height:1240 px;
width:1010 px;
position: absolute;
top: 70px;
left: -600px;
}

#parallax-gluebird {
z-index: -1;
position: fixed;
left: 0%; /* align left edge with center of viewport */
top: 0;
width: 500px;
margin-left: 200px; /* move left by half element's width */
}
		
			
#parallax-gluebird-1-1 {
position: absolute;
top: 100px;
left: 7100px;
height: 1000px;
width: auto;
}
		

#parallax-waterpunch {
z-index: -1;
position: fixed;
left: 0%; /* align left edge with center of viewport */
top: 0;
width: 500px;
margin-left: 200px; /* move left by half element's width */
}
		
			
#parallax-waterpunch-1-1 {
position: absolute;
top: 100px;
left: 7400px;
}
			
#parallax-photohole {
z-index: -1;
position: fixed;
left: 0%; /* align left edge with center of viewport */
top: 0;
width: 500px;
margin-left: 200px; /* move left by half element's width */
}
		
			
#parallax-photohole-1-1 {
position: absolute;
top: 100px;
left: 4400px;
}

#parallax-scrible {
z-index: -1;
position: fixed;
left: 0%; /* align left edge with center of viewport */
top: 0;
width: 500px;
margin-left: 200px; /* move left by half element's width */
}
		
			
#parallax-scrible-1-1 {
position: absolute;
height: auto;
width: 1700px;
top: 200px;
left: 10900px;
}