#historybutton a,
#mail1button a,
#mail2button a  {
   background-repeat: no-repeat;
   display: block;
   height: 13px;
   background-position: 0% 0px;
   font-size: 13px;
   line-height: 13px;
}

#mail1button a:hover,
#mail2button a:hover  {
   background-position: -18px 0%;
}

#bookbutton a:hover,
#netbutton a:hover  {
   background-position: -126px 0%;
}

#netbutton a,
#resourcesbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 14px;
   background-position: 0% 0px;
   font-size: 14px;
   line-height: 14px;
}

#newbutton a,
#reviewsbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 11px;
   background-position: 0% 0px;
   font-size: 11px;
   line-height: 11px;
}

#mail1button,
#mail2button  {
   visibility: visible;
   position: absolute;
   left: 49px;
   z-index: 5;
   width: 18px;
   height: 13px;
}

#resourcesbutton a:hover  {
   background-position: -125px 0%;
}

#reviewsbutton a:hover  {
   background-position: -80px 0%;
}

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

#bookiibutton a:hover  {
   background-position: -122px 0%;
}

#cprvbutton a:hover  {
   background-position: -104px 0%;
}

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

#newbutton a:hover  {
   background-position: -77px 0%;
}

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

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

#backgroundcolor  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3;
   width: 790px;
   height: 825px;
   background-color: #FFFFFF;
   background-image: none;
}

#resourcesbutton  {
   visibility: visible;
   position: absolute;
   left: 24px;
   top: 569px;
   z-index: 6;
   width: 125px;
   height: 14px;
}

#bookiibutton a  {
   background: url(sg_index_media/bookiibutton.gif) no-repeat 0% 0px;
   display: block;
   height: 96px;
   width: 122px;
   font-size: 96px;
   line-height: 96px;
}

#historybutton  {
   visibility: visible;
   position: absolute;
   left: 24px;
   top: 503px;
   z-index: 6;
   width: 61px;
   height: 13px;
}

#reviewsbutton  {
   visibility: visible;
   position: absolute;
   left: 24px;
   top: 602px;
   z-index: 6;
   width: 80px;
   height: 11px;
}

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

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

#bookiibutton  {
   visibility: visible;
   position: absolute;
   left: 24px;
   top: 318px;
   z-index: 6;
   width: 122px;
   height: 96px;
}

#cprvbutton a  {
   background: url(sg_index_media/cprvbutton.gif) no-repeat 0% 0px;
   display: block;
   height: 41px;
   width: 104px;
   font-size: 41px;
   line-height: 41px;
}

#bookbutton a  {
   background: url(sg_index_media/bookbutton.gif) no-repeat 0% 0px;
   display: block;
   height: 69px;
   width: 126px;
   font-size: 69px;
   line-height: 69px;
}

#mail1button  {
   top: 705px;
}

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

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

#mail2button  {
   top: 746px;
}

#bookbutton  {
   visibility: visible;
   position: absolute;
   left: 24px;
   top: 208px;
   z-index: 6;
   width: 126px;
   height: 69px;
}

#cprvbutton  {
   visibility: visible;
   position: absolute;
   left: 23px;
   top: 438px;
   z-index: 6;
   width: 104px;
   height: 41px;
}

#netbutton  {
   visibility: visible;
   position: absolute;
   left: 24px;
   top: 535px;
   z-index: 6;
   width: 126px;
   height: 14px;
}

#newbutton  {
   visibility: visible;
   position: absolute;
   left: 24px;
   top: 158px;
   z-index: 6;
   width: 77px;
   height: 11px;
}

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

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

#shape3  {
   background: url(sg_index_media/shape3.gif) no-repeat;
   position: absolute;
   left: 2px;
   top: 646px;
   z-index: 4;
   width: 786px;
   height: 123px;
}

#layer3  {
   background: url(sg_index_media/layer3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 690px;
   top: 279px;
   z-index: 7;
   width: 100px;
   height: 131px;
}

#layer7  {
   background: url(sg_index_media/layer7.gif) no-repeat;
   position: absolute;
   left: 2px;
   top: 108px;
   z-index: 5;
   width: 177px;
   height: 539px;
}

#layer6  {
   background: url(sg_index_media/layer6.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 591px;
   top: 444px;
   z-index: 7;
   width: 174px;
   height: 211px;
}

#layer5  {
   background: url(sg_index_media/layer5.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 506px;
   top: 512px;
   z-index: 8;
   width: 109px;
   height: 109px;
}

#layer1  {
   background: url(sg_index_media/layer1.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 511px;
   top: 117px;
   z-index: 5;
   width: 196px;
   height: 195px;
}

#intro  {
   background: url(sg_index_media/intro.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 193px;
   top: 163px;
   z-index: 9;
   width: 328px;
   height: 390px;
}

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

#o  {
   background: url(sg_index_media/o.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 159px;
   top: 145px;
   z-index: 10;
   width: 52px;
   height: 49px;
}

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