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



body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #CCC;
	background-color: #3D3D52;
	margin:0;
	padding:0;
}

#block {
	width:870px;
	height:100%;
	margin:auto;
	background-image:url(images/bg.jpg);
}
#container {
	width:850px;
	height:100%;
	margin:auto;
	background-color:#00001C;
}

#header {
	height:140px;
	width:100%;
	margin-bottom:35px;
}

#logo {
   padding-left:45px;
   padding-top:22px;
   padding-bottom:0px;
   float:left;
}

#player_content{
   width:520px;
   height:120px;
   float:right;
   background:url(images/head.jpg);
}

#player {
   width:480px;
   height:40px;
   margin-top:67px;
   padding-left:30px;
   padding-top:10px;
   padding-bottom:10px;
   margin-right:10px;
   text-align:center;
   float:right;
}

#content {
	width:100%;
	margin-bottom:25px;
}
.box {
	float:left;
	padding:3px;
	width:340px;
	height:180px;
	text-align:left;
	margin-left:40px;
	margin-right:39px;
	margin-top:8px;
	
}

.boxfooterright {
 padding-right:30px;
   padding-top:80px;
   padding-bottom:0px;
   float:right;
}

.boxfooterleft {
 padding-left:30px;
   padding-top:125px;
   padding-bottom:0px;
   float:left;
   text-align:left;
}

#footer {
	width:100%;
	height:120px;
	padding-top:0px;
	text-align:center;
	
}

.title {
	width:auto;
	padding:5px;
}

h2 {
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
}
#close {
	height:60px;
	width:870px;
	margin:auto;
	background-image:url(images/close.jpg);
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */