/*general styling*/
body{
 border: none;
 margin: 5px;
 padding: 0;
 background-color: #999999;
 font:23px "Lucida Grande", Ariel, Sans-serif;
 overflow:auto;
}
/*Background Image*/
#container{
 position:absolute;
 left:100px;
 top:120px;
 width:720px;
 height:600px;
 background-image:url(mainbg.jpg);
}
#navigate{
  position:absolute;
  left:80px;
  top:200px;
  padding:2px;
  width:340px;
  height:170px;
  background:none;
}
#sidebar{
  position:absolute;
  left:2px;
  top:60px;
  width:40px;
  height:120px;
}
#buttons{
	position:absolute;
	left:50px;
	top:63px;
	width:300px;
	height:120px;
}
h1{
  font:30px "Lucida Grande", Ariel, Sans-serif;
  color:#666666
}
/*Navigation sidebar image positioning*/
.image_float {
  float:left;
  margin:0 10px 2px 0;
}
/*Background button rollover*/
.button_float{
  float:right;
}
.rollover1{
  display:block;
  width:290px;
  height:40px;
  background:url(musicbutton.gif) no-repeat;
}
a.rollover1:link, a.rollover1:visited, a.rollover1:active{
  background:url(musicbutton.gif) no-repeat;
}
a.rollover1:hover{
  background-position:-350px 0;
}
/*LINKS*/
a:link{
  color:#80796f;
  text-decoration:none;
}
a:visited{
  color:#80796f;
  text-decoration:none;
}
a:hover{
 color:#666666;
 text-decoration:overline underline;
}
a:active{
  color:#666666;
  text-decoration:overline underline;

}

 

