body { background: #FF7C00; }

#wrapper {
  position: absolute;
  margin-left: -391px;
  left: 50%;
  margin-top: -256px;
  top: 50%;
  width: 782px;
  height: 511px;
  background:  #FF7C00 url("../images/mainframe.gif") 0 100px no-repeat;
}

#logo { position: absolute; top: 0; right: 0;  padding: 0; margin: 0; }
#logo img { border: 0; margin: 0; padding: 0; }

#menu {
position: absolute;
top: 100px;
right: 0;
}

#menulist {
position: relative;
background: url("../images/bbote_menu.gif");
height: 411px;
width: 217px;
margin: 0; padding: 0;
}
#menulist li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 12px; }
#menulist li, #menulist a { height: 51px; display: block; }
#menulist a { text-decoration: none; }

#menulist #gallery { top: 34px; width: 185px; }
#menulist #update { top: 99px; width: 185px; }
#menulist #profile { top: 166px; width: 185px; }

#menulist #gallery a:hover {background: transparent url("../images/bbote_menu.gif") -12px -450px no-repeat; }
#menulist #update a:hover {background: transparent url("../images/bbote_menu.gif") -12px -515px no-repeat; }
#menulist #profile a:hover {background: transparent url("../images/bbote_menu.gif") -12px -582px no-repeat; }