html, body {

height: 100%;

overflow: hidden;

}



body {

	font:11px verdana, arial, "lucida grande", "ËÎÌå" ;

	color:#fff;

	background:#000;

	text-align:center;

	margin: 0;

	padding: 0;

	overflow:auto;

	background:#000 url(img/bg_content.jpg) no-repeat center ;

}

#intro {
	background-image:url(img/bg_intro.jpg)
}

#intro #footer {
	background: url(img/pest.gif) no-repeat 50% 99% ;
}

#intro #wrap {
	border:none
}

#intro #wrap p {
	margin:395px 0 0 336px ;

}

#intro #wrap a {
	float:left;
	margin:0 15px 0 0 ;

}

#intro #wrap #zh{
	width:63px;
	height:36px;
	display:block;
	text-indent:-9999em;
	background: url(img/intro_zh.jpg) no-repeat 0% 0%;
}

#intro #wrap a#zh:hover{
	background: url(img/intro_zh.jpg) no-repeat 0% 100%;
}
#intro #wrap #en{
	width:86px;
	height:36px;
	display:block;
	text-indent:-9999em;
	background: url(img/intro_en.jpg) no-repeat 0% 0% ;
}

#intro #wrap a#en:hover{
	background: url(img/intro_en.jpg) no-repeat 0% 100%;
}

body * {

	padding:0;

	margin:0;

	list-style:none;

	text-decoration: none;

}



a, ul#nav li a:hover,.releases#content dt a {

	color:#fff ;

}


a:hover, #footer .grey ,ul li.grey a:hover, #nav li a,.releases#content ul li a:hover {

	color:#bbb

}

#wrap, #footer {
	position:absolute;

	top:50%;

	left:50%;
}



#wrap{

	width:806px;

	height:471px;

	text-align:left;

	border:2px #fff solid;

	margin:-237px 0 0 -404px;
	z-index:14

}


#footer {

	width:808px;

	height:535px;

	text-align:right;

	margin:-268px 0 0 -404px;
	z-index:4

}



#footer p {

	position: absolute;

	bottom:0px;

	right:0px;

}



#nav {

	position: absolute;

	bottom:12px;

	left:20px;
	
	z-index:10
}



*+html #nav{

	margin:292px 70px 0 0px!important;

}



#nav li {

	font-size:15px;

	letter-spacing:0.4pt

}



#content {

	width:370px;

	text-align:justify;
	
	position: absolute;

	line-height:1.2;

	top:4px;

	left:220px;

}



#content a{

	text-decoration:underline

}



.order p{

	margin:0 0 15px

}



dl dt a, dl dt span,h2 span, .red,.releases#content ul li a{

	color:#d10000

}


.news img { 
		
	border:1px #bbb solid;
	margin:5px
	
}

.news h2 {

	letter-spacing:1px;
	color:#bbb;
	font-size:12px;
	padding:15px 0 3px 

}


.news {
	width:380px;
	padding:0 220px 0 0
}


#content dl dt a:hover,ul li.grey a, #content dl dd,.releases#content ul li span{

	color:#727070

}



#content dl dd {

	margin:2px 0 5px 80px;

	font-size:10px

}

#content ul {

	text-align:center;

}



#content ul li {

	margin:0 0 3px

}



#content ul li a ,.releases#content dl dt a span{

	text-decoration:none

}



div.link ul {

	float:left;

	width:30%

}



#content ul li.red{

	font-size:12px;

	margin:0 0 15px

}



#content ul li.grey{

	font-size:12px;

	margin:15px 0 0 

}

#Scroller-1 .releases {

	width:520px!important;
	
}

.releases#content img { 

	float:left;
	margin:0 30px 30px 0;		
	border:1px #bbb solid
}

.releases#content ul ul{
	margin-top:15px
}

.releases#content ul li {
	text-align:left
}

#Scroller-1,#Scrollbar-Container span {
	z-index:30
}

.lyrics#content {
	padding-bottom:140px!important
}

.lyrics#content h2 ,.lyrics#content p{
	text-align:center
}

div.lyrics h2 { font-size:12px;padding:0 0 1em; color:#fff}

.artists p {
	margin:0 0 0.5em 
}
.artists ul {
	text-align:left !important
}
.artists ul li{
	margin:0 0 0.1em !important
}
#Scroller-1 .releases{padding:0;left:0;top:0}

div.track {float:left;}
div.showimg {float:left; width:180px;}

.test .hidden,
.hidden{display:none;}
a.branch {color:#999;font-size:10px;}
#nav li {_zoom:1;}
#nav li.hover .branch,
#nav li:hover .branch {display:block;padding:5px 10px 0;text-indent:5px;_line-height:10px;}