/* Reset
----------------------------------------------------------------------------------------------------*/

 /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, object, form, label, legend, table,
    caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;
    font-size: 100%; vertical-align: baseline; background: transparent; } 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; }

/* General
----------------------------------------------------------------------------------------------------*/

* {margin:0;padding:0;} 
html, body {height: 100%;}

body{
background:#000;
}

#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: 55px;/* must be same height as the footer */}  
#footer {position: relative;
	margin-top: -55px;
	height: 55px;
	clear:both;
	background: #000;
	opacity: 0.8;
} 

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

/* Main Nav
----------------------------------------------------------------------------------------------------*/		
	#header{position:absolute;}
	
/* Video
----------------------------------------------------------------------------------------------------*/		
	#video{margin:0px; padding:0px; border:0px;}

/* Main Nav
----------------------------------------------------------------------------------------------------*/		
	#main_nav{margin-top: 500px; text-align:center;}
	#main_nav ul{margin:0px; padding:0px;}
	#main_nav li{margin-top:0px; padding-top:45px; text-align:center;}
	#main_nav  a {display: block; width: 200px; height:50px; background-position:0px 0px}
	#main_nav .enter a { background:url("../img/enter.png") no-repeat scroll 0 0 transparent;}
	#main_nav .enter a:hover {background-position:0px -56px}
	#main_nav .watch a {background:url("../img/watch.png") no-repeat scroll 0 0 transparent;}
	#main_nav .watch a:hover {background-position:0px -54px}

/* Credits
----------------------------------------------------------------------------------------------------*/	
	.credits{padding-top: 20px;}

/* Footer Nav
----------------------------------------------------------------------------------------------------*/
#footer_nav{
	height:20px;
	}
#footer_nav li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#footer_nav a:link, #footer_nav a:visited{
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#footer_nav a:hover{
	background:url("../img/bg_footer_nav.png") repeat-x;
}

#footer_nav li.right
{
	float: right;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#footer_nav li.right_last
{
	float: right;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 740px;
	margin-top:5px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {
	width:165px;
}

.container_4 .grid_2 {
	width:350px;
}

.container_4 .grid_3 {
	width:535px;
}

.container_4 .grid_4 {
	width:720px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}