@charset "utf-8";

/* FRACKING CSS - LINDA DONG */

/* General */

html, body {
margin: 0;
padding: 0;
}

body {
background: #e1effd;
font-family: helvetica;
}

body a {
	text-rendering: optimizeLegibility;
	}

#wrapper {
overflow: hidden;
min-width: 800px;
}



a:link, a:visited {
text-decoration: none;
color: #909090;
padding: 0;
margin: 0;
}

a:hover { 
	color: #fff;
	}
	
ul a:link, ul a:visited {
	color: #909090;}
	
ul a:hover {
	color: #909090; }
	
em {
color: #ec3d2f;
font-weight: bold;
font-style: normal;
}

ul {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
}

hr {
border: 0px; 
height: 1px; 
background: #000;
padding: 0;
margin: 0;
}

img {
border: none;
}


h1, h2, h3, {
padding: 0; 
margin: 0;
text-decoration: none;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}

hgroup {z-index: 2000;}

		h1 {
		text-align: center;
		font-family: adrianna-extended-1,adrianna-extended-2, sans-serif;
		font-size: 72px;
		color: #fff;
		font-weight: 500;
		letter-spacing: 5px;
		line-height: 72px;
		z-index: 2000;
		}
			
		h2 {
		text-align: center;
		font-family:adrianna-extended-1,adrianna-extended-2, sans-serif;
		color: #111;
		text-transform: none;
		font-weight: 100;
		font-size: 20px; 
		margin: 0 0 10px 0;
		z-index: 2000;
		}
	
		h3 {
		position:relative;
		text-align: center;
		font-family: adrianna-extended-1,adrianna-extended-2, sans-serif;
		font-size: 12px;
		color: #111;
		font-weight: 500;
		letter-spacing: 1px;
		}
			
			h3#title {
			font-size: 20px;
			color: #111;
			margin: 70px 0 0 0;
			z-index: 10;
			}
			
			h3.white {color: #fff;}
		
		h4 {
		text-align: center;
		font-family: helvetica;
		font-size: 40px;
		color: #111;
		font-weight: 500;
		letter-spacing: 1px;
		line-height:0px;
		}
		
		h5 {
		text-align: center;
		font-family: helvetica;
		font-size: 20px;
		color: #111;
		font-weight: 200;
		letter-spacing: 1px;
		line-height:0px;
		}
		
		h6 {
		margin: 0px 40px 0px 40px;
		text-align: justified;
		font-family: helvetica;
		font-size: 14px;
		color: #111;
		font-weight: 500;
		letter-spacing: 1px;
		padding: 10px 20px;
		line-height: 2;
		
		}
		
		h7 {
		text-align: center;
		font-family: helvetica;
		font-size: 18px;
		color: #909090;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 2;
		font-style: italic;
		
		}
		
		h8 {
		text-align: left;
		font-family: helvetica;
		font-size: 30px;
		color: #fff;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 2;
		margin: 0px 40px 0px 40px;
		}
		
		h9 {
		margin: 0px 40px 0px 40px;
		text-align: justified;
		font-family: helvetica;
		font-size: 16px;
		color: #111;
		font-weight: 500;
		letter-spacing: 1px;
		padding: 10px 20px;
		line-height: 2;
		
		}
		

hr
{
  background-color: #ffcc00;
}
		
section {
padding: 10px 0;
margin: 0;
}



/* 1. Sky */

section#open {
background: #e1effd;
height: 1400px;
width: 100%;
padding: 100px 0 0 0;
position: relative; 
z-index:200;
}

		
	#mountains {
	position: absolute;
	top: 600px; 
	}
	
	#buildings {
	position: absolute;
	top: 1200px;
	}
	
	#bridge {
	position: absolute;
	top: 1900px;
	}

/* 2. Video */
	
section#video {
background: #F8F8F8;
height: 2400px;
width: 100%;
padding: 0px 0 10px 0;
position: absolute; 
z-index:400;
}

/* 3. Article */

section#article {
background: #F8F8F8;
height: 2800px;
width: 100%;
padding: 0px 0 0 0;
position: absolute; 
z-index:400;
}

/* 4. Photos */
section#photos {
background: #F8F8F8;
height: 800px;
width: 100%;
padding: 900px 0 0 0;
position: absolute; 
z-index:300;
}


/* 5. About */
section#about {
background: #ffcc00;
height: 850px;
width: 100%;
padding: 500px 0 0 0;
position: absolute; 
z-index:200;
}