@charset "utf-8";
body {
	/*background-image: url("img/tags1.gif");	 
	background-image: url("big/covers3big5.jpg") no-repeat top left;*/	
		background: #000 url("big/rotate.php") no-repeat top left;

	margin-left: 0px;
	margin-right: 0px;
}
a:link {
	color:#FF99CC;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	color:#FFCCFF;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
#content {
	margin:0 auto;
	padding: 5px 5px 5px 15px;
	/*border: 1px solid #000; */ 
  width: 730px;
}
#main1 {
	position:relative;
	visibility:visible;
	background: #000 url("img1/rotate.php") no-repeat top left;
	border: 1px solid #fff;
	margin:0 auto;
	width: 775px;
	height: 582px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size:0.6em;
	font-variant:small-caps;
	color:#fff;
	font-family: arial, tahoma, arial, sans-serif;
	overflow:hidden;
	list-style-image:url(img/tab1.gif);
	list-style-position: outside;  
	z-index: 1;
}
/*Im not using these list styles for the time being*/  
#main11 ul {
	margin:.5em 0 1.25em;
	padding:0px 10px 0px 10px;
	list-style:none;
	width: 90%;
}
#main11 ul li {
	background:url("img/tab1.gif") no-repeat 0px .25em;
	line-height:1.0em;
	padding:0px 2px 3px 20px;
	margin-bottom:2px;
}
  
#main2 {
	/*position:relative;
	left:90px;
	top:23px;*/
	visibility:visible;
	background: #000; 
	margin:0 auto;
	width: 777px;
	height: 584px; 
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	padding: -5px 0px 0px -5px;
	list-style-image:url(img/tab1.gif);
	list-style-position: outside; 
	z-index: -1;
/*		border-bottom: 5px dotted #000;
		border-right: 5px dashed #000;
		border-top: 5px hidden #ddd;
		border-left: 5px hidden #ddd;*/
}

/*#main3 {
	position:relative;
	left:90px;
	top:23px;
	width:808px;
	height:602px;
	z-index:-2;
}*/

#left {
	position: relative;
	float: left;
	width:350px;
	margin: 70px 10px 40px 5px;
	padding: 5px 5px 0px 5px;
	text-align: left;
	font-size:120%;
	font-variant:small-caps;
	color:#FFFF99;
	font-family: arial, sans-serif;
}
#left ul .li1 {
	list-style-image: none;
	list-style-position: inside;
	line-height:1.5em;
	padding:0px 2px 3px 20px;
	margin-bottom:2px;
	list-style:none;
	color:#fff;
}


#right {
	position: relative;
	float: right;
	width:345px;
	margin: 70px 10px 0px 5px;
	padding: 5px 5px 0px 5px;
	text-align: left;
	font-size:120%;
	font-variant:small-caps;
	color:#FFCC99;
	font-family: arial, sans-serif;
}
#right_more {
	position: absolute;
	width:650px;
	/*	float: right;
	margin: 70px 10px 0px 5px;
	padding: 5px 5px 0px 5px;*/
	visibility:hidden;
	text-align: left;
	font-size:100%;
	font-variant:small-caps;
	color:#FFCC99;
	font-family: arial, sans-serif;
	left: -373px;
	top: -39px;
	height: 414px;
	*z-index:2;
}
#right ul .li1 {
	list-style-image: none;
	list-style-position: inside;
	line-height:1.5em;
	padding:0px 2px 3px 20px;
	margin-bottom:2px;
	list-style:none;
	color:#fff;
}
#right_more ul .li1 {
	list-style-image: none;
	list-style-position: inside;
	line-height:1.5em;
	padding:0px 2px 3px 20px;
	margin-bottom:2px;
	list-style:none;
	color:#fff;
}

#right_more ul2 {
	list-style-image: none;
	list-style-position: inside;
	line-height:1.5em;
	padding:0px 2px 3px 20px;
	margin: 70px 10px 2px 5px;
	/*margin-bottom:2px;*/
	list-style:none;
	color:#fff;
}
/*hr {
	border: 1px dotted #CCFF66;
	background-color: #CCFF66;
	height: 1px;
}
hr.a {
	border: none 0;
	border-top: 3px double #ccff66;
	width: 90%;
	height: 3px;
	margin: 3px auto 0 0;
	text-align: left;
}
hr.f {
	border: none 0;
	border-top: 3px double #c00;
	width: 80%;
	height: 3px;
	margin: 10px auto 0 0;
	text-align: left;
}	   */
#foot {
	clear:both;
	/*float: bottom;*/
	background: #000;
	border: 1px solid #fff;
	border-left: 0px;
	border-right: 0px;
	width: 774px;
	height: 15px;
	text-align: right;
	padding: 1px 1px 1px 0px;
	margin: 0px 0px 0px 0px;
	font-size:100%;
	font-variant:small-caps;
	color:#fff;
	font-family: arial, sans-serif;
}
#foot2 {
	clear:both;
	text-align: center;
	/* float: bottom;*/

	border: 1px solid #fff;
	border-left: 0px;
	border-right: 0px;
	width: 774px;
	height: 21px;
	padding: 1px 1px 1px 0px;
	margin: 0px 0px 0px 0px;
}
#flv_player_pen {
	margin:0 auto;
	clear:both;
	width: 405px;
	padding:5px 5px 5px 0px;
	border: solid 1px #CC99CC;
}
h1 {
	font-size: 1.5em;
	font-family: arial, tahoma, verdana, sans-serif;
	color:#CCFFCC;
	text-align: left;
	padding: 10px 10px 5px 10px;
	/*padding:0px 2px 3px 20px;*/
	margin-bottom:2px;
	font-weight: bold;
	/*background: url("img/tab_close.gif") no-repeat 0px .25em;*/
}
h2 {
	font-size:1.2em;
	line-height:1em;
	font-family: arial, tahoma, verdana, sans-serif;
	color:#CCCC99;
	text-align: left;
	padding: 10px 10px 0px 10px;
	font-weight: bold;
}
h3 {
	font-size:1.0em;
	line-height:1em;
	font-family: arial, tahoma, verdana, sans-serif;
	color:#CCCCFF;
	text-align:left;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	border-bottom: 1px dotted #ccccff;/*background: #B4CC8F url("tab1.gif") no-repeat left;	*/
}
p {
	font-size:0.9em;
	line-height:1.5em;
	font-family: arial, tahoma, verdana, sans-serif;
	color:#999999;
	text-align:left;
	padding: 5px 10px 0px 10px;
	font-weight: normal;
}
.p1 {
	font-size:0.9em;
	line-height:0.75em;
	font-family: arial, tahoma, verdana, sans-serif;
	color:#FFCCFF;
	text-align: left;
	padding: 5px 0px 0px 5px;
	font-weight: normal;
}
img {
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	border: solid 1px #DBD3DB;
}
/* stuff for main page*/

/*menu using image*/

#main1 #menu {
	clear:both;
	z-index:1;
	margin: -5px 0px 0px -2px;
	padding: 0px 0px 0px 0px;/*background: url("img/covers_menu1.gif") no-repeat bottom left; */
}
#main1 img {
	border:none;
}
#main1 .img1 {
	width:760px;
	height:25px;
	border:none;
}
#main1 .img2 {
	width:760px;
	height:21px;
	border:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*rollover stuff*/

#menurolls {
	position:relative;
	clear:both;
	border: none;
	float:none;
	z-index:2;
	visibility: visible;
	display:inline-block;
	overflow:hidden;
	height: 145px;
	width: 345px;
	color:#FFFFCC;
}
#menurolls ul {
	list-style-type: circle;
	list-style-image: none;
	list-style-position: inside;
	font-weight: bold;
}
#xhtml_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:2;
	visibility: hidden;
}
#flash_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:3;
	visibility: hidden;
}
#video_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:4;
	visibility: hidden;
}
#audio_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:5;
	visibility: hidden;
}
#music_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
#rss_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
#flv_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
#dvd_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
#cd_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
#pdf_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
#playlists_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
#xml_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
#mp3_layer {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
	float:none;
	z-index:6;
	visibility: hidden;
}
/*contact page*/

#contact {
	position:absolute;
	top:74px;
	left:115px;
	clear:both;
	border: none;
	float:none;
	z-index:2;
	visibility: hidden;	
	/*	display:none;*/
	overflow:hidden;
	height: 300px;
	width: 525px;
	color:#FFFFCC;
	font-size: 120%;
}
#wot {
	position:absolute;
	top:21px;
	left:20px;
	clear:both;
	border: none;
	float:none;
	z-index:2;
	visibility: hidden;
	overflow:hidden;
	height: 448px;
	width: 725px;
	color:#FFFFCC;
	font-size: 110%;
}
#wotnest{
	position:absolute;
	top:20px;
	left:19px;
	background-color:#333333;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	z-index:0;
}
#wot ul{
	list-style-type: circle;
	list-style-image: none;
	list-style-position: outside;
	font-weight: bold;
	margin: 0px 10px 5px 10px;

}
#wot ul li{
	list-style-type: circle;
	list-style-image: none;
	list-style-position: inside;
	font-weight: bold;
	line-height:1.3em;
}
#wot ul .ul1{
	list-style-type: circle;
	list-style-image: none;
	list-style-position: outside;
	font-weight: bold;
	padding: 0px 100px 0px 200px;
}
#wot ul li .li1{
	list-style-type: circle;
	list-style-image: none;
	list-style-position: inside;
	font-weight: normal;
	font-size: 90%;
	padding: 0px 100px 0px 200px;
}
.hidden { display: none; }
.unhidden { display: block; }
/*.hidden { visibility: hidden; }
.unhidden { visibility: visible; }*/

#player {
	position:absolute;
	top:1px;
	left:6px;
	clear:both;
	border: none;
	float:none;
	z-index:2;
	/*	visibility: hidden;
	display:block;*/
	overflow:hidden;
	height: 20px;
	width: 296px;
	color:#FFFFCC;
	font-size: 100%;
}

#closeplayer {
	position:absolute;
	top:-10px;
	left:243px;
	clear:both;
	border: none;
	float:none;
	z-index:2;
	/**/	display:block;
	height: 22px;
}

/* shaddow with css */

#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}