html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -272px;
   float:left
}
div#container
{
   width: 827px;
   height: 544px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #B2BE76;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#indexImage6
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#indexImage7
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#indexImage8
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#indexImage1
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#indexImage2
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#indexImage3
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#indexImage4
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#indexImage5
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#indexImage9
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_indexImage1
{
   position: absolute;
   left: 9px;
   top: 55px;
   width: 543px;
   height: 129px;
   visibility: hidden;
   z-index: 3;
}
#wb_indexImage2
{
   position: absolute;
   left: 566px;
   top: 27px;
   width: 240px;
   height: 76px;
   visibility: hidden;
   z-index: 4;
}
#wb_indexImage3
{
   position: absolute;
   left: 151px;
   top: 174px;
   width: 524px;
   height: 120px;
   visibility: hidden;
   z-index: 5;
}
#wb_indexImage4
{
   position: absolute;
   left: 9px;
   top: 55px;
   width: 543px;
   height: 129px;
   visibility: hidden;
   z-index: 6;
}
#wb_indexImage5
{
   position: absolute;
   left: 566px;
   top: 27px;
   width: 240px;
   height: 76px;
   visibility: hidden;
   z-index: 7;
}
#wb_indexImage6
{
   position: absolute;
   left: 9px;
   top: 55px;
   width: 543px;
   height: 129px;
   z-index: 0;
}
#wb_indexImage7
{
   position: absolute;
   left: 566px;
   top: 27px;
   width: 240px;
   height: 76px;
   z-index: 1;
}
#wb_indexImage8
{
   position: absolute;
   left: 151px;
   top: 174px;
   width: 524px;
   height: 120px;
   z-index: 2;
}
#wb_indexImage9
{
   position: absolute;
   left: 151px;
   top: 174px;
   width: 524px;
   height: 120px;
   visibility: hidden;
   z-index: 8;
}
@media only screen and (min-width: 478px) and (max-width: 826px)
{
div#container
{
   width: 478px;
   height: 544px;
}
#wb_indexImage6
{
   left: 9px !important;
   top: 55px !important;
   width: 543px !important;
   height: 129px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage7
{
   left: 566px !important;
   top: 27px !important;
   width: 240px !important;
   height: 76px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage8
{
   left: 151px !important;
   top: 174px !important;
   width: 524px !important;
   height: 120px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage1
{
   left: 0px !important;
   top: 89px !important;
   width: 441px !important;
   height: 104px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexImage2
{
   left: 192px !important;
   top: 0px !important;
   width: 240px !important;
   height: 76px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexImage3
{
   left: 0px !important;
   top: 203px !important;
   width: 432px !important;
   height: 98px !important;
   visibility: visible !important;
   display: inline !important;
}
}
@media only screen and (max-width: 477px)
{
div#container
{
   width: 320px;
   height: 544px;
}
#wb_indexImage6
{
   left: 9px !important;
   top: 55px !important;
   width: 543px !important;
   height: 129px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage7
{
   left: 566px !important;
   top: 27px !important;
   width: 240px !important;
   height: 76px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage8
{
   left: 151px !important;
   top: 174px !important;
   width: 524px !important;
   height: 120px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage1
{
   left: 9px !important;
   top: 55px !important;
   width: 543px !important;
   height: 129px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage2
{
   left: 566px !important;
   top: 27px !important;
   width: 240px !important;
   height: 76px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage3
{
   left: 151px !important;
   top: 174px !important;
   width: 524px !important;
   height: 120px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_indexImage4
{
   left: 24px !important;
   top: 99px !important;
   width: 269px !important;
   height: 63px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexImage5
{
   left: 36px !important;
   top: 8px !important;
   width: 240px !important;
   height: 76px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexImage9
{
   left: 24px !important;
   top: 162px !important;
   width: 262px !important;
   height: 60px !important;
   visibility: visible !important;
   display: inline !important;
}
}