@charset "utf-8";

a:link {
	color: #999999;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: underline;
	color: #999999;
}

#tws{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}

#twm{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

#twl{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:700;}

/* type-color-size */

#tys{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffd200;}

#tym{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffd200;}

#tyl{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffd200; font-weight:700;}



#tbs{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3bccff;}

#tbm{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3bccff;}

#tbl{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3bccff; font-weight:700;}


#tblm{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}


#tf{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000;}





#textarea{border: 1px solid #3bccff; width:120px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}	

#datearea{border: 1px solid #3bccff; width:70px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}	



/* link_footer */

	#lf:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:100; text-decoration:none;}

	#lf:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:100; text-decoration:none;}

	#lf:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; font-weight:100; text-decoration:underline;}

	#lf:active{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:100; text-decoration:none;}

	
/* links underglow */

	#lug:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#4d6c77; font-weight:100; text-decoration:none;}

	#lug:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#4d6c77; font-weight:100; text-decoration:none;}

	#lug:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:100; text-decoration:none;}

	#lug:active{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#4d6c77; font-weight:100; text-decoration:none;}

	
	

/* link_white */

	#lw:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:100; text-decoration:none;}

	#lw:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:100; text-decoration:none;}

	#lw:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:100; text-decoration:underline;}

	#lw:active{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:100; text-decoration:none;}	



/* link_yellow */

	#ly:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffd200; font-weight:100; text-decoration:none;}

	#ly:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffd200; font-weight:100; text-decoration:none;}

	#ly:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffd200; font-weight:100; text-decoration:underline;}

	#ly:active{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffd200; font-weight:100; text-decoration:none;}	

	/* link_yellow)big */

	#lyb:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffd200; font-weight:700; text-decoration:none;}

	#lyb:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffd200; font-weight:700; text-decoration:none;}

	#lyb:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffd200; font-weight:700; text-decoration:underline;}

	#lyb:active{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffd200; font-weight:700; text-decoration:none;}	


/* link_blue */

	#lb:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3bccff; font-weight:100; text-decoration:none;}

	#lb:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3bccff; font-weight:100; text-decoration:none;}

	#lb:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3bccff; font-weight:100; text-decoration:underline;}

	#lb:active{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3bccff; font-weight:100; text-decoration:none;}		





body {margin:0;background:#97aca7;padding:0; }



#content {background-color: #97aca7;padding:0;}



#footer {position: relative;height:86px;background:#97aca7 url(images/bg_bf.jpg) repeat-x bottom; width:100%; padding:0;}



/* tables */

#tbheader {position: relative;height:86px;background:#97aca7 url(images/bg_bf.jpg) repeat-x bottom; width:100%; padding:0;}	

#tbfooter {position: relative;height:86px;background:#97aca7 url(images/bg_bf.jpg) repeat-x bottom; width:100%	; padding:0;}		





	#mailingbox{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:100; text-decoration:none; border: 1px solid #3bccff; width:120px; font-family:Arial, Helvetica, sans-serif; font-size:10px}			



#pics {float:left;border: 2px solid #97aca7; }	
#shopthumb {border: none; }


/*

Sphers

*/





#sphers {
    
	
	margin:136;
	background-position:center;
	margin-top:136;
	margin-bottom:136;
	margin-left:136;
	margin-right:136;


	padding: 0;





}

#sphers a, #sphers a:visited {

	padding-top:136;

	background-image:  url(../images/spher_off.gif);

	background-repeat: no-repeat;

	background-position:center;

	color:#00bec3;

	text-decoration: none;

	cursor:pointer;



}

#sphers a:hover {

	background-image:  url(../images/spher_on.gif);

	color:#fff ;

	cursor:pointer;



}

#sidebar #sphers .uberlink {

	background-image:  url(../images/spher_on.gif);

	background-repeat: no-repeat;

	background-position:center;

	color:#FFFFFF !important;

	font-weight: bold;

	border:none;

	cursor:pointer;

}





#nav ul{

	margin:0;

	padding:0;

	list-style: none;

	}

#nav li {

	background-image: url("../images/media_on.gif"); /* This is to preload the hover state */

	background-repeat: no-repeat; 

	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */

	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */

	}

	

#nav a { /* if background is on a:link IE6 won't display properly  */

	background-image: url("../images/media_off.gif"); /*can be just background */

	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */

	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */

	padding-left: 5px; 

	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */

	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */

	color: yellow;

	font-family: "Arial Black", sans-serif;

	text-align: center;

	/*height or width in here will stop main image change in IE5 Win

	luckily, line-height is OK! - hidden from IE5 Mac see below

	a must be block to display background-image in IE Win

	 - but also needs to be hidden from IE5 Mac see below */

	}



#nav a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{

	height:80px;

	}

 

#nav a:hover {

	background: url("../images/media_on.gif") no-repeat; /* no background-x styles work here */

	color: red; 

	}

#nav a img {

	width: 284px; /* IE5 Win can't dynamically change size - don't use 0px to hide */

	height: 205px;

	position:fixed;

	top: 250px;

	left: 280px;

	border: none;

	visibility: hidden;

	}



 /* commented backslash hack v2 - hide rules from IE5 Mac \*/

#nav a {

	padding-top: 0; 

	padding-bottom: 0;

	padding-right: 10px; 

	display: block;

	line-height: 80px;

	}	

#nav li {

	margin-top:0;

	margin-bottom:0;

	width: 400px;

	}

/* end hack */





#nav a:hover img {

	visibility:visible;

	}





/* table roll */

	#tableroll{width:670px; height:80px; vertical-align:middle;}

	#tableroll:hover{background-color:#00101c}

	

	

	#btn a{display: block;color: #3bccff; font-weight:bold;background-color: transparent;text-decoration: none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

	#btn a:hover{background-color: #3bccff;font-weight:bold; color: #002d3c; font-size:11px; font-family:Arial, Helvetica, sans-serif;}	




/* shop_artist_link */
	#sat{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; text-decoration:none;}
	#sal{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; text-decoration:none;}
	#sal:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:700; text-decoration:none;}

	#sal:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:700; text-decoration:none;}

	#sal:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:700; text-decoration:underline;}

	#sal:active{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:700; text-decoration:none;}
	
	
/* shop_title_link */

	#stl:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:700; text-decoration:none;}

	#stl:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:700; text-decoration:none;}

	#stl:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:700; text-decoration:underline;}

	#stl:active{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:700; text-decoration:none;}	
	
	
	/* shop_title_linkw */

	#stlw:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:700; text-decoration:none;}

	#stlw:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:700; text-decoration:none;}

	#stlw:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:700; text-decoration:underline;}

	#stlw:active{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:700; text-decoration:none;}		

/* shop_grey_link */

	#sgl:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#c1c0c0; font-weight:700; text-decoration:none;}

	#sgl:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#c1c0c0; font-weight:700; text-decoration:none;}

	#sgl:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#c1c0c0; font-weight:700; text-decoration:underline;}

	#sgl:active{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#c1c0c0; font-weight:700; text-decoration:none;}
	
	/* shop_verrygrey_link */

	#svgl:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; font-weight:700; text-decoration:none;}

	#svgl:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; font-weight:700; text-decoration:none;}

	#svgl:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; font-weight:700; text-decoration:underline;}

	#svgl:active{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; font-weight:700; text-decoration:none;}
	
	
	
	#playerbtn{position:fixed!important; top:0px; left:0px; z-index:9!important;}	
	#chestbtn{position:fixed!important; top:0px; right:0px; z-index:10!important;}