/*---------------------------------------------------------------------------
	TABLE OF CONTENTS
-----------------------------------------------------------------------------
	# RESET
	# GLOBAL STYLES – (body, alignment, etc)
	# HEADER
	# PAGE STRUCTURE
	# HEADINGS & PARAGRAPHS
	# LISTS
	# NAVIGATION
	# FORMS
	# TABLES

-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
	COLOR REFERENCE
-----------------------------------------------------------------------------
	# Dark Grey (text): #212121
	
-----------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------
	RESET
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-size: 100%;
	background: transparent;
	/*vertical-align:baseline;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------------------------------------------
	GLOBAL STYLES – (body, align, etc)
-----------------------------------------------------------------------------*/

/*Structured layout mainpage*/

html{
	background:#040405;
	}

body{
	color:#FFFFFF;
	font:0.75em/1.5 "helvetica neue",helvetica,arial,"nimbus sans l",sans-serif;
	position:relative;
}
		
.wrap_all{ /*only needed if using big background images like in theme 5*/
	width:940px;
	height:735px;
	position:relative;
	margin: 0 auto;
	background:url(../images/bg.jpg) center top no-repeat;
	/*display:table;*/
}

.logo		{ width:260px; height:283px; margin: 0 auto; background:url(../images/logo.png) top center no-repeat; }
.logo h1	{ text-indent:-9999px; }

.coming-soon	{ width:660px; height:62px; margin: 0 auto; background:url(../images/coming-back-soon.png) top center no-repeat; }

.intro-text		{ width:286px; height:106px; margin: 0 auto; background:url(../images/intro-text.png) top center no-repeat; }

ul				{ margin: 40px auto 0; width: 286px;}
li				{ float:left; font-size:.9em; }
li:first-child	{ margin:0 43px 0 80px; }
li a			{ -webkit-transition:color .4s ease-out;
				  -moz-transition:color .4s ease-out;
				  -o-transition:color .4s ease-out; }
li a > span		{ position:absolute; margin:-2px 0 0 -28px; }
li span span	{ position:absolute; z-index:-1;
				  width:21px; height:21px;
				  opacity:0;
				  background:url(../images/hover_bg.png);
				  -webkit-transition:opacity .4s ease-out;
				  -moz-transition:opacity .4s ease-out;
				  -o-transition:opacity .4s ease-out; }
li a:hover		{ color:#fff; }
li a:hover span span { opacity:1; }
li a:active		{ opacity:.8; }

				  
a  { color:#999999; font-weight:700; text-decoration:none; }