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

@import url(reset.css);

body {
	background:rgba(61,86,99,1);
	font:normal 12px/1.45  Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	text-align:center}

h1, h2, span {
	background-image: url(../img/wh-logo-master.png);
	background-repeat:-no-repeat;
	margin:0 auto;
	position:absolute;
	text-indent:-5000px}
	
	h1 {
		height:35px;
		width:320px;
		background-position:50% -330px;
		
		top:330px; left:90px;}
	
	h2 {
		height:60px;
		width:420px;
		background-position:50% -364px;
		
		top:364px; left:40px;}
	
	span {
		display:block;
		height:320px;
		width:317px;
		
		background-position:50% 10px;
		top:0; right:92px;
		
		opacity:0.7}
		
		p {
			width:400px;
			padding:0 5px;
			position:absolute;
			top:440px; left:45px;
			text-align:center;
			text-transform:uppercase;
			letter-spacing:.15em;
			opacity:.69}
			
		a {
			display:inline-block;
			padding:5px;
			color:#fff;
			text-decoration:none;
			background-color:transparent;
			-webkit-transition:all .25s ease-in;  
			-moz-transition:all .25s ease-in;  
			-o-transition:all .25s ease-in;  
			transition:all .25s ease-in}
			
		a:hover {
			background-color:rgba(255,255,255,.69);
			color:rgba(27,50,95,1)}		
	
#container {
	text-align:left;
	position:relative;
	width:500px;
	height:500px;
	margin:0 auto;}