html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', 'Helvetica', 'Arial', serif;
	color:#626161;
	font-size:16px;
	background:#000;
	font-weight: lighter;
	}
	
h1, h2, h3 {
	font-family: 'Helvetica Neue', 'Arial', serif;
	margin:0;
	}

img {border:0;}	

.centred {
margin:0 auto;
text-align:center;
width:540px;
}
	
	
.clearer {clear:both; height: 0;}

*:focus  
{  
    outline: none;  
}  

a {color:#626161; text-decoration: none;}
a:hover {text-decoration: none; color: #383737}



::selection {
	background: rgb(85,100,135); /* Safari */
	color:#fff;
	}
	
::-moz-selection {
	background: rgb(85,100,135); /* Firefox */
	color:#fff;
}

.middle{
	float: left;
	width: 100%;
	text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#556487+0,243147+100 */
background: rgb(85,100,135); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(85,100,135,1) 0%, rgb(36, 49, 71) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(85,100,135,1) 0%,rgba(36,49,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(85,100,135,1) 0%,rgba(36,49,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556487', endColorstr='#243147',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

h1{
	color: #dcdcdc;
	text-transform: uppercase;
	font-size: 49px;
	letter-spacing: 5px;
	margin-bottom: 20px;
	text-shadow: 0px 0px 12px #404D6C;
}

h2{
	font-size: 14px;
	letter-spacing: 4px;
	color: #ccc;
	text-transform: uppercase;
}

h2 a{
	color: #f5f5f5;
}

.text{
	position: relative;
  top: 50%;
  transform: translateY(-50%);
}