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

Black Box Screen Stylesheet

version:   3.0
date:      30/11/09
author:    Xcite Digital
email:     hello@xcitedigital.com
website:   http://www.xcitedigital.com

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

/* Clear Browser Defaults
-----------------------------------------------------------------------------*/

html { overflow-x: hidden; }

a img,:link img,:visited img { border: none; }

img, a {outline-style: none;}

ul {-moz-padding-start: 0; list-style-type: none;}

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

/* Default Styles
-----------------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	color: #B5B5B9;
	line-height: 17px;
	background: black url(../gfx/bodyBG.jpg) center top no-repeat;
}

a, body {
	font: 11px arial;
}

#box {
	overflow: hidden;
	width: 965px;
	margin: 170px auto 0 auto;
}

#logo {
	width: 347px;
	height: 73px;
	display: block;
	clear: both;
	background: transparent url(../gfx/logo.png) no-repeat;
}

#contentContainer {
	background: black;
	margin: 10px 0 0 0;
	overflow: hidden;
	height: 357px;
}

#contentContainer, a {
	color: white;
	text-decoration: none;
}

.box {
	float: left;
	width: 200px;
	overflow: hidden;
	border-right: 1px solid white;
	padding: 25px 20px;
}

.box a, #websiteInfo span {
	color: #b3b3b3;
}

.box h1 {
	text-transform: uppercase;
	margin: 0;
	color: white;
	display: block;
	font: bold 12px arial;
}

#trackInfo {
	padding: 30px;
	width: 180px;
	text-transform: uppercase;
	text-align: center;
	color: #b3b3b3;
	height: 297px;
}

#trackInfo img {
	margin: 0 auto 30px auto;
	display: block;
}

#trackInfo span {
	text-transform: none;
	display: block;
	clear: both;
	font: bold 19px arial;
	margin: 20px 0 0 0;
}

#myspaceInfo, #pressInfo, #contactInfo, #websiteInfo, #facebookInfo, #youtubeInfo {
	height: 126px;
}

#pressInfo {
	border-bottom: 5px solid #ed008c;
	font: bold 18px arial;
}

#pressInfo ul {
	margin: 0;
	padding: 0;
}

#pressInfo li {
	height: 30px;
	margin: 0;
	padding: 0;
}

#pressInfo #firstUL {
	float: left;
}

#pressInfo #secondUL {
	float: right;	
}

#pressInfo h1 {
	margin: 0 0 22px 0;
}

#contactInfo {
	border-bottom: 5px solid #00ff0b;
}

#contactInfo h1 {
	margin: 0 0 45px 0;
}

#contactInfo a {
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
}

#websiteInfo {
	border-bottom: 5px solid #01ffff;
	
}

#facebookInfo img, #myspaceInfo img, #youtubeInfo img {
	margin: 30px auto 0;
	display: block;
}

.lastBox {
	border: none;
}

#websiteInfo img {
	float: right;
}

#websiteInfo h1 {
	margin-top: -6px;
}

#websiteInfo h1 a {
	font-size: 27px;
	color: white;
	font-weight: bold;
}

#pressInfo a {
	font-size: 18px;
	font-weight: bold;
}

#websiteInfo span {
	text-transform: uppercase;
	width: 110px;
	margin: 10px 0 0 0;
	display: block;
}

#footer {
	margin: 15px 0 0 0;
	color: #929292;
	text-align: right;
}

#trackInfo a {
	color: white;
}