@charset "UTF-8";
body {
	color: #FFF;
	line-height: 1.5em;
	font-family: Arial;
	font-size: 12px;
	background: #000 url(../assets/background_gradient.jpg) repeat 0px 0px;
	margin: 0px;
}
.nav {
	color: #FFF;
}
#wrapper {
	max-width: 90%;
	margin: 0 auto;
	position: relative;
	background-color: #000;
	height:100%;
}
nav a {
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
	font-size: .9em;
}
nav a:hover { color: #6FF; }
h1 { font-size: 1em; font-weight: normal; color: #FFF; margin: 0 0 0em 0em; }
h2 { font-size: 1.2em; font-weight: normal; color: #FF0; margin: 0em 0em 0em 0em; }
h3 { font-size: 1em; font-weight: normal; margin: 0em 0em 0em 0em; }
h4 { font-size: 1em; font-weight: normal; margin: 0em 0em 0em 0em; }
h6 { font-size: 1.2em; font-weight: bold; margin: 0em 0em 0em 0em; 
	color: #DD33FF;
}

p { margin: 0; }
a { color: #FFFF00; }
a:hover { color: #FFF; }

footer { 
	font-size: 1em; 
	color: #000; 
	background-color: #0FF; 
	padding: 0px 0px 0px -20px;
	width: auto;
}
footer p {
	color: #000;
	margin: 5px 0px 0px 30px;
}
a.cta {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
}
a.cta:hover { background-position: right -50px; }

.clear-both { clear: both; line-height: 1px; }