div#container
{
   width: 800px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #6495ED;
   background-image: url(images/index_bkgrnd.png);
   background-repeat: repeat-x;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 11px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#Image1
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#Image2
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image3
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1
{
   position: absolute;
   left: 287px;
   top: 279px;
   width: 525px;
   height: 546px;
   text-align: center;
   z-index: 1;
}
#wb_Image1
{
   position: absolute;
   left: 36px;
   top: 249px;
   width: 200px;
   height: 613px;
   z-index: 0;
}
#wb_Image2
{
   position: absolute;
   left: 278px;
   top: 129px;
   width: 300px;
   height: 150px;
   z-index: 3;
}
#wb_Image3
{
   position: absolute;
   left: 299px;
   top: 325px;
   width: 500px;
   height: 500px;
   z-index: 4;
}
#MergedObject1
{
   border-width: 0;
   position: absolute;
   left: 261px;
   top: 11px;
   width: 305px;
   height: 209px;
   z-index: 2;
}
#MergedObject2
{
   border-width: 0;
   position: absolute;
   left: 25px;
   top: 11px;
   width: 222px;
   height: 209px;
   z-index: 5;
}
#MergedObject3
{
   border-width: 0;
   position: absolute;
   left: 578px;
   top: 11px;
   width: 222px;
   height: 209px;
   z-index: 6;
}
@media only screen and (min-width: 768px) and (max-width: 799px)
{
div#container
{
   width: 768px;
}
#wb_Image1
{
   left: 11px;
   top: 242px;
   width: 200px;
   height: 613px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 351px;
   top: 284px;
   width: 307px;
   height: 546px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#MergedObject1
{
   left: 229px;
   top: 11px;
   width: 565px;
   height: 260px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 254px;
   top: 134px;
   width: 300px;
   height: 150px;
   visibility: visible;
   display: inline;
}
#wb_Image3
{
   left: 350px;
   top: 398px;
   width: 309px;
   height: 309px;
   visibility: visible;
   display: inline;
}
#MergedObject2
{
   left: 0px;
   top: 11px;
   width: 222px;
   height: 209px;
   visibility: visible;
   display: inline;
}
#MergedObject3
{
   left: 546px;
   top: 11px;
   width: 222px;
   height: 209px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (max-width: 767px)
{
div#container
{
   width: 320px;
}
#wb_Image1
{
   left: 39px;
   top: 1028px;
   width: 200px;
   height: 613px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 7px;
   top: 230px;
   width: 307px;
   height: 546px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#MergedObject1
{
   left: 17px;
   top: 2px;
   width: 350px;
   height: 260px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 39px;
   top: 125px;
   width: 300px;
   height: 150px;
   visibility: visible;
   display: inline;
}
#wb_Image3
{
   left: 6px;
   top: 350px;
   width: 309px;
   height: 309px;
   visibility: visible;
   display: inline;
}
#MergedObject2
{
   left: 28px;
   top: 807px;
   width: 222px;
   height: 209px;
   visibility: visible;
   display: inline;
}
#MergedObject3
{
   left: 28px;
   top: 1651px;
   width: 222px;
   height: 209px;
   visibility: visible;
   display: inline;
}
}