html, body
{
	font-family: helvetica;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	background: #121212;
}

.wrapper
{
	width: 900px;
	margin: 0px auto;
}

.banner
{
	background: url("images/banner.jpg") no-repeat;
	background-position: top center;
	background-size: cover;

	width: 100%;
	height: 100%;
	float: left;
}

.title
{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: -200px;
}

.content
{
	width: 100%;
	float: left;
	background: url("images/background.png") repeat-x;
	margin-top: -110px;
}

.video
{
	margin-top: 140px;
	text-align: center;
	float: left;
}

.description
{
	width: 900px;
	padding: 40px 0px 40px 0px;
	float: left;
	color: #888;
	font-size: 1.4em;
	letter-spacing: 0.2em;
}

.info
{
	width: 900px;
	float: left;
	margin-bottom: 40px;
}

.column
{
	width: 260px;
	float: left;
	display: inline;
	color: #666;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	margin-right: 60px;
}

.column h2
{
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	color: #aaa;
}

.right
{
	margin-right: 0px;
}

.devlog 
{ 
	font-size: 0.6em; margin: 30px 0px 30px 0px; 
	text-align: center;
	text-decoration: none;
}
.devlog a {text-decoration: none;}

.devlog a span
{ 
	padding: 10px 40px 10px 40px; 
	background: #000000; 
	border: 1px solid #333333; 
	border-radius: 8px; 
	width: 100px; 
	margin: 0px 10px 0px 10px;
	color: #ff412d;
	text-align: center;
}
.devlog a span:hover 
{ 
	color: #fff; 
	background: #ff412d; 
	border: 1px solid #ff9185; 
	border-radius: 8px; 
}

.screenshots
{
	width: 100%;
	float: left;
	background: #222;
	padding: 40px 0px 40px 0px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #111;
}

.screenshots img
{
	width: 210px;
	margin: 0;
	margin-right: 12px;
	float: left;
	display: inline;
	padding: 0;
	border: 2px solid #aaa;
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	opacity: 0.6;
}

.screenshots img:hover
{
	opacity: 1;
}

.screenshots img.last
{
	margin-right: 0px;
}

.footer
{
	width: 50%;
	background: #000;
	padding: 40px 0px 40px 0px;
	text-align: center;
	color: #444;
	background: #121212;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	margin:0 auto !important;
}

.subfooter
{
	font-size: 0.8em;
	text-align:left;
	float:left;
	padding: 10px 0px 10px 0px;
}

.email
{
	width: 100%;
	float: left;
	background: #000;
	padding: 40px 0px 10px 0px;
	text-align: center;
	color: #333;
	letter-spacing: 0.25em;
	border-top: 1px solid #444;
	font-size: 0.6em;
	display: block;
}

.footer a 
{ 
	color: #777; 
	text-decoration: none;
}
.footer a:hover { color: #fff; }