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

*
{
	margin: 0px;
	padding: 0px;
	border: 0px none #000;
}

@font-face
{
	font-family:'Acknowledge BRK';
	src:url('assets/acknowtt.ttf');
}

@font-face
{
	font-family:'Volter';
	src:url('assets/volter.ttf');
}


body
{
	width:100%;
	height:100%;
	overflow-y:scroll;
	background-color:#4b5462;
}

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

#ios
{
	font-family:"Acknowledge BRK",Verdana,sans-serif;
	font-size:36px;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	left:44%;
	top:-53px;	
	width:440px;
	text-align:right;
}

#header
{
	background-image:url('assets/menu_clouds.png');
	-webkit-background-size:auto 100%;
	background-repeat:repeat-x;
	height:256px;
	width:100%;
}

#city
{
	background-image:url('assets/menu_buildings.png');
	-webkit-background-size:auto 100%;
	background-repeat:repeat-x;
	position:absolute;
	height:400px;
	top:200px;
	width:100%;
	z-index:-1;
}


#cratebar
{
	margin:0px auto;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	background-color:#000;
	height:38px;
	width:768px;	
}

#cratebarcounter
{
	margin:0px auto;
	padding-top:8px;
	padding-right:50px;
	width: 400px;
	margin-left:420px;
	color:#fff;	
	font-family:'Acknowledge BRK', Verdana, sans-serif;
	font-size:18px;
}

#awards
{
	margin:0px auto;
	width: 768px;
	height:280px;	
}

#container
{
	margin:0px auto;
	width: 768px;
	margin-top:-82px;
	height:300px;	
}

#scblogo
{
	background-image:url('assets/SCB_LOGO.png');
	position:relative;
	top:0px;
	left:20px;
	margin-left:25px;
	width:226px;
	height:137px;
	z-index:2;
}

#fullsub
{
	position:absolute;
	top:294px;
	height:428px;
}

#rightsub
{
	background-image:url('assets/scbios.png');
	position:relative;
	top:276px;
	left:384px;
	height:256px;
	width:321px;
	z-index:2;
}

#copyright
{
	clear:both;
	position:relative;
	text-align:center;
	font-family:Volter, Verdana, sans-serif;
	font-size:18px;
	top:256px;
	height:32px;
	width:100%;
	color:#bbb;
}


#footer
{
	position:relative;
	text-align:center;
	font-family:Volter, Verdana, sans-serif;
	font-size:18px;
	top:256px;
	height:32px;
	width:100%;
	background-image:url('assets/bottom-tile.png');
	background-repeat:repeat-x;
	color:#bbb;
}

#footer-center
{
	position:relative;
	background-image:url('assets/bottom-fire.gif');
	height:32px;
	width:160px;
	z-index:1;
	margin:0px auto;
}

.content
{
	position:relative;
	margin:10px auto;
	background-color:#444;
	border-radius:15px;
	padding:40px;
	padding-top:40px;
	font-family: 'Volter', Verdana, sans-serif;
	font-size:18px;
	color:#fff;
	line-height:1.3;
	top:220px;	
	width:570px;
	z-index:1;
}

.content a
{
	color:#bbb;	
}

#highscore
{
	position:relative;
	background-image:url('assets/highscores.png');
	background-repeat:no-repeat;
	height:168px;
	width:640px;	
	top:200px;
	margin-bottom:-64px;
}

.content-small
{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:26px;
	background-repeat:no-repeat;
	background-color:#444;
	border-radius:15px;
	padding:40px;
	padding-top:40px;
	font-family: 'Volter', Verdana, sans-serif;
	font-size:9px;
	color:#fff;
	line-height:1.3;
	left:34px;
	top:220px;	
	width:120px;
	z-index:1;
}


.content-img
{
	position:relative;
	margin:10px auto;
	background-color:#444;
	border-radius:15px;
	border:40px #444 solid;
	top:220px;
	left:60px;	
	width:570px;
	z-index:-1;
}

.downloadbutton
{
	float:left;
	position:relative;
	left:8%;
	top:405px;
	width:300px;
	height:38px;
	background-color:#83a918;
	border-radius:12px;	
	font-family:'Volter', Verdana, sans-serif;
	font-size:18px;
	color:#fff;	
	text-align:center;
	padding-top:16px;
	padding-bottom:0px;
}

.downloadbutton:hover
{
	background-color:#83a918;
	color:#000;
}

.downloadbutton-sub
{
	position:relative;
	left:60px;
	top:408px;
	height:10px;
	width:300px;
	color:#999;	
	font-family:'Volter', Verdana, sans-serif;
	font-size:9px;
	text-align:center;
}

.award-igf
{
	position:relative;
	float:left;
	background-image:url(assets/t_igf.png);
	background-repeat:no-repeat;
	left:12px;
	top:40px;
	height:164px;
	width:128px;
	border-radius:15px;
}

.award-edge
{
	position:relative;
	float:left;
	background-image:url(assets/t_edge.png);
	background-repeat:no-repeat;
	left:46px;
	top:40px;
	height:164px;
	width:128px;
	border-radius:15px;
}

.award-bytejacker
{
	position:relative;
	float:left;
	background-image:url(assets/t_bytejacker.png);
	background-repeat:no-repeat;
	left:80px;
	top:40px;
	height:164px;
	width:128px;
	border-radius:15px;
}

.award-ign
{
	position:relative;
	float:left;
	background-image:url(assets/t_ign.png);
	background-repeat:no-repeat;
	left:94px;
	top:40px;
	height:164px;
	width:128px;
	border-radius:15px;
}

.award-igb
{
	position:relative;
	float:left;
	background-image:url(assets/t_indiegamescom.png);
	background-repeat:no-repeat;
	left:114px;
	top:40px;
	height:164px;
	width:128px;
	border-radius:15px;
}

#ios a
{
	color:#000;	
}