/* Error Pages */

	* {	
		margin: 0;
		padding: 0;
		}

/* Fonts
------------------------------------------------------ */

	@font-face {
		font-family: 'FF DIN';
		src: url('../fonts/ff-din-light.woff') format('woff');
		font-weight: normal;
		}
		
	@font-face {
		font-family: 'FF DIN';
		src: url('../fonts/ff-din-bold.woff') format('woff');
		font-weight: bold;
		}
		
/* Structural Containers
------------------------------------------------------ */
	
	body {
		width: 500px;
		margin: 200px auto 0;
		background: #212225 url('../images/bg-body.png') center 0;
		}

/* Type
------------------------------------------------------ */

	body {
		color: #fff;
		font: normal 15px/19px "FF DIN", Helvetica, Arial, sans-serif;
		text-align: center;
		}
		
	h1, h2, h3 {
		margin-bottom: 20px;
		line-height: 1em;
		}
		
	h1 {
		font-size: 32px;
		font-weight: 100;
		}
		
	p {
		margin-bottom: 20px;
		}
		
	small {
		color: #666;
		display: block;
		margin-bottom: 20px;
		}
		
	a {
		color: #777;
		text-decoration: none;
		}
		
	a:hover {
		color: #fff;
		}
		
/*
------------------------------------------------------ */
		
	h2 {
		width: 60px;
		margin: 20px auto;
		}
		
	h2 a {
		display: block;
		text-indent: -5000px;
		overflow: hidden;
		width: 60px;
		height: 60px;
		background: url('../images/logo.svg') no-repeat center center;
		opacity: .25;
		filter: alpha(opacity=25);
		-webkit-transition: opacity .15s ease-out;
		-moz-transition: opacity .15s ease-out;
		transition: opacity .15s ease-out;
		}
		
	h2 a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		}