/* 	
	Table of Contents 
	
	[0] reset / HTML5 tags / font-faces
	[1] body
	[2] header-element
	[3] nav-element
	[4] footer-element
	
*/

/* [0] reset all styles from default browser preferences */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0px; }
/* HTML5 tags for IE */
header, section, footer, aside, nav, article, figure {display: block;}
/* fonts */
@font-face {
	font-family: 'WAGRegular';
	src: url('../fonts/wag_reg-webfont.woff') format('woff'), url('../fonts/wag_reg-webfont.ttf') format('truetype'), url('../fonts/wag_reg-webfont.svg#webfont1O1hA6iO') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WAGbold';
	src: url('../fonts/wag_bd-webfont.woff') format('woff'), url('../fonts/wag_bd-webfont.ttf') format('truetype'), url('../fonts/wag_bd-webfont.svg#webfontQMjvvTeG') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* [1] body */
body{
	margin: 0px;
	padding: 0px;
	background: #000000;
}
/* container for vertical centering */
#container{
	position: absolute;
	width: 1000px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -500px;
}

/* [2] header-element */
header{
	position: absolute;
	width: 260px;
	height: 40px;
	top: 230px;
}

/* [3] nav-element */
nav{
	position: absolute;
	width: 115px;
	/*height: 200px;*/
	height: 200px;
	left: 280px;
	top: 50%;
	/*margin-top: -100px;*/
	margin-top: -100px;
	overflow: hidden;
}
nav ul{
	margin: 0;
	padding: 0;
	color: #ededed;
	font: 15px "WAGbold", Arial, sans-serif;
	list-style-type: none;
	line-height: 1.2em;
}
nav li{
	margin-bottom: 5px;
}
nav a{
	color: #ededed;
	font: 15px "WAGbold", Arial, sans-serif;
	text-decoration: none;
	line-height: 1.2em;
}
nav a:hover {
	color: #009ee0;
}
nav a.active{
	color: #009ee0;
}

/* [4] footer */
footer p{
	color: #ededed;
	font: 9px "WAGbold", Arial, sans-serif;
	line-height: 1.2em;
}
footer a{
	color: #ededed;
	font: 9px "WAGbold", Arial, sans-serif;
	line-height: 1.2em;
}
footer a:hover{
	color: #009ee0;
}

/* [5] text styles */
p{
	color: #ededed;
	font: 12px "WAGregular", Arial, sans-serif;
	line-height: 1.2em;
}

h1{
	color: #ededed;
	font: 15px "WAGbold", Arial, sans-serif;
	line-height: 1.2em;
}
h2{
	color: #ededed;
	font: 13px "WAGbold", Arial, sans-serif;
	line-height: 1.2em;
}
h3{
	color: #ededed;
	font: 21px "WAGbold", Arial, sans-serif;
	line-height: 1.2em;
}
h4{
	color: #ededed;
	font: 15px "WAGregular", Arial, sans-serif;
	line-height: 1.2em;
}

/* [6] links */
a{
	color: #ededed;
	font: 12px "WAGbold", Arial, sans-serif;
	text-decoration: none;
	line-height: 1.2em;
}
a:hover{
	color: #009ee0;
}
a.active{
	color: #009ee0;
}

/* */
.clear-both{
	clear: both;
}