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

body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bg.jpg);
	background-color:#000000;
	color:#ffffff;
}
#bg-top{
	width:100%;
	height:auto;
	margin:0px;
	float:left;
	background:url(../images/bg-top.jpg) repeat-x;
	background-position:top left;
	padding:0px;
}
a { color:#ffc991;
}
img { border:0px;
	vertical-align:top;}

/*=======================Main Body============================*/
.main_body{
	width:1058px;
	margin:auto;
	padding:0px;

}

#body-part
{
	width:1058px;
	height:auto;
	background:url(../images/mid-bg.jpg) repeat-y;
	margin:0;
	padding:0;
	float:left;
}
#body-btm{
	width:1058px;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
/*=======================Header============================*/
#header{
	width:1058px;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
#header-top{
	width:1058px;
	height:79px;
	float:left;
	margin:0px;
	padding:0px;
}
#banner{
	width:1058px;
	height:339px;
	background:url(../images/banner.jpg) no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

.menu{
	width:1058px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#search-box{
	width:240px;
	height:auto;
	margin:0px;
	padding:20px 15px 0 0px;
	float:right;
}
#translater{
	width:240px;
	height:auto;
	margin:0px;
	padding:20px 0px 0 165px;
	float:left;
}

#store{
	width:1058px;
	height:142px;
	background:#e0e0e0;
	float:left;
	margin:0px;
	padding:0px;
}

#left-part
{
	width:277px;
	height:auto;
	margin:0px;
	padding-left:6px;
	float:left;
}
.vedio{
  width:255px;
  height:auto;
  margin:0px;
  text-align:center;
  padding:5px 0px 0px 10px;
  float:left;
}
#right-part
{
	width:735px;
	height:auto;
	margin:0;

	background-position:top left;
	padding:14px 14px 14px 18px;
	float:left;
}

#welcome{
	width:720px;
	height:auto;
	margin:0px;
	padding:10px 0px 4px 6px;
	float:left;}

#text-part{
	width:730px;
	height:auto;
	margin:0px;
	color:#ffffff;
	padding:8px 0px 10px 8px;
	float:left;
}

#recent-menu
{
	z-index:100000;
	height:auto;
	width:250px;
	margin:0px;
	float:left;
	padding:0px 0 5px 0px;

}

#recent-menu ul
{
	height:auto;
	width:250px;
	margin:0;
	padding:3px 10px 0px 15px;
}

#recent-menu li
{
	height:auto;
	width:240px;
	margin-bottom:1px;
	padding:0px 0 0px 10px;
	float:left;
	list-style-type:none;
	background:url(../images/arrow-bg.jpg) no-repeat;
	background-position:bottom left;
	
}

#recent-menu a
{
	height:auto;
	width:200px;
	margin:0;
	padding:7px 0 6px 30px;
	float:left;
	display:block;
	font-family:arial, verdana;
	font-size:15px;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}

#recent-menu a:hover
{

	color:#000000;
	text-decoration:none;
}
#recent-foot{
	height:auto;
	width:250px;
	float:left;
	margin:0;
	padding-bottom:10px;
}
#store-part{
	width:730px;
	height:auto;
	margin:0px;
	padding:5px 0px 0px 0px;
	float:left;
}

#footer-bg{
width:1043px;
height:45px;
float:left;
text-align:center;
color:#ffffff;
padding:30px 5px 30px 10px;
margin:0px;
}
#footer-bg a{
font-family:verdana, arial;
font-size:12px;
text-align:center;
padding:0px;
color:#ffffff;
text-decoration:none;
}

#footer-bg a:hover{
font-family:verdana, arial;
font-size:12px;
text-align:center;
color:#ffd038;
text-decoration:underline;
}
#wrap{
 width: 600px;
 margin: 0 auto 0;
 padding: 0;
 }
 
#wrap #container{
 float: left;
 width: 600px;
 margin: 0;
 border-left: 2px dotted #ffc991;
 border-right: 2px dotted #ffc991;
 }

/*** Content ***/
 
#wrap #container #player{
 height: 500px;
}
 
#wrap #container .nav{
 clear:both;
 margin:3px;
 padding:3px;
 text-align:center;
 overflow:hidden;
}

#wrap #container .nav li{
 float: left;
 width: 25px;
 list-style: none;
}

#wrap #container .nav li.wide{
 float: left;
 width: 50px;
}

#wrap #container .nav li a{
 background-position:center bottom;
 border:1px solid #ffffff;
 color:#ffc991;
 cursor:pointer;
 margin-right:3px;
 padding:2px 6px;
 text-decoration:none;
}
 
#wrap #container  .row{
 float: left;
 width: 590px;
 margin: 0 5px;
 height: 175px;
 }
 
#wrap #container  .row .video{
 display:inline;
 float:left;
 font-size:11px;
 height:175px;
 line-height:1.1em;
 overflow:hidden;
 width:130px;
 } 
 
#wrap #container  .row .video img{ 
 float:left;
 height:90px;
 margin:5px;
 width:120px;
 cursor:pointer;
}

#wrap #container  .row .video span{ 
 background:none repeat scroll 0 0 transparent;
 border:0 none;
 color:#ffc991;
 cursor:pointer;
 float:left;
 font-family:Verdana,Geneva,sans-serif; 
 font-size:12px;
 font-weight:bold;
 margin:0;
 outline:0 none;
 padding:0;
 text-align:left;
 text-decoration:none;
 vertical-align:baseline;
 width:auto; 
}