/* CSS Document */

/* IMPORTS */
@import url("reset.css");

/* -----------------------------------*/
/* ---->>> BODY <<<-----------*/
/* -----------------------------------*/

body						{ 	background:#FFF url(../images/bg.jpg) repeat-x top; 
								font-family: "Lucida Grande", Arial, Helvetica,Verdana, sans-serif;
 								font-size:12px; color:#666; height:100%;}
								
.clearer					{ 	clear:both}
img							{ 	border:none;}

/* various classes */
.left						{	float:left;}
.right						{	float:right;}

.padding-5					{ 	padding: 5px;}
.padding-10					{ 	padding: 10px;}
.padding-bottom 			{ 	padding-bottom:10px;}

.white						{ 	color:#FFF;}
.red						{ 	color:#FF6600;}
.orange						{ 	color:#fdb00d;}	
.black						{ 	color:#434243; }
.dkgray						{ 	color:#333; }
.gray						{ 	color:#999; }
.ltgray						{ 	color:#CCC; }
.aqua						{ 	color:#0b6d67; }

.border-bottom				{ 	border-bottom: 1px dotted #CCC;}
.border-top					{ 	border-top: 1px dotted #CCC;}

/* links */
a							{ 	color:#0099FF; text-decoration:none; }
a:link						{ 	color:#0099FF;}
a:hover						{ 	color:#999999; text-decoration:underline;}							
a:active					{	position: relative; top: 1px;}	
image a:active				{	position: relative; top: 0;}		
					


#player-bg					{ background:url(../images/bg-player.jpg) no-repeat top center; height:840px; margin: 0 auto;}
#player-wrapper				{ width:960px; height:auto; position:relative; margin:auto; }
#player						{ position:absolute; height:505px; width:853px;  }