body{
	padding: 				0px;
	margin: 				0px;
	background:				#111;
	color:					#fff;
	font-size:				10px;
	font-family:			Arial;
	overflow-y: 			scroll;
	overflow-x: 			hidden;
font-family: 'Asap', sans-serif;}

a{
	color:					#fff;
	text-decoration: 		none;
}
a:hover{
	color:					#E3CB98;
	cursor:					pointer;				
}

div{
	margin:					0px;
	padding:				0px;
}



/*HEADER*/

#Header{
	position:				fixed;
	left:					0px;
	top:					0px;
	width:					100%;
	height:					39px;
	background:				url("../images/header.png") repeat;
	z-index:				1002;
}

#menu{
	margin: 40px 0 0 30px; 
	width:200px
}


#linkLeft{
	line-height:			39px;
	font-size:				14px;
	/*margin-left:			50px;
	float:					left;*/
	font-style:				bold;
}

#facebook{
	background: 			url("../images/facebook.jpg");
	width:					39px;
	float:					right;
	height:					39px;
	margin-right:			30px;
}

#twitter{
	background: 			url("../images/twitter.jpg");
	width:					39px;
	height:					39px;
	float:					right;
}


/*BACKGROUND*/

#Background{
	position:				fixed;
	right:					0px;
	top:					0px;
	width:					100%;
	height:					1234px;
	background: 			url("../images/background.jpg") no-repeat;
	z-index:				-10;
}

#FadeLeft{
	position:				fixed;
	left:					0px;
	top:					0px;
	width:					100px;
	height:					100%;
	background: 			url("../images/fade-out-left.png") ;
	z-index:				100;
}

#FadeRight{
	position:				fixed;
	right:					0px;
	top:					0px;
	width:					100px;
	height:					100%;
	background: 			url("../images/fade-out-right.png") ;
	z-index:				101;
}


/*MEDIA*/

#media{
	width:					1024px;
	margin:					0px auto;
}

#logo{
	width:					975px;
	height:					319px;
	margin:					auto;
	margin-top:				30px;
	background: 			url("../images/logo-flock.png");
}

#Clock{
	margin:					auto;
	width:					630px;
	height:					100px;
	font-size:				30px;
	line-height:			60px;
	margin-bottom:			40px;
}

#Steam{
	margin:					auto;
		margin-right:30px;
	width:					131px;
	height:					39px;
	background: 			url("../images/Steam_39.png");
	float:right;
}

#HumbleBundle{
	margin:					auto;

		margin-right:30px;
		width:					114px;
	height:					39px;
	float:right;
	background: 			url("../images/HumbleBundle_39.png");
}

#teaser{
	width:					1024px;
	height:					542px;
	margin:					0px auto;
	margin-top:				50px;
	background: 			url("../images/teaser.jpg");
}


#gameinfo{
	width:					100%;
	margin:					0px auto;
	margin-top:				100px;
	background: 			url("../images/info-background.png");
	border-style:			solid;
	border:					0px 5px 0px;
	border-color:			#fff;
}

#gameinfotextwrapper{
	width:					1024px;
	margin:					60px auto 80px auto;
	
}

#gameinfotextarealeft{
	width:					480px;
	margin-right:			100px;
	float:					left;
}

#gameinfotextarearight{
	width:					440px;
	float:					left;
}

#gameinfotextwrapper p{
	font-size:				15px;
	line-height:			18px;
	color:					#d4d4d4;
	
	margin:					0px;
	padding:				0px;
	margin-bottom:			20px;
}

#gameinfotextwrapper p.list{
	line-height:			22px;
}

h2{
	font-size:				26px;
	font-weight: 400; 
	line-height:			22px;
	color:					#E3CB98;
	margin:					0px;
	margin-bottom:			20px;
	padding:				0px;
}



#gameinfotextwrapper h1{
	font-size:				15px;
	line-height:			22px;
	color:					#fff;
	margin:					0px;
	margin-bottom:			20px;
	padding:				0px;
	  font-weight: normal;
}

#art{
	width:					1023px;
	margin:					20px auto;
}

#art_aligner{
	width:					1023px;
	height:					1000px;
	margin:					0px auto;
	
}


#gallery{
	width:					200px;
	height:					200px;
	background:				#222;
	border:					1px solid #fff;
	margin:			0 -1px;
	margin-top:				20px;
	float:					left;
	z-index:				1000;
}

#floatbreaker{
    margin: 				0 0 -1px;
    clear: 					both;
	height:					1px;
	width:					100%;
}