@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	BLACK NUMBERS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		main.css
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	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,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	html, body {
	height: 100%;
	}
	.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}
	body {
		line-height: 1;
		color:#fff;
		background:#000;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	.stripe {
		width:100%; height:4px;
		background:#fff;
	}
	#main {
		width:960px;
		margin:0 auto; padding:35px 0 60px 0;
	}
	/*MAIN STYLES*/
	.video-holder {
		margin:0 auto;
		width:864px;
		height:628px;
		background:url(../images/bg-video_holder.png) 0 0 no-repeat;
		position:relative;
	}
	.video-placement {
		position:absolute;
		top:143px; left:5px;
	}
	h2.preorder{
		margin:30px auto 45px auto;
		width:863px;
		height:62px;
		background:url(../images/h2-preorder.png) 0 0 no-repeat;
	}
	ul.items{
		margin:0 auto;
		width:864px;
		display:block;
	}
	ul.items li {
		margin:0 15px 30px 0;
		width:248px;
		height:330px;
		float:left;
		background:url(../images/bg-items-li.png) 0 0 no-repeat;
		position:relative;
	}
	ul.items li a {
		width:248px;
		height:330px;
		position:absolute;
		top:0; left:0;
		color:#fff;
	}
	ul.items li .img-holder {
		position:absolute;
		top:5px;
		left:5px;
	}
	ul.items li .desc {
		position:absolute;
		top:243px;
		left:0px;
		width:248px;
		text-align: center;
		font:bold 24px arial;
		text-transform:uppercase;
		height:50px;
		line-height:50px;
	}
	ul.items li .sub-text {
		position:absolute;
		top:306px;
		left:0px;
		width:248px;
		text-align: center;
		font:bold 14px arial;
		text-transform:uppercase;
		line-height:0px;
	}
	ul.items li a .overlay {
		width:248px;
		height:330px;
		position:absolute;
		z-index:100;
		background:url(../images/li-hover.png) 0 0 no-repeat;
		display:none;
	}
	ul.items li a:hover .overlay {
		display:block;
	}
	/*FOOTER*/
	.push {
		height:120px;
	}
	#footer {
		width:100%;
		height:120px;
		background:url(../images/bg-footer.png) top left repeat-x;
	}
	.footer-content {
		padding:13px 0 0 0;
		width:960px;
		margin:0 auto;
	}
	#footer ul li {
		margin:0 20px 0 0;
		float:left;
	}
	#footer ul li a {
		display:block
	}
	#footer ul li.synergy a {
		margin:9px 0 0 0;
		width:162px;
		height:69px;
		background:url(../images/logo-synergy.png) 0 0 no-repeat;
	}
	#footer ul li.bn a {
		width:135px;
		height:82px;
		background:url(../images/logo-bn.png) 0 0 no-repeat;
	}