@charset "UTF-8";
/* CSS Document */


h1, h2, h3, h4, h5, h6, ul, a {
	font-weight: normal;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;}
	
.ital {
	font-style: italic;}

.under {
	text-decoration: underline;}
	
a {
	color:#B00;
	text-decoration: none;}
	
a:hover {
	text-decoration: underline;}

.shadowBorderLight {
	border: 1px solid #2a2a2a;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 5px 5px 8px #282828;
	-webkit-box-shadow: 5px 5px 5px #282828;
	-moz-box-shadow: 5px 5px 5px #282828;}

.shadowBorderDark {
	border: 1px solid #000;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 5px 5px 8px #000;
	-webkit-box-shadow: 5px 5px 8px #000;
	-moz-box-shadow: 5px 5px 8px #000;}

body  {
	font: 13px "Century Gothic", Verdana, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* clears browser defaults */
	padding: 0;
	text-align: center; /* centers the container in IE 5* browsers */
	color: #000;
	background-image: url(../images/page_bg.jpg);
	background-attachment: scroll;
	width: 100%;}

.standard #container {
	width: 980px;
	background: #141414 url(../images/container_bg.png) repeat-y 0px 0;
	margin: 0px auto; /* auto margins (in conjunction with a width) center the page */
	border: 1px solid #000;
	text-align: left; /* overrides the text-align: center on the body element. */}



/* #header styles */

.standard #header {
	position: relative;
	background: url(../images/header_bg.png) 30px 25px no-repeat;
	height: 180px;
	margin: 0px;}

.standard #headerBlock {
	position: absolute;
	color: #FFF;
	background: url(../images/header_title.png) no-repeat 0 0;
	width: 555px;
	height: 110px;
	margin-left: 300px;
	margin-top: 50px;}

#header .hide {
	visibility: hidden;}
	

/* #mainContent styles */

.standard #mainContent {
	height: 100%;
	margin: 16px 0px 0px 150px;
	padding: 18px 25px 10px 25px;
	/*background-color: #2a2a2a;*/
	color: #FFF;} 
	
#mainContent p {
	font-size: 1.1em;
	line-height: 1.5;
	padding: 0 100px;}

#mainContent h1, #mainContent h2, #mainContent h3 {
	text-align: center;	
	font-variant: small-caps;}

.playerContainer  {
	background: #666;
	width: 300px;
	border: 1px solid #000;
	margin: 0 40px 45px 45px;
	float: left;
	
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	
	box-shadow: 5px 5px 8px #111;
	-webkit-box-shadow: 5px 5px 8px #111;
	-moz-box-shadow: 5px 5px 8px #111;}
	
.audioplayer {
	margin: 4px 0 4px 20px;
	padding: 0;}

#mainContent .playerContainer p {
	text-shadow: #000 2px 2px 3px;
	-moz-text-shadow: #000 2px 2px 3px;
	-webkit-text-shadow: #000 2px 2px 3px;
	text-align: center;
	margin: 0 0;
	font-size: .9em;
	line-height: 1.3;
	padding: 5px 10px 0 10px;
}



/* #footer styles */

.standard #footer {
	position: relative;
	background: url(../images/footer_bg.png) no-repeat 30px 20px;
	height: 140px;}

#footerNavBox {
	position: absolute;
	height: 65px;
	width: 610px;
	background: url(../images/footer_menu_bg.png) no-repeat;
	margin: 40px 0 0 220px;}

#footer ul {
	margin: 8px 0 0 11px;}

#footer a {
	visibility: hidden;}

#footer li {
	float: left;
	position: relative;
	width: 115px;
	height: 25px;
	background: url(../images/footer_menu_sprites.png) no-repeat -345px 0;}
	
#footer p {
	float: left;	
}
	
#footer .list1 {
	background-position: 0 0;}

#footer .list1:hover {
	background-position: 0 -25px;}
	
#footer .list1:active {
	background-position: 0 -50px;}

#footer .list2 {
	background-position: -115px 0;}

#footer .list2:hover {
	background-position: -115px -25px;}
	
#footer .list2:active {
	background-position: -115px -50px;}

#footer .list3 {
	background-position: -230px 0;}

#footer .list3:hover {
	background-position: -230px -25px;}
	
#footer .list3:active {
	background-position: -230px -50px;}

#footer .list4 {
	background-position: -345px 0;}

#footer .list4:hover {
	background-position: -345px -25px;}
	
#footer .list4:active {
	background-position: -345px -50px;}

#footer .list5 {
	background-position: -460px 0;}

#footer .list5:hover {
	background-position: -460px -25px;}
	
#footer .list5:active {
	background-position: -460px -50px;}
	
#footerNavBox p.copy {
	float: none;
	text-align: center;
	color: #FFF;
	margin: 18px 0 0 0;
	font-size: 12px;}
	
	
/* styles for reuse */

.fltrt {
	float: right;
	margin-left: 8px;}
	
.imgHenry {
	float: left;
	margin-left: 245px;
	border: 3px solid #666;
	}
	
.imgOrlando {
	float: left;
	margin-left: 280px;
	border: 3px solid #666;
}
	
.fltlft {
	float: left;
	margin-right: 8px;}
	
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

.center {
	text-align: center;}