/*CSS Document*/

img { border:none; }
a { outline:none; }
.hidden { display:none; visibility:hidden; }

body{
	margin:0;
	background:black;
	height:100%;
	width:100%;
	color:#333;
	font-family:"Times New Roman", serif;
	font-size:14px;
	}
	
	
	.header {
		position:relative;
		z-index:900;
		height:128px;
		width:800px;
		left:50%;
		margin-left:-400px;
		}
		
		#gamelogo {
	position:absolute;
	z-index:1000;
	top:-10px;
	left:194px;
	width: 436px;
	height: 180px;
			}
		
	.hide {
		display:none;
		}
		
	a img, map {border:none;}
		
/* -----------
   Parallax 
   ----------- */
		 
	#parralax-container {
	position:absolute;
	width:100%;
	height:950px;
	top:0;
	right:0;
	left:-1px;
	bottom:0;
	overflow:hidden;
		}
	
	#parallax {
		background:black;
		position:relative;
		height:100%;
		width:1200px;
		left:50%;
		margin-left:-600px;
		}
 		
	.town {
		position:absolute;
		height:108%;
		width:108%;
		}
		
		.town span {
			position:absolute;
			left:50%;
			top:70px;
			margin-left:-587px;
			background:transparent url('../img/townbg.jpg') center top no-repeat;
			width:1175px;
			height:1081px;
			}
		
	.foreground {
		position:absolute;
		height:106%;
		width:106%;
		}
		
		.foreground span {
			position:absolute;
			left:50%;
			margin-left:-798px;
			background:transparent url('../img/foreground.png') center top no-repeat;
			width:1596px;
			height:1102px;
			}
		
	.stars1 {
		position:absolute;
		height:102%;
		width:102%;
		
		}
		
		.stars1 span {
			position:absolute;
			left:50%;
			margin-left:-750px;
			background:transparent url('../img/stars1.png') center top no-repeat;
			width:1500px;
			height:253px;
			}
		
	.stars2 {
		position:absolute;
		height:98%;
		width:98%;
		}
		
		.stars2 span {
			position:absolute;
			left:50%;
			margin-left:-750px;
			background:transparent url('../img/stars2.png') center top no-repeat;
			width:1500px;
			height:253px;
			}
			
			
/* -----------
   Nav 
   ----------- */

	.nav {
		position: absolute;
		top:35px;
		*top:50px;
		left:50px;
		*left:15px;
		width: 675px; 
		height: 40px;
		}
		
	.nav li {
		height: 30px; 
		position: absolute; 
		display: block; 
		list-style: none;
		background: transparent url('../img/nav.png');
		text-indent:-9999px;
		}
		
	.nav a { 
		height: 30px; 
		display: block;
		}
		
			.nav #nav-thegame 		{left: 110px; width: 106px; background-position: 0 0;}
			.nav #nav-trailer 		{left: 475px; width: 89px; background-position: -106px 0;}
			.nav #nav-download		{left: 580px; width: 123px; background-position: -195px 0;}
			
			.nav #nav-thegame a:hover,
			.thegame #nav-thegame		{background:url('../img/nav.png')  0px -28px no-repeat;}
			
			.nav #nav-trailer a:hover,
			.trailer #nav-trailer		{background:url('../img/nav.png')  -106px -28px no-repeat;}
			
			.nav #nav-download a:hover,
			.download #nav-download		{background:url('../img/nav.png')  -195px -28px no-repeat;}
			
/* --- --- */

	.mininav {
		position: absolute;
		top:700px
		height: 29px;
		
		}
		
	.mininav li {
		height: 29px; 
		position: absolute; 
		display: block; 
		list-style: none;
		background: transparent url('../img/mininav.png');
		text-indent:-9999px;
		}
		
	.mininav a { 
		height: 29px; 
		display: block;
		}
		
			.mininav .back 		{left: 5px; *left:-30px; top:500px; width: 73px; background-position: 0 0;}
			.mininav .next 		{left: 740px; *left:700px; top:500px; width: 73px; background-position: -73px 0;}
			
			.mininav .back a:hover	{background:url('../img/mininav.png')  0px -29px no-repeat;}
			
			.mininav .next a:hover	{background:url('../img/mininav.png')  -73px -29px no-repeat;}

#content {
	position:absolute;
	width:820px;
	left:50%;
	margin-left:-410px;
	top:-20px;
	overflow:hidden;
	height: 921px;
	}
	
.section {
	width:3280px;
	background:transparent;
	}
	
	ul.section {
		position:relative;
		list-style-type: none;
		margin:0;
		padding:0;
		}
	
	.sub {
		padding-top:200px;
		width:820px;
		margin:0;
		float:left;
		}

#thegame {
	background:transparent url('../img/introbg.jpg') center 200px no-repeat;
	height:540px;
	line-height:1.3em;
	}
	
	#thegame .subsub {
		padding:80px  40px 0 330px;
		}
	
	#thegame h2 {
		display:block;
		height:30px;
		text-indent:-9999px;
		background:transparent url('../img/entertheworld.png') top center no-repeat;
		margin:0;
		}
	
	#thegame h4 {
		text-align:center;
		color:#3a4647;
		font-weight:normal;
		margin:0 0 60px 0;
		}
		
	#thegame p span {
		font-size:36px;
		heigsht:35px;
		float:left;
		display:inline;
		padding:10px 6px 0 0;
		}
		
	#viewtrailer {
		position:relative;
		margin:40px 0 40px 0;
		left:70px;
		border:none;
		}
		
#trailer {
	background:transparent url('../img/trailerbg.png') center 200px no-repeat;
	height:540px;
	}
	
	#video {
		position:relative;
		z-index:1000;
		left:2px;
		top:2px;
		}
		
#download {
	background:transparent url('../img/comingsoonbg.jpg') center 200px no-repeat;
	height:540px;
	}
	
.downloadnow {
	display:block;
	height:280px;
	width:350px;
	background:transparent;
	position:relative;
	top:250px;
	left:230px;}
	
	.downloadnow span {display:none;}


/* sub nav games dropdown */
div.subnav { display:block; width:166px; position:absolute; z-index:901; top:27px; left:50%; margin-left:-250px; visibility:hidden; }