@charset "utf-8";
/* CSS Document */
body {
 background-color: #000000;
 color:#000000;
}

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

#page {
  
  width: 900px;
  height:360px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  border:solid;
  border-width:2px;
  border-color:#CCCCCC;
  border-bottom:none;
  overflow:visible;
  visibility:hidden;
  
}

#frame {
background-image:url(../images/wall.jpg);
background-repeat:repeat-y;
z-index:1; 
position:absolute;
top:240px;
left:-2px;
border:solid;
  border-width:2px;
  border-color:#CCCCCC;
  border-top:none;
}
#framediv {

}

#loadingframe {
  width:100px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
#loading {
  
  position:absolute;
  top:300px;
  left:1px;
  color:#FFFFFF;
  
}

#mp3 {
position:absolute;
top:2px;
right:2px;
 
}




/*Nav bar area -------------------------------------------------- */
#navbar {
	width:900px;
	height:202px;
	position:absolute;
	top:0px;
	left:0px;
}

#myface {
	width: 200px;
	height: 32px;
	position: absolute;
	top: 40px;
	left: 750px;
}

#myface a img {
	border-style: none;
}

#tabs-bg {
	height:37px;
	width:900px;
	position:absolute;
	top:200px;
	left:0px;
	z-index:2;
    background-image:url(../images/btnbgd.jpg);
}

div#navbar div {
  display: block;
  height: 37px;
  border-right:solid;
  border-color:#000;
  border-width:2px;
  z-index:3;
  overflow:visible;
  position:absolute;
  top:200px;
}

div#navbar span.hide
{
  display: none;
}
div#navbar span.nav_area
{
  display: none;
}
div#navbar div:hover span.nav_area {
 display:block;
 position:relative;
 left: 15px;
 width:170px;
 text-align: center;
 font-size:13px;
 color:#FFFFFF;
	filter: alpha(opacity:85);
	KHTMLOpacity: 0.85;
	MozOpacity: 0.85;
	opacity: 0.85;
  
}
div#navbar div:hover span.nav_top {
  display: block;
  padding: 20px 20px 4px;
  background: url(../images/tooltip.png) no-repeat top;
}

div#navbar div:hover span.nav_mid {
	display: block;
	padding: 0 20px; 
	background: url(../images/filler.png) repeat bottom;
}

div#navbar div:hover span.nav_bottom {
	display: block;
	padding:3px 20px 20px;
	background: url(../images/tooltip.png) no-repeat bottom;
}

div#navbar div#po {
  background: url("../images/po.png") no-repeat 0 0;
  position:absolute;
  top:20px;
  left:55px;
  width:300px;
  height:90px;
  border:none;
  
}
div#navbar div#po:hover
{ 
  background-position: 0 -90px;
}
div#navbar div#po:hover span.nav_area {
left:30px;
top: 60px;
z-index:25;
}

div#navbar div#po:hover span.nav_top {
  display: block;
  padding: 20px 20px 4px;
  background: url(../images/tooltip_under.png) no-repeat top;
}

div#navbar div#po:hover span.nav_bottom {
	display: block;
	padding:3px 20px 20px;
	background: url(../images/tooltip_under.png) no-repeat bottom;
}


div#navbar div#news {
  
  background: url("../images/news.png") no-repeat 0 0;
  left:5px;
  z-index:15;
  width:90px;
}

div#navbar div#news:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#news:hover span.nav_area {
	bottom: 75px;
}


div#navbar div#shows {
  
  background: url("../images/shows.png") no-repeat 0 0;
  left:266px;
  z-index:14;
  width:100px;
}

div#navbar div#shows:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#shows:hover span.nav_area {
	bottom: 75px;
}


div#navbar div#bio {
  
  background: url("../images/bio.png") no-repeat 0 0;
  left:99px;
  z-index:13;
  width:60px;
}

div#navbar div#bio:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#bio:hover span.nav_area {
	bottom: 60px;
}


div#navbar div#press {
  
  background: url("../images/press.png") no-repeat 0 0;
  left:371px;
  z-index:12;
  width:88px;
}

div#navbar div#press:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#press:hover span.nav_area {
	bottom: 123px;
}

div#navbar div#music {
  
  background: url("../images/music.png") no-repeat 0 0;
  left:164px;
  z-index:11;
  width:98px;
}

div#navbar div#music:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#music:hover span.nav_area {
	bottom: 90px;
}


div#navbar div#gallery {
  
  background: url("../images/photos.png") no-repeat 0 0;
  left:463px;
  z-index:10;
  width:105px;
}

div#navbar div#gallery:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#gallery:hover span.nav_area {
	bottom: 60px;
}


div#navbar div#links {
  
  background: url("../images/links.png") no-repeat 0 0;
  left:809px;
  z-index:9;
  width:93px;
}

div#navbar div#links:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#links:hover span.nav_area {
	bottom: 87px;
}


div#navbar div#contact {
  
  background: url("../images/contact.png") no-repeat 0 0;
  left:677px;
  z-index:8;
  width:127px;
}

div#navbar div#contact:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#contact:hover span.nav_area {
	bottom: 87px;
}


div#navbar div#video {
  
  background: url("../images/video.png") no-repeat 0 0;
  left:573px;
  z-index:7;
  width:100px;
}

div#navbar div#video:hover 
{ 
  background-position: 0px -38px;
}

div#navbar div#video:hover span.nav_area {
	bottom: 60px;
}




/* End of Nav bar area  */