/* CSS Document */
html {
	height: 100%;
	/*overflow: -moz-scrollbars-vertical;*/
	overflow:hidden;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,#wrapper,#blocks,#lastfm table, #lastfm table tr, #lastfm table tr td{margin:0;padding:0;}

body	{
	font-family:sansa, Arial, Helvetica, sans-serif, monospace;
	font-size:10px;
	color:#000;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	height:100%;
	background:url(../_img/bg01.jpg) no-repeat top center #000;
	}
	
#bg	{
	background:url(../_img/pattern.gif) repeat top left;
	width:100%;
	height:100%;
	position:absolute;
	z-index:111;
	}
	
#bg02	{
	background:url(../_img/bg02.jpg) no-repeat bottom right;
	width:100%;
	height:100%;
	position:absolute;
	z-index:222;
	}
	
/*_____________GENERAL____________*/

#wrapper	{
	position:absolute;
	width:100%;
	height:90%;
	}

h1	{
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:3px;
	margin:0 0 10px 0;
	}
	
h2	{
	font-size:10px;
	font-weight:bold;
	color:#000;
	letter-spacing:2px;
	margin:0 0 10px 10px;
	}

h3	{
	font-size:9px;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
	margin:0 0 1px 0;
	}
	
p, a	{
	font:verdana;
	font-size:10px;
	color:#fff;
	line-height:18px;
	letter-spacing:1px;
	}
	
p	{
	background:#000;
	width:320px;
	padding:10px;
	margin-bottom:10px;
	}
	
a	{
	text-decoration:line-through;
	}
	
a:hover		{
	text-decoration:none;
	}

.clearbox	{
	clear:both;
	}
.bl	{
	background:#000;
	}

/*______________NAVIG____________*/

#navig	{
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	height:100px;
	width:100%;
	overflow:visible;
	background:#000;
	z-index:999;
	}
	
#navig ul	{
	margin-left:200px;
	margin-top:-10px;
	}
	
#navig ul li	{
	list-style-type:none;
	display:inline;
	width:100%;
	}
	
#navig ul li a	{
	display:block;
	float:left;
	height:50px;
	font-size:27px;
	font:sansa;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;	
	letter-spacing:-2px;
	cursor:pointer;
	border-right:1px solid #fff;
	line-height:20px;
	margin-top:10px;
	padding-right:2px;
	}
#navig ul li a:hover, #navig ul li a.selected	{
	margin-top:-10px;
	padding-top:20px;
	background:#000;
	}
	
	
/*______________VISUAL____________*/

#blocks	{
	position:absolute;
	top:0;
	left:200px;
	width:500px;
	height:100%;
	margin-top:-20px;
	}

#block_a	{
	position:relative;
	width:20px;
	height:1px;
	background:#fff;
	float:left;
	}
	
#block_b	{
	position:relative;
	width:100px;
	height:1px;
	background:#fff;
	float:left;
	}
	
#block_c	{
	position:relative;
	width:170px;
	height:1px;
	background:#fff;
	float:left;
	}
	
#block_d	{
	position:relative;
	width:10px;
	height:1px;
	background:#fff;
	float:left;
	}
	
#block_e	{
	position:relative;
	width:40px;
	height:1px;
	background:#fff;
	float:left;
	}
	
/*______________CONTENT____________*/

#content	{
	position:absolute;
	left:200px;
	top:20%;
	width:350px;
	text-align:left;
	z-index:888;
	}
	
.invisi	{
	visibility:hidden;
	}
	
.visi	{
	visibility:visible;
	}

/*_______________SCROLL____________*/

.jFlowNext, .jFlowPrev	{
	cursor:pointer;
	background:#000;
	display:block;
	width:18px;
	height:20px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:18px;
	text-transform:uppercase;
	padding:1px;
	}
.jFlowNext	{
	text-align:right;
	margin:1px 0 0 0;
	}
	
.jFlowPrev	{
	text-align:left;
	margin:1px 1px 0 0;
	}
	
.jFlowNext:hover, .jFlowPrev:hover	{
	font-weight:normal;
	}

/*_______________PORTOF____________*/

#myController, .jFlowControl	{
	visibility:hidden;
	display:none;
	}

#scrollwrap	{
	width:3000px;
	height:300px;
	}

#pane	{
	position:relative;
	width:300px;
	height:150px;
	background:#000;
	background-color:#000000;
	padding:10px;
	margin-right:40px;
	float:left;
	}

#pane #image	{
	width:120px;
	height:150px;
	background:url(../_img/loader.gif) no-repeat center #fff;
	float:left;
	}

#pane #image img	{
	border:none;
	}
	
#pane #info	{
	width:145px;
	height:150px;
	float:right;
	}

#info p{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	line-height:14px;
	width:auto;
	padding:0;
	}
	
/*_______________EXTRA____________*/	

#lastfm	{
	position:absolute;
	top:100px;
	right:200px;
	background:#FFF;
	width:204px;
	text-align:left;
	z-index:999;
	cursor:pointer;
	}

#lastfm p	{
	width:184px;
	}

#lastfm table	{
	width:182px;
	margin:10px;
	background:#000;
	padding-left:2px;
	}
#lastfm table tr	{
	width:182px;
	}
#lastfm table td.top	{
	height:20px!important;
	width:182px;
	display:block;
	overflow:hidden;
	margin:0;
	padding-left:0;
	background:url(../_img/lastfm_topbg.gif) no-repeat top right #000;
	cursor:pointer;
	text-align:left;
	}
#lastfm table td.top a h1	{
	font-size:10px;
	}

#lastfm table tr.lfmFoot td	{
	text-align:right;
	background:#000;
	}