html {
	padding:					0;
	height:						100%;
}

body {
	width: 						960px;
	height:						100%;
	margin-left: 				auto;
	margin-right: 				auto;
	padding:					0;
	-webkit-text-size-adjust:	none;
	background:					url(../img/page_bg.jpg) 0 0 fixed;
	overflow-x: 				hidden;
	
}	

* {
	outline:					none;
	border:						0;
	margin:						0;
	padding:					0;
}

#preloader, #preloader img {
	position: 					absolute;
	top: 						0px;
	left: 						0px;
	width: 						100%;
	height: 					5px;
}


p {
	font-size:					15px;
	font-family:				"FuturaBT-Light", Helvetica, sans-serif;
	color:						#D9D8BC;
	line-height: 				135%;
	opacity: 					.8;
	filter: 					alpha(opacity=80);
}

.inlineHeader {
	font-size:					15px;
	font-family:				"FuturaBT-Medium", Helvetica, sans-serif;
	color:						#F8F7D7;
}

#wrapper {
	/* Removed the below line as it was causing a layout bug with the fixed header element in newer Chrome versions */
	/*position: 					relative;*/ 
	width: 						960px;
	height:						100%;
	margin-left: 				auto;
	margin-right: 				auto;
}

#content {
	position:					relative;
	width:						960px;
	margin-left: 				auto;
    margin-right: 				auto;
	-webkit-box-shadow: 		0px 0px 10px 5px #666;
	-moz-box-shadow: 			0px 0px 10px 5px #666;
	box-shadow: 				0px 0px 10px 5px #666;
	overflow-x: 				hidden;
}

#layer-bomb {
	position:					fixed;
	top: 						0px;
	width:						960px;
	margin-left: 				auto;
	margin-right: 				auto;
	z-index:					4;	
}

#graphic-bomb {
	position:					absolute;
	left: 						99px;
}

#layer-bottomBG {
	position: 					fixed;
	bottom: 					-900px;
	width:						960px;
	margin-left: 				auto;
	margin-right: 				auto;
	z-index:					1;
}

#layer-bottomBG img {
	width: 						100%;
	height: 					100%;
}

.active, .over {
	position:					absolute;
	top:						0px;
	left:						0px;
	opacity:					0;	
	filter:						alpha(opacity=0); /* For IE8 and earlier */
}
	
.clear {
	clear:						both;
}