/*general styling*/
body{
 border: none;
 margin: 5px;
 padding: 0;
 background-color: #999999;
 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:40px;
  top:60px;
  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:240px;
  height:40px;
  background:url(mpbgbutton.gif) no-repeat;
  text-indent:-9999px;
}
a.rollover1:link, a.rollover1:visited, a.rollover1:active{
  background:url(mpbgbutton.gif) no-repeat;
}
a.rollover1:hover{
  background-position:-240px 0;
}
/*Music sampler button rollover*/
.rollover2{
  display:block;
  width:240px;
  height:40px;
  background:url(mpmsbutton.gif) no-repeat;
  text-indent:-9999px;
}
a.rollover2:link, a.rollover2:visited, a.rollover2:active{
  background:url(mpmsbutton.gif) no-repeat;
}
a.rollover2:hover{
  background-position:-240px 0;
}
/*Hire Me button rollover*/
.rollover3{
  display:block;
  width:240px;
  height:40px;
  background:url(mphfhbutton.gif) no-repeat;
  text-indent:-9999px;
}
a.rollover3:link, a.rollover3:visited, a.rollover3:active{
  background:url(mphfhbutton.gif) no-repeat;
}
a.rollover3:hover{
  background-position:-240px 0;
}