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

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

#frame {
background-color:transparent;
z-index:1; 
position:absolute;
top:178px;
left:231px;
padding:5px;
}


#loadingframe {
  width:100px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}


#page {
  background-image:url(../assets/images/bliss_bg.jpg);
  width: 900px;
  height: 635px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
    
}


/*Nav bar area  */
div#navbar div {
  display: block;
  width: 141px;
  height: 34px;
  border:none;
  z-index:2;
}



div#navbar span.hide
{
  display: none;
}
div#navbar span.nav_area
{
  display: none;
}
div#navbar div:hover span.nav_area {
 display:block;
 position:relative;
 top: 3px;
 left: 139px;
 width:170px;
  text-align: center;
	font-size:13px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
 
}
div#navbar div:hover span.nav_top {
  display: block;
  padding: 20px 20px 4px;
  background: url(../assets/images/blue_tooltip.gif) no-repeat top;
}

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

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

div#navbar div#po {
  background: url("../assets/images/po2.gif") no-repeat 0 0;
  position:absolute;
  top:97px;
  left:230px;
  width:459px;
  height:50px;
  
}
div#navbar div#po:hover
{ 
  background-position: 0 -55px;
}
div#navbar div#po:hover span.nav_area {
position:relative;
left:-10px;
top: 43px;
z-index:25;
}

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

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

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

#news {
  
  background: url("../assets/images/news.gif") no-repeat 0 0;
  position:absolute;
  top:195px;
  left:84px;
}
div#news:hover
{ 
  background-position: 0 -32px;
}

#shows {
  
  background: url("../assets/images/shows.gif") no-repeat 0 0;
  position:absolute;
  top:234px;
  left:84px;
}
div#shows:hover
{ 
  background-position: 1px -31px;
}

#bio {
  
  background: url("../assets/images/bio.gif") no-repeat 0 0;
  position:absolute;
  top:273px;
  left:84px;
}
div#bio:hover
{ 
  background-position: 0 -31px;
}

#press {
  
  background: url("../assets/images/press.gif") no-repeat 0 0;
  position:absolute;
  top:312px;
  left:84px;
}
div#press:hover
{ 
  background-position: 0 -31px;
}

#music {
  
  background: url("../assets/images/music.gif") no-repeat 0 0;
  position:absolute;
  top:351px;
  left:84px;
}
div#music:hover
{ 
  background-position: 0 -31px;
}

#gallery {
  
  background: url("../assets/images/gallery.gif") no-repeat 0 0;
  position:absolute;
  top:390px;
  left:84px;
}
div#gallery:hover
{ 
  background-position: 0 -31px;
}

#links {
  
  background: url("../assets/images/links.gif") no-repeat 0 0;
  position:absolute;
  top:429px;
  left:84px;
}
div#links:hover
{ 
  background-position: -1px -31px;
}

#contact {
  
  background: url("../assets/images/contact.gif") no-repeat 0 0;
  position:absolute;
  top:468px;
  left:84px;
}
div#contact:hover
{ 
  background-position: 0 -31px;
}

#video {
  
  background: url("../assets/images/video.gif") no-repeat 0 0;
  position:absolute;
  top:507px;
  left:84px;
}
div#video:hover
{ 
  background-position: 0 -30px;
}

/*    myspace       */
div#navbar div#myspace:hover span.nav_area {
position:relative;
left:5px;
top: -84px;
z-index:25;
width:100px;

}

div#navbar div#myspace:hover span.nav_top {
  display: block;
  padding: 20px 20px 4px;
  background: url(../assets/images/small_blue.gif) no-repeat top;
}

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

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

#myspace {
  position:absolute;
  top:545px;
  left:91px
}

/*    twitter       */
div#navbar div#twitter:hover span.nav_area {
position:relative;
left:17px;
top: -84px;
z-index:25;
width:100px;

}

div#navbar div#twitter:hover span.nav_top {
  display: block;
  padding: 20px 20px 4px;
  background: url(../assets/images/small_blue.gif) no-repeat top;
}

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

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

#twitter {
  position:absolute;
  top:545px;
  left:111px
}

/*    facebook       */
div#navbar div#facebook:hover span.nav_area {
position:relative;
left:5px;
top: -84px;
z-index:25;
width:100px;

}

div#navbar div#facebook:hover span.nav_top {
  display: block;
  padding: 20px 20px 4px;
  background: url(../assets/images/small_blue.gif) no-repeat top;
}

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

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

#facebook {
  position:absolute;
  top:545px;
  left:148px
}

/*    youtube       */
div#navbar div#youtube:hover span.nav_area {
position:relative;
left:15px;
top: -84px;
z-index:25;
width:100px;

}

div#navbar div#youtube:hover span.nav_top {
  display: block;
  padding: 20px 20px 4px;
  background: url(../assets/images/small_blue.gif) no-repeat top;
}

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

div#navbar div#youtube:hover span.nav_bottom {
	display: block;
	padding:3px 20px 20px;
	background: url(../assets/images/small_blue.gif) no-repeat bottom;
}
#youtube {
  position:absolute;
  top:545px;
  left:172px
}
/* End of Nav bar area  */