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

body {  
	text-align: center;
	min-width: 1067px;
	background: #4a4b50 url(i/bg.jpg) top center repeat-x;
	padding: 0px;
	margin: 0px;
	color: #0a0a0a;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

img#spinner {
	position: relative;
	margin: 300px auto;
}

#spin_div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #0e0e0e;
	z-index: 99999;
}

#container { 
	position: relative;

	margin: 0 auto;
	width: 1067px;
	height: 800px;
	text-align: left;
	padding-top: 36px;
	margin-top: 51px;
	background: url(i/frame2.jpg) 0px 0px no-repeat;
}
.logos {
	display: block;
	position: absolute;
	width: 729px;
	height: 67px;
	top: 175px;
	left: 136px;
	z-index: 4;
}

#logo1 {
	background: url(i/logo1.jpg) top left no-repeat;
}

a {
	outline: none;
	border: none;
	text-decoration: none;
}

img {
	outline: none;
	border: none;
}

#outerblock { 
	position:relative; 
	z-index:2; 
}

#innerblock { 
	position:absolute; 
	z-index:999;  
}

#slideshow { 
	padding: 0px 0px 0px 34px;
}

#slideshow ul { list-style:none; }

#mp3Player {
	display: block;
	overflow: hidden;
	width: 364px;
	height: 0px;
	position: absolute;
	top: 461px;
	left: 589px;
	background: url(i/stripe.png) left top repeat-x;
	border-left: 1px solid #121212;
	border-right: 1px solid #121212;
	z-index: 9999;
}

#control {
	display: none;
	width: 82px;
	height: 26px;
	position: absolute;
	top: 432px;
	left: 136px;
	z-index: 9999; 
}

#innerblock p { 
	position:absolute; 
	width: 316px; 
	height: 0px;
	margin: 0px;
	padding: 30px 24px 10px 24px; 
	top: 0px;
	left: 80px;
	background: url(i/stripe.png) left top repeat-x;
	border-left: 1px solid #121212;
	border-right: 1px solid #121212;
	z-index:2; 
	display:none; 
	line-height: 16px;
	color: #c8c8c8;
}

#innerblock h1 {
	position:absolute; 
	width:329px; 
	margin: 0px;
	padding: 6px 0px 8px 36px; 
	top: 341px;
	left: 80px;
	background: url(i/headerbg.png) left top repeat;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #1e1e1e;
	z-index:2; 
	display:none; 
	font-weight: normal;
	font-size: 28px;
	color: #919191;
}

#innerblock h1.mikit {		
	background-image: url(i/headerbg_mic.png);
	/*background-color: #08121b; #1e1001;*/
	border-top: 1px solid #202020;
	border-bottom: 1px solid #191919;
}

#innerblock h1.drs {		
	/*background-color: #230707; */
	background-image: url(i/headerbg_drs2.png);
	border-top: 1px solid #1e1e1e;
	border-bottom: 1px solid #191919;
}

#innerblock h1.korg{
	color: #9c9c9c;
	background-color: #0c111b;
	border-top: 1px solid #1e1e1e;
	border-bottom: 1px solid #191919;
}

#innerblock h1.skitta {
	/*background-color: #291b05; 291a01#2e1e06;*/
	background-image: url(i/headerbg_gt.png);
}


img#signs {
	display: none;
	width: 320px;
	height: 113px;
	position: absolute;
	top: 42px;
	left: -391px;
}

img#chip {
	display: none;
	width: 89px;
	height: 61px;
	position: absolute;
	top: 403px;
	left: 37px;
	z-index: 9999; 
}

img#vents {
	display: none;
	width: 372px;
	height: 184px;
	position: absolute;
	top: -29px;
	left: 1101px;
}

div#ana {
	display: none;
	width: 271px;
	height: 249px;
	background: url(i/anarchy.jpg) left top no-repeat;
	position: absolute;
	top: 111px;
	left: 1522px;
}

img#email {
	display: none;
	width: 557px;
	height: 27px;
	position: absolute;
	top: 553px;
	left: 648px;
}

span.spacer {
	font-weight: bold;
	padding: 0px 12px 0px 6px;
	color: #b5b5b5;
}


li.active { position:absolute;z-index:10; } /* Class for element at top  */
li.reset{ position:absolute;z-index:4;  } /* Class for the rest of the elements  */

#jMask-stage { width: 1000px; height: 424px; }
#jMask-stage ul { list-style:none; display:block; margin:0px; padding:0px; float:left; }
#jMask-stage ul li { position:absolute; width: 1000px; height: 424px; display:block; overflow:hidden;  }
#jMask-stage ul img { position:absolute; }

#mp3Image {
	width: 49px;
	height: 25px;
}


/* ==================== Player ==================== */
#player {
	display: none;
	position: absolute; 
	width: 355px; 
	height: 36px;
	margin: 0px;
	padding: 8px 0px 2px 20px; 
	top: 341px;
	left: 0px;
	background: #121010 url(i/headerbg.png) left top repeat;
	border-top: 1px solid #252525;
	border-bottom: 1px solid #202020;
	color: #000;
}

ul#songlist {
	list-style: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 320px;
	top: 60px;
	left: 22px;
}

h1.header {
	color: #acacac;
	font-size: 20px;
	position: absolute;
	top: 28px;
	left: 22px;
	margin: 0px;
	padding: 0px;	
}

ul#songlist li {
	height: 20px;
	margin: 0px 0px 4px 0px;
}

ul#songlist li a {
	color: #acacac;
	padding-left: 19px;
	font-size: 16px;
	font-style: italic;
	text-decoration: none;
}

ul#songlist li a:hover {
	color: #d2d2d2;
}

ul#songlist li a.active {
	font-weight: bold;
	color: #d2d2d2;
}

#pauseLink {
	display: none;
}

#close {
	position: absolute; 
	width: 60px; 
	height: 26px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 20px; 
	top: 392px;
	left: 0px;
}

#player .button {
	margin-right: 6px;
	float: left;
}
#player .button a {
	outline: none;
	border: none;
}
#bytes {
	width: 142px;
	color: gray;
	padding: 5px 0px 0px 12px;
	font-size: 14px;	
}
#byteinfo {
	height: 16px;
	padding-top: 0px;
	width: 130px;
	border: 1px solid #252525;
	color: gray;
	text-align: center;
}

span#position {
	margin-right: 2px;
}

span#duration {
	margin-left: 2px;
}

#player #timeline {
	font-size: 16px;
	color: gray;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 6px 0px 0px 6px;
}