div#container
{
   width: 1500px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #C0C0C0;
   background-image: url('images/smallpianos.gif');
   background-attachment: fixed;
   background-position: left top;
   background-repeat: repeat;
   background-size: 100% 100%;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #FFFFFF;
   text-decoration: none;
}
a:active
{
   color: #87CEFA;
}
a:hover
{
   color: #DA70D6;
   text-decoration: none;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: transform-rotate 5000ms linear 0ms infinite alternate-reverse both;
   filter: drop-shadow(0px 0px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   filter: drop-shadow(0px 0px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image18
{
   vertical-align: top;
}
#Image18
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   filter: drop-shadow(0px 0px 10px rgba(255,255,255,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1
{
   color: #FFFFFF;
   font-family: Georgia;
   font-weight: normal;
   font-size: 32px;
}
#wb_Text1 div
{
   text-align: center;
}
#MorphingIcon1
{
   overflow: visible;
}
#wb_Image49
{
   vertical-align: top;
}
#Image49
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   filter: drop-shadow(0px 0px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: heartbeat-1 1000ms linear 0ms infinite normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: heartbeat-1 1000ms linear 0ms infinite normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Bookmark3
{
   position: absolute;
   left: 726px;
   top: 4329px;
   width: 65px;
   height: 44px;
   z-index: 10;
}
#wb_Bookmark2
{
   position: absolute;
   left: 716px;
   top: 4807px;
   width: 65px;
   height: 44px;
   z-index: 7;
}
#wb_Bookmark1
{
   position: absolute;
   left: 14px;
   top: 10px;
   width: 24px;
   height: 18px;
   z-index: 2;
}
#wb_Image1
{
   position: absolute;
   left: 85px;
   top: 28px;
   width: 670px;
   height: 91px;
   z-index: 1;
}
#wb_Image2
{
   position: absolute;
   left: 404px;
   top: 4608px;
   width: 80px;
   height: 144px;
   z-index: 8;
}
#wb_Image3
{
   position: absolute;
   left: 214px;
   top: 1762px;
   width: 1073px;
   height: 1073px;
   opacity: 0.80;
   z-index: 0;
}
#wb_Image4
{
   position: absolute;
   left: 953px;
   top: 4640px;
   width: 144px;
   height: 80px;
   z-index: 9;
}
#wb_Text1
{
   position: absolute;
   left: 421px;
   top: 420px;
   width: 659px;
   height: 3838px;
   text-align: center;
   z-index: 4;
}
#Bookmark3
{
   opacity: 0;
}
#Bookmark2
{
   opacity: 0;
}
#MorphingIcon1
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#wb_MorphingIcon1
{
   position: absolute;
   left: 85px;
   top: 28px;
   width: 165px;
   height: 218px;
   z-index: 5;
}
#wb_Image49
{
   position: absolute;
   left: 629px;
   top: 4601px;
   width: 238px;
   height: 159px;
   z-index: 6;
}
#Bookmark1
{
   opacity: 0;
}
#wb_Image18
{
   position: absolute;
   left: 1156px;
   top: 28px;
   width: 300px;
   height: 300px;
   z-index: 3;
}
@media only screen and (min-width: 1024px) and (max-width: 1499px)
{
div#container
{
   width: 1024px;
}
body
{
   background-color: #C0C0C0;
   background-image: url('images/smallpianos.gif');
   background-attachment: fixed;
   background-position: left top;
   background-repeat: repeat;
   background-size: 100% 100%;
}
#wb_Image3
{
   left: 19px;
   top: 1442px;
   width: 987px;
   height: 808px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 38px;
   top: 15px;
   width: 428px;
   height: 84px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark1
{
   left: 5px;
   top: 5px;
   width: 14px;
   height: 8px;
   visibility: visible;
   display: inline;
}
#wb_Image18
{
   left: 779px;
   top: 29px;
   width: 200px;
   height: 200px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   left: 190px;
   top: 319px;
   width: 644px;
   height: 2929px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_MorphingIcon1
{
   left: 38px;
   top: 15px;
   width: 165px;
   height: 218px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image49
{
   left: 432px;
   top: 3527px;
   width: 160px;
   height: 104px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark2
{
   left: 486px;
   top: 3647px;
   width: 53px;
   height: 53px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 260px;
   top: 3512px;
   width: 75px;
   height: 135px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 664px;
   top: 3541px;
   width: 140px;
   height: 77px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark3
{
   left: 478px;
   top: 3278px;
   width: 53px;
   height: 53px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px)
{
div#container
{
   width: 768px;
}
body
{
   background-color: #C0C0C0;
   background-image: url('images/smallpianos.gif');
   background-attachment: fixed;
   background-position: left top;
   background-repeat: repeat;
   background-size: 100% 100%;
}
#wb_Image3
{
   left: 34px;
   top: 1377px;
   width: 700px;
   height: 700px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 25px;
   top: 15px;
   width: 377px;
   height: 92px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark1
{
   left: 4px;
   top: 4px;
   width: 11px;
   height: 6px;
   visibility: visible;
   display: inline;
}
#wb_Image18
{
   left: 575px;
   top: 15px;
   width: 170px;
   height: 170px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   left: 104px;
   top: 300px;
   width: 561px;
   height: 2929px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_MorphingIcon1
{
   left: 25px;
   top: 15px;
   width: 124px;
   height: 164px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image49
{
   left: 324px;
   top: 3460px;
   width: 120px;
   height: 78px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark2
{
   left: 364px;
   top: 3556px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 149px;
   top: 3438px;
   width: 55px;
   height: 100px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 555px;
   top: 3456px;
   width: 118px;
   height: 65px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark3
{
   left: 360px;
   top: 3263px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
div#container
{
   width: 480px;
}
body
{
   background-color: #C0C0C0;
   background-image: url('images/smallpianos.gif');
   background-attachment: fixed;
   background-position: left top;
   background-repeat: repeat;
   background-size: 100% 100%;
}
#wb_Image3
{
   left: 12px;
   top: 1003px;
   width: 457px;
   height: 457px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 24px;
   top: 15px;
   width: 229px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark1
{
   left: 3px;
   top: 3px;
   width: 7px;
   height: 4px;
   visibility: visible;
   display: inline;
}
#wb_Image18
{
   left: 377px;
   top: 15px;
   width: 80px;
   height: 80px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   left: 36px;
   top: 158px;
   width: 409px;
   height: 2121px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_MorphingIcon1
{
   left: 24px;
   top: 14px;
   width: 78px;
   height: 103px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image49
{
   left: 170px;
   top: 2591px;
   width: 116px;
   height: 78px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark2
{
   left: 216px;
   top: 2689px;
   width: 25px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 54px;
   top: 2590px;
   width: 45px;
   height: 81px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 339px;
   top: 2604px;
   width: 94px;
   height: 52px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark3
{
   left: 215px;
   top: 2295px;
   width: 25px;
   height: 25px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (max-width: 479px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #C0C0C0;
   background-image: url('images/smallpianos.gif');
   background-attachment: fixed;
   background-position: left top;
   background-repeat: repeat;
   background-size: 100% 100%;
}
#wb_Image3
{
   left: 6px;
   top: 798px;
   width: 308px;
   height: 308px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 18px;
   top: 15px;
   width: 157px;
   height: 44px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark1
{
   left: 2px;
   top: 2px;
   width: 5px;
   height: 3px;
   visibility: visible;
   display: inline;
}
#wb_Image18
{
   left: 221px;
   top: 15px;
   width: 75px;
   height: 75px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   left: 21px;
   top: 149px;
   width: 278px;
   height: 1616px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_MorphingIcon1
{
   left: 18px;
   top: 15px;
   width: 52px;
   height: 69px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image49
{
   left: 111px;
   top: 1946px;
   width: 83px;
   height: 55px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark2
{
   left: 144px;
   top: 2020px;
   width: 17px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 35px;
   top: 1946px;
   width: 30px;
   height: 54px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 225px;
   top: 1956px;
   width: 63px;
   height: 35px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark3
{
   left: 146px;
   top: 1792px;
   width: 17px;
   height: 17px;
   visibility: visible;
   display: inline;
}
}