#membershipbutton a,
#contactbutton a,
#eventbutton a,
#historybutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 10px;
   background-position: 0% 0px;
   font-size: 10px;
   line-height: 10px;
}

#hotelbellevuejanuary21st19  {
   background: url(sg_index_media/hotelbellevuejanuary21st19.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 46px;
   top: 127px;
   z-index: 7;
   width: 36px;
   height: 18px;
}

#membershipbutton a:hover  {
   background-position: -117px 0%;
}

#contactbutton a:hover  {
   background-position: -57px 0%;
}

#historybutton a:hover  {
   background-position: -82px 0%;
}

#eventbutton a:hover  {
   background-position: -164px 0%;
}

#membershipbutton a  {
   width: 117px;
   background-image: url(sg_index_media/membershipbutton.gif);
}

#membershipbutton  {
   visibility: visible;
   position: absolute;
   left: 367px;
   top: 169px;
   z-index: 3;
   width: 117px;
   height: 10px;
}

#contactbutton a  {
   width: 57px;
   background-image: url(sg_index_media/contactbutton.gif);
}

#historybutton a  {
   width: 82px;
   background-image: url(sg_index_media/historybutton.gif);
}

#historybutton  {
   visibility: visible;
   position: absolute;
   left: 71px;
   top: 169px;
   z-index: 3;
   width: 82px;
   height: 10px;
}

#eventbutton a  {
   width: 164px;
   background-image: url(sg_index_media/eventbutton.gif);
}

#contactbutton  {
   visibility: visible;
   position: absolute;
   left: 513px;
   top: 169px;
   z-index: 3;
   width: 57px;
   height: 10px;
}

#eventbutton  {
   visibility: visible;
   position: absolute;
   left: 180px;
   top: 169px;
   z-index: 3;
   width: 164px;
   height: 10px;
}

#cctext p  {
   font: bold 12px/48px "aramond Pro";
   margin: 0px;
   color: #FEFEFE;
   text-align: left;
}

#layer3  {
   background: url(sg_index_media/layer3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 427px;
   z-index: 2;
   width: 650px;
   height: 221px;
}

#cctext  {
   visibility: visible;
   position: absolute;
   left: 417px;
   top: 195px;
   z-index: 2;
   width: 211px;
}

#comic1  {
   background: url(sg_index_media/comic1.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 123px;
   top: 0px;
   z-index: 5;
   width: 138px;
   height: 159px;
}

#comic2  {
   background: url(sg_index_media/comic2.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 261px;
   top: 0px;
   z-index: 4;
   width: 142px;
   height: 159px;
}

#layer2  {
   background: url(sg_index_media/layer2.gif) no-repeat;
   position: absolute;
   left: 0px;
   top: 158px;
   z-index: 2;
   width: 650px;
   height: 31px;
}

#comic3  {
   background: url(sg_index_media/comic3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 392px;
   top: 0px;
   z-index: 3;
   width: 136px;
   height: 161px;
}

#cover  {
   background: url(sg_index_media/cover.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 6;
   width: 123px;
   height: 159px;
}

#page1  {
   background: url(sg_index_media/page1.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 527px;
   top: 0px;
   z-index: 2;
   width: 123px;
   height: 159px;
}

#index  {
   margin: 0px auto 0px auto;
   width: 650px;
   position: relative;
}

#white  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 159px;
   z-index: 1;
   width: 650px;
   height: 489px;
   background-color: #FFFFFF;
   background-image: none;
}

#copy  {
   background: url(sg_index_media/copy.gif) no-repeat;
   position: absolute;
   left: 84px;
   top: 248px;
   z-index: 3;
   width: 482px;
   height: 190px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #F1EFD3;
}