/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	min-width: 980px;
	padding: 0;
    background-color: #000;
}

p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

a {
	text-decoration:none;
	color:#FFFFFF;
}

a.black {
	text-decoration:none;
	color:#000000;
}

a.grey {
	text-decoration:none;
	color:#C4C4C4;
}

a:hover {color:#FF0000;}   /* mouse over link */





h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:georgia, Verdana, sans-serif;
	font-size: 18px;
	font-weight:400;
	font-style:normal;
}


#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
	z-index: 300;
}

.float-right{
	float: right;
	text-align: right;
	z-index: 300;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
	top: 20%;
	z-index: 999;
}

#nav li{
	margin: 0 0 10px 0;	
}

#header, #intro, #first{
	width: 100%;
}

#static{
position:relative;
width:100%;
}

#intro{
	background:url(images/Intro.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 900px;
	margin: 0 auto;
	padding: 160px 0 0 0;
}

#first{
	background: url(images/Face1.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#first .bg{
	background-image: url(images/ImageText1.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 659px;
	width: 969px;
	z-index: 200;
	position: absolute;
}

#second{
	background: url(images/Face2.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#second .bgsecond{
	background-image: url(images/ImageText2.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 800px;
	width: 1098px;
	z-index: 200;
	position: absolute;
}

#third{
	background: url(images/Face3.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#third .bgthird{
	background-image: url(images/ImageText3.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 800px;
	width: 733px;
	z-index: 200;
	position: absolute;
}

#fourth{
	background: url(images/Face4.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#fourth .bgfourth{
	background-image: url(images/ImageText4.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 800px;
	width: 1000px;
	z-index: 200;
	position: absolute;
}

#fifth{
	background: url(images/Face5.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#fifth .bgfifth{
	background-image: url(images/ImageText5.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 800px;
	width: 968px;
	z-index: 200;
	position: absolute;
}

#sixth{
	background: url(images/Face6.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#sixth .bgsixth{
	background-image: url(images/ImageText6.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 954px;
	width: 1098px;
	z-index: 200;
	position: absolute;
}

#seventh{
	background: url(images/Face7.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#seventh .bgseventh{
	background-image: url(images/ImageText7.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 954px;
	width: 1061px;
	z-index: 200;
	position: absolute;
}

#eighth{
	background: url(images/Face8.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#eighth .bgeighth{
	background-image: url(images/ImageText8.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 650px;
	width: 540px;
	z-index: 200;
	position: absolute;
}

#ninth{
	background: url(images/Face9.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#ninth .bgninth{
	background-image: url(images/ImageText9.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 654px;
	width: 649px;
	z-index: 200;
	position: absolute;
}

#tenth{
	background: url(images/Face10.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#tenth .bgtenth{
	background-image: url(images/ImageText10.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 954px;
	width: 550px;
	z-index: 200;
	position: absolute;
}

#eleventh{
	background: url(images/Face11.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#eleventh .bgeleventh{
	background-image: url(images/ImageText11.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 954px;
	width: 740px;
	z-index: 200;
	position: absolute;
}

#twelfth{
	background: url(images/Face12.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#twelfth .bgtwelfth{
	background-image: url(images/ImageText12.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 954px;
	width: 758px;
	z-index: 200;
	position: absolute;
}

#thirteenth{
	background: url(images/Face13.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#thirteenth .bgthirteenth{
	background-image: url(images/ImageText13.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 954px;
	width: 545px;
	z-index: 200;
	position: absolute;
}

#fourteenth{
	background: url(images/Face14.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#fourteenth .bgfourteenth{
	background-image: url(images/ImageText14.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 954px;
	width: 554px;
	z-index: 200;
	position: absolute;
}

#fifteenth{
	background: url(images/Face15.jpg) 50% 0% no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

#fifteenth .bgfifteenth{
	background-image: url(images/ImageText15.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 2254px;
	width: 300px;
	z-index: 200;
	position: absolute;
}

.story{
	margin: 0 auto;
	min-width: 980px; 
	overflow: auto;
	width: 1100px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}

.slide {
	width: 100%;
}

#nav li.zero a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav0.png') 0px -24px no-repeat;
}

#nav li.zero a:hover, #nav li a.active {
	background: transparent url('images/nav0.png') 0px 0px no-repeat;
}

#nav li.zero a.current {
	background: transparent url('images/nav0.png') 0px -12px no-repeat;		
}

#nav li.one a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav1.png') 0px -24px no-repeat;
}

#nav li.one a:hover, #nav li a.active {
	background: transparent url('images/nav1.png') 0px 0px no-repeat;
}

#nav li.one a.current {
	background: transparent url('images/nav1.png') 0px -12px no-repeat;		
}

#nav li.two a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav2.png') 0px -24px no-repeat;
}

#nav li.two a:hover, #nav li a.active {
	background: transparent url('images/nav2.png') 0px 0px no-repeat;
}

#nav li.two a.current {
	background: transparent url('images/nav2.png') 0px -12px no-repeat;		
}

#nav li.three a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav3.png') 0px -24px no-repeat;
}

#nav li.three a:hover, #nav li a.active {
	background: transparent url('images/nav3.png') 0px 0px no-repeat;
}

#nav li.three a.current {
	background: transparent url('images/nav3.png') 0px -12px no-repeat;		
}

#nav li.four a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav4.png') 0px -24px no-repeat;
}

#nav li.four a:hover, #nav li a.active {
	background: transparent url('images/nav4.png') 0px 0px no-repeat;
}

#nav li.four a.current {
	background: transparent url('images/nav4.png') 0px -12px no-repeat;		
}

#nav li.five a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav5.png') 0px -24px no-repeat;
}

#nav li.five a:hover, #nav li a.active {
	background: transparent url('images/nav5.png') 0px 0px no-repeat;
}

#nav li.five a.current {
	background: transparent url('images/nav5.png') 0px -12px no-repeat;		
}

#nav li.six a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav6.png') 0px -24px no-repeat;
}

#nav li.six a:hover, #nav li a.active {
	background: transparent url('images/nav6.png') 0px 0px no-repeat;
}

#nav li.six a.current {
	background: transparent url('images/nav6.png') 0px -12px no-repeat;		
}

#nav li.seven a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav7.png') 0px -24px no-repeat;
}

#nav li.seven a:hover, #nav li a.active {
	background: transparent url('images/nav7.png') 0px 0px no-repeat;
}

#nav li.seven a.current {
	background: transparent url('images/nav7.png') 0px -12px no-repeat;		
}

#nav li.eight a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav8.png') 0px -24px no-repeat;
}

#nav li.eight a:hover, #nav li a.active {
	background: transparent url('images/nav8.png') 0px 0px no-repeat;
}

#nav li.eight a.current {
	background: transparent url('images/nav8.png') 0px -12px no-repeat;		
}

#nav li.nine a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav9.png') 0px -24px no-repeat;
}

#nav li.nine a:hover, #nav li a.active {
	background: transparent url('images/nav9.png') 0px 0px no-repeat;
}

#nav li.nine a.current {
	background: transparent url('images/nav9.png') 0px -12px no-repeat;		
}

#nav li.ten a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav10.png') 0px -24px no-repeat;
}

#nav li.ten a:hover, #nav li a.active {
	background: transparent url('images/nav10.png') 0px 0px no-repeat;
}

#nav li.ten a.current {
	background: transparent url('images/nav10.png') 0px -12px no-repeat;		
}

#nav li.eleven a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav11.png') 0px -24px no-repeat;
}

#nav li.eleven a:hover, #nav li a.active {
	background: transparent url('images/nav11.png') 0px 0px no-repeat;
}

#nav li.eleven a.current {
	background: transparent url('images/nav11.png') 0px -12px no-repeat;		
}

#nav li.twelve a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav12.png') 0px -24px no-repeat;
}

#nav li.twelve a:hover, #nav li a.active {
	background: transparent url('images/nav12.png') 0px 0px no-repeat;
}

#nav li.twelve a.current {
	background: transparent url('images/nav12.png') 0px -12px no-repeat;		
}

#nav li.thirteen a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav13.png') 0px -24px no-repeat;
}

#nav li.thirteen a:hover, #nav li a.active {
	background: transparent url('images/nav13.png') 0px 0px no-repeat;
}

#nav li.thirteen a.current {
	background: transparent url('images/nav13.png') 0px -12px no-repeat;		
}

#nav li.fourteen a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav14.png') 0px -24px no-repeat;
}

#nav li.fourteen a:hover, #nav li a.active {
	background: transparent url('images/nav14.png') 0px 0px no-repeat;
}

#nav li.fourteen a.current {
	background: transparent url('images/nav14.png') 0px -12px no-repeat;		
}

#nav li.fifteen a  {
	display: block;
	width: 14px;
	height: 12px;
	background: transparent url('images/nav15.png') 0px -24px no-repeat;
}

#nav li.fifteen a:hover, #nav li a.active {
	background: transparent url('images/nav15.png') 0px 0px no-repeat;
}

#nav li.fifteen a.current {
	background: transparent url('images/nav15.png') 0px -12px no-repeat;		
}