html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -296px;
   float:left
}
div#container
{
   width: 835px;
   height: 593px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #000000;
   background-image: url('images/LilaBackground.jpg');
   background-attachment: scroll;
   background-position: center top;
   background-repeat: no-repeat;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#MediaPlayer1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text4 div
{
   text-align: center;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#PhotoGallery1
{
   box-sizing: border-box;
   font-size: 0;
   width: 100%;
   height: 100%;
   table-layout: fixed;
   display: table;
   margin: 0;
}
#PhotoGallery1 .thumbnails
{
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   position: relative;
   min-height: 1px;
   box-sizing: border-box;
   float: left;
   padding: 3px 3px 3px 3px;
   width: 50%;
   text-align: center;
   vertical-align: top;
}
#PhotoGallery1 .thumbnail img
{
   border: 0px #DEE2E6 solid;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   box-sizing: border-box;
   border-radius: 0px;
}
#PhotoGallery1 .clearfix:before,
#PhotoGallery1 .clearfix:after,
#PhotoGallery1 .thumbnails:before,
#PhotoGallery1 .thumbnails:after
{
   display: table;
   content: " ";
}
#PhotoGallery1 .clearfix:after,
#PhotoGallery1 .thumbnails:after
{
   clear: both;
}
#PhotoGallery1 .visible-col3
{
   display: none;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#wb_Shape1
{
   position: absolute;
   left: 392px;
   top: 106px;
   width: 313px;
   height: 154px;
   z-index: 1;
}
#wb_Image2
{
   position: absolute;
   left: 765px;
   top: 449px;
   width: 44px;
   height: 44px;
   z-index: 6;
}
#wb_Text4
{
   position: absolute;
   left: 350px;
   top: 36px;
   width: 162px;
   height: 37px;
   text-align: center;
   z-index: 5;
}
#wb_Text5
{
   position: absolute;
   left: 643px;
   top: 506px;
   width: 205px;
   height: 9px;
   z-index: 4;
}
#wb_Text6
{
   position: absolute;
   left: 408px;
   top: 120px;
   width: 284px;
   height: 125px;
   z-index: 8;
}
#wb_PhotoGallery1
{
   position: absolute;
   left: 394px;
   top: 285px;
   width: 323px;
   height: 152px;
   z-index: 7;
}
#Shape1
{
   width: 313px;
   height: 154px;
}
#wb_Text1
{
   position: absolute;
   left: 98px;
   top: 18px;
   width: 162px;
   height: 37px;
   z-index: 2;
}
#wb_Text2
{
   position: absolute;
   left: 618px;
   top: 25px;
   width: 217px;
   height: 22px;
   z-index: 3;
}
#wb_MediaPlayer1
{
   position: absolute;
   left: 55px;
   top: 109px;
   width: 315px;
   height: 276px;
   z-index: 0;
}
@media only screen and (max-width: 834px)
{
div#container
{
   width: 320px;
   height: 847px;
}
body
{
   background-color: #000000;
   background-image: url('images/LilaBackground.jpg');
   background-attachment: scroll;
   background-position: center top;
   background-repeat: repeat-y;
}
#wb_MediaPlayer1
{
   left: 7px;
   top: 471px;
   width: 315px;
   height: 276px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Shape1
{
   left: 7px;
   top: 118px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text1
{
   left: 98px;
   top: 18px;
   width: 162px;
   height: 37px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Text2
{
   left: 618px;
   top: 25px;
   width: 217px;
   height: 22px;
   visibility: hidden;
   display: none;
}
#wb_Text2
{
   margin: 0;
   padding: 0;
}
#wb_Text5
{
   left: 100px;
   top: 835px;
   width: 205px;
   height: 9px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   left: 90px;
   top: 62px;
   width: 162px;
   height: 38px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   margin: 0;
   padding: 0;
}
#wb_Image2
{
   left: 148px;
   top: 772px;
   width: 44px;
   height: 44px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_PhotoGallery1
{
   left: 5px;
   top: 292px;
   width: 323px;
   height: 152px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   width: 50%;
}
#PhotoGallery1 .visible-col3
{
   display: none;
}
#wb_Text6
{
   left: 20px;
   top: 127px;
   width: 286px;
   height: 125px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   margin: 0;
   padding: 0;
}
}