html{height:100%; width:100%}
body{min-height:100%; margin:0; padding:0; background:#efecef url(img/bg.jpg) 50% 50%; color:#35465b; text-align:left}
body,td,th{font:italic 15px "Times New Roman", Times, serif; line-height:22px}
th{font-weight:bold}
h1,h2,h3,h4,h5,h6{margin:0; padding:0 0 12px 0; color:#000; font:italic 17px "Times New Roman", Times, serif; line-height:19px}
h1{font-size:25px; line-height:normal}
p{margin:0; padding:0 0 22px 0}
a{outline:none; color:#527397; text-decoration:underline}
a:hover{color:#010101}
a:active{color:#35465b}
a img{border:0}
form{margin:0; padding:0}
input,select,textarea{height:22px; color:#000; font:italic 15px "Times New Roman", Times, serif; line-height:22px}
input[type=text],input[type=password],select,textarea{margin:0; padding:2px 0; background:transparent; border:1px solid #4a4a4a; border-width:0 0 1px 0}
textarea{height:70px; padding:0; background:url(img/textarea.gif) 0 -5px; border-width:0; line-height:35px}
input,select{margin:0; vertical-align:middle}
select{height:24px; padding-left:5px}
textarea{overflow:auto}
input[type=submit],input[type=button],button{cursor:pointer}
big{font-size:14px}
small{font-size:10px}
label{zoom:1; cursor:pointer}

a.active,
.active a{cursor:default}

a *{*cursor:pointer}

a,a img,span,
.nav-left li{	-webkit-transition:color .1s linear,opacity .15s linear,background-color .15s linear;
				   -moz-transition:color .1s linear,opacity .15s linear,background-color .15s linear;
				     -o-transition:color .1s linear,opacity .15s linear,background-color .15s linear;
				        transition:color .1s linear,opacity .15s linear,background-color .15s linear}

ul,
ol{margin:0 0 10px 25px; padding:0}
ul li,
ol li{margin-bottom:5px}

ul ul,
ul ol,
ol ol,
ol ul{margin-bottom:0}


label.fade-text{display:inline-block;*display:inline; padding:0; vertical-align:middle; position:relative;*zoom:1}
	label.fade-text span{color:#666; font-size:13px; position:absolute; top:4px; left:7px; cursor:text}
	label.fade-text input{float:left; cursor:text}

article,aside,figure,footer,header,nav,progress,section,time{display:block}
address{font-style:normal}


.clearfix{*zoom: 1}
.clearfix:after,
.block-scrolling >div:after{display:table; line-height:0; clear:both; content: ""}


.pull-left{float:left!important}
.pull-right{float:right!important}

.border-none{border:none!important}

.text-align-center{text-align:center}



[class^="icon-"],
[class*=" icon-"]{display:inline-block; height:20px; width:20px; background:url(img/deco-2.png) 14px 14px no-repeat; line-height:14px; text-indent:-999px; vertical-align:middle; position:relative; overflow:hidden;*color:transparent!important;*text-indent:0}

.icon-play{background-position:0 -222px}
.icon-play.active{background-position:-20px -222px}





#wrap{min-width:980px; width:100%; position:relative; overflow:hidden}
	.nav{width:951px; height:62px; padding:50px 0 20px 0; margin:0 auto; list-style:none}
	.nav li{padding:0 0 0 22px; margin:0; background:url(img/li-1.gif) 6px 11px no-repeat; float:left}
	.nav li:first-child{padding:0; background:none}
	.nav li span{display:block; height:62px; padding:0 12px 0 10px; background:url(img/deco-1.png) 0 -999px no-repeat}
	.nav li a{display:block; float:left}
	.nav li img{height:34px; background:url(img/deco-1.png) 0 -999px no-repeat; float:left}
	.nav li .nav-mn-1 img{width:80px; background-position:-10px 0}
	.nav li .nav-mn-1 a:hover img,
	.nav li.active .nav-mn-1 img{background-position:-10px -34px}
	.nav li .nav-mn-2 img{width:76px; background-position:-122px 0}
	.nav li .nav-mn-2 a:hover img,
	.nav li.active .nav-mn-2 img{background-position:-122px -34px}
	.nav li .nav-mn-3 img{width:368px; background-position:-230px 0}
	.nav li .nav-mn-3 a:hover img,
	.nav li.active .nav-mn-3 img{background-position:-230px -34px}
	.nav li .nav-mn-4{padding-left:16px; margin-left:-6px}
	.nav li .nav-mn-4 img{width:124px; background-position:-636px 0}
	.nav li .nav-mn-4 a:hover img,
	.nav li.active .nav-mn-4 img{background-position:-636px -34px}
	.nav li .nav-mn-5{margin-left:-2px}
	.nav li .nav-mn-5 img{width:102px; background-position:-792px 0}
	.nav li .nav-mn-5 a:hover img,
	.nav li.active .nav-mn-5 img{background-position:-792px -34px}
	
	#container{width:825px; margin:0 auto; line-height:650px; text-align:center; position:relative; z-index:1}
		#container >section{display:inline-block; width:810px; vertical-align:middle; line-height:normal; text-align:left;*display:inline;*zoom:1}
		#container h1{height:170px; padding:0; text-align:center}
		
		#content{position:relative}
		
		.content{width:370px; float:right}
		aside{width:305px; float:left}
		
	#wrap >footer{width:825px; padding:90px 0 50px 0; margin:0 auto; color:#0e52ae; font:normal 11px Arial, Helvetica, sans-serif; line-height:20px; text-align:center; cursor:default}
		#wrap >footer a{color:#0e52ae}
		#wrap >footer a:hover{color:#010101}
		#wrap >footer a:active{color:#35465b}
		#wrap >footer img{margin-left:11px; vertical-align:middle}

#control{width:1100px; margin:-112px 0 0 -550px; background:url(img/loading.gif) 0 -99px no-repeat; position:fixed; top:50%; left:50%}
	#control a{display:block; width:70px; height:158px; padding:67px 0 0 24px; background:rgba(255,255,255,0); float:left}
	#control a span{display:block; width:46px; height:91px; background:url(img/deco-2.png) -10px -10px no-repeat; text-indent:-999px; float:left; position:relative; overflow:hidden;*text-indent:0;*color:transparent}
	#control a:hover{background:url(img/ie-bg2.png); background:rgba(255,255,255,0.2)}
	#control a:hover span{background-position:-76px -10px}
	#control a:active{background-color:rgba(255,255,255,0.4)}
	#control a.next{float:right}
	#control a.next span{background-position:-10px -121px}
	#control a.next:hover span{background-position:-76px -121px}
	#control a.loading span{background:url(img/loading.gif) 50% 50% no-repeat!important}


.block-lyrics-index{font:italic 17px "Times New Roman", Times, serif; line-height:26px; text-align:center}
	.block-lyrics-index a{color:#35465b; text-decoration:none}
	.block-lyrics-index a:hover{color:#010101}
	.block-lyrics-index a:active{color:#35465b}

.nav-left{margin:10px 0 22px 0; padding:0; border-top:1px solid #e3e4e9; list-style:none}
	.nav-left li{margin:0; padding:0; border-bottom:1px solid #e3e4e9; position:relative}
	.nav-left li:hover{background:url(img/ie-bg.png); background:rgba(227,228,233,0.42)}
	.nav-left li:active{background:url(img/ie-bg2.png); background-color:rgba(227,228,233,0.2)}
	.nav-left li.active{background:url(img/ie-bg.png)!important; background:rgba(227,228,233,0.42)!important}
	.nav-left li a{display:block; min-height:20px; padding:6px 18px 6px 9px; color:#35465b; background:url(img/nav-left.png) 0 -99px no-repeat; text-decoration:none}
	.nav-left li:hover a{background-position:100% 50%}
	.nav-left li.active a{background-position:100% 50%!important}
.nav-audio{}
	.nav-audio li a{padding-left:29px}

.block-scrolling{width:810px; max-height:500px; position:relative; overflow:hidden}
	.block-scrolling >div{width:780px; position:relative; top:0; overflow:hidden;*zoom:1}
	.block-scrolling >span.scroll-line{display:block; width:5px; height:100%; background:#eceaec; border-radius:3px; position:absolute; top:0; right:0; overflow:hidden; cursor:default}
	.block-scrolling >span.scroll-line >span{display:block; width:5px; height:100px; background-color:rgba(60,115,188,1); border-radius:3px; text-indent:-999px; position:absolute; top:0; left:0; overflow:hidden;*text-indent:0;*color:transparent; cursor:pointer}
	.block-scrolling >span.scroll-line >span:hover{background-color:rgba(60,115,188,0.70)}
	.block-scrolling >span.scroll-line >span:active{background-color:rgba(60,115,188,0.85)}
	
.block-scrolling.loading{position:absolute; top:0; left:2000px}

.ul-gallery{margin:0 -24px 0 0; padding:0; list-style:none; overflow:hidden;*zoom:1}
	.ul-gallery li{margin:0; padding:0 24px 24px 0; float:left}

.dl-form{margin:0; padding:0; line-height:22px}
	.dl-form dt{margin:0; padding:0 0 5px 0}
	.dl-form dd{margin:0; padding:0 0 15px 0}
	.dl-form input[type=text],
	.dl-form input[type=password],
	.dl-form select,
	.dl-form textarea{width:100%}

.form-horizontal{margin-right:-20px; overflow:hidden; zoom:1}
	.form-horizontal .dl-form{width:320px; padding:0 20px 0 60px; float:left}
	.form-horizontal .dl-form dt{margin:0 0 0 -60px; float:left}


@media screen and (max-width:1100px) {
	#control{width:1000px; margin-left:-500px}
}

@media screen and (max-width:960px) {
	#control{display:none}
}


.audiojs{height:2px; width:100%; background:none; box-shadow:none; position:absolute; bottom:0; left:0; overflow:inherit}
      .audiojs .play-pause {height:20px; width:20px; padding:0; border:0; position:absolute; top:-25px; left:8px}
	  .audiojs .play-pause p{padding:0; position:absolute; top:0; left:0}
	  .audiojs .play{background:url(img/deco-2.png) 0 -222px no-repeat}
	  .audiojs .pause{background:url(img/deco-2.png) -20px -222px no-repeat}
	  .audiojs .error{background:url(img/deco-2.png) 0 -222px no-repeat; opacity:0.3; filter:alpha(opacity=30)}
	  .audiojs .loading{background:url(img/deco-2.png) -20px -222px no-repeat; opacity:0.3; filter:alpha(opacity=30)}
      .audiojs p {width:20px; height:20px; margin:0}
      .audiojs .scrubber {width:100%; height:2px; margin:0; background:none; border:none}
      .audiojs .progress {height:2px; width:0px; background:#759ed3}
      .audiojs .loaded {height:2px; background:#fff}
      .audiojs .time {display:none}
      .audiojs .error-message {display:none}

      .track-details { clear: both; height: 20px; width: 448px; padding: 1px 6px; background: #eee; color: #222; font-family: monospace; font-size: 11px; line-height: 20px;
        -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); }
      .track-details:before { content: '♬ '; }
      .track-details em { font-style: normal; color: #999; }
.audiostop .scrubber{display:none}