#classesbutton a:hover,
#menusbutton a:hover  {
   background-position: -230px 0%;
}

#menusbutton a,
#classesbutton a  {
   background-repeat: no-repeat;
   display: block;
   width: 230px;
   height: 180px;
   background-position: 0% 0px;
}

#featurebutton a:hover  {
   background-position: -490px 0%;
}

#featurebutton a  {
   background: url(indexmedia/featurebutton.gif) no-repeat 0% 0px;
   display: block;
   width: 490px;
   height: 209px;
}

#classesbutton a  {
   background-image: url(indexmedia/classesbutton.gif);
}

#classesbutton  {
   visibility: visible;
   position: absolute;
   left: 9px;
   top: 144px;
   z-index: 2;
   width: 230px;
   height: 180px;
}

#featurebutton  {
   visibility: visible;
   position: absolute;
   left: 160px;
   top: 362px;
   z-index: 2;
   width: 490px;
   height: 209px;
}

#menusbutton a  {
   background-image: url(indexmedia/menusbutton.gif);
}

#menusbutton  {
   visibility: visible;
   position: absolute;
   left: 229px;
   top: 140px;
   z-index: 3;
   width: 230px;
   height: 180px;
}

#hznindex  {
   width: 100%;
   height: 1px;
   overflow: visible;
   position: absolute;
   top: 50%;
   left: 0px;
}

#layer1  {
   background: url(indexmedia/layer1.gif) no-repeat;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 800px;
   height: 600px;
}

#index  {
   width: 800px;
   height: 600px;
   position: absolute;
   margin-left: -400px;
   left: 50%;
   top: -300px;
}

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