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: #0000FF;
   text-decoration: none;
}
#MorphingIcon1
{
   overflow: visible;
}
#wb_Image12
{
   vertical-align: top;
}
#Image12
{
   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_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 normal 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_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;
}
#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: 724px;
   top: 4277px;
   width: 65px;
   height: 44px;
   z-index: 10;
}
#wb_Bookmark2
{
   position: absolute;
   left: 716px;
   top: 4762px;
   width: 65px;
   height: 44px;
   z-index: 7;
}
#wb_Bookmark1
{
   position: absolute;
   left: 14px;
   top: 11px;
   width: 17px;
   height: 17px;
   z-index: 5;
}
#wb_Image1
{
   position: absolute;
   left: 86px;
   top: 28px;
   width: 670px;
   height: 91px;
   z-index: 3;
}
#wb_Image2
{
   position: absolute;
   left: 404px;
   top: 4564px;
   width: 80px;
   height: 144px;
   z-index: 8;
}
#wb_Image3
{
   position: absolute;
   left: 282px;
   top: 1943px;
   width: 937px;
   height: 1041px;
   opacity: 0.50;
   z-index: 2;
}
#wb_Image4
{
   position: absolute;
   left: 953px;
   top: 4596px;
   width: 144px;
   height: 80px;
   z-index: 9;
}
#wb_Text1
{
   position: absolute;
   left: 421px;
   top: 418px;
   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: 86px;
   top: 28px;
   width: 216px;
   height: 290px;
   z-index: 0;
}
#wb_Image49
{
   position: absolute;
   left: 629px;
   top: 4557px;
   width: 238px;
   height: 159px;
   z-index: 6;
}
#Bookmark1
{
   opacity: 0;
}
#wb_Image12
{
   position: absolute;
   left: 1156px;
   top: 28px;
   width: 300px;
   height: 300px;
   z-index: 1;
}
@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_MorphingIcon1
{
   left: 38px;
   top: 20px;
   width: 165px;
   height: 218px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image12
{
   left: 779px;
   top: 29px;
   width: 200px;
   height: 200px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 139px;
   top: 1471px;
   width: 746px;
   height: 828px;
   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_Text1
{
   left: 169px;
   top: 319px;
   width: 686px;
   height: 2929px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Bookmark1
{
   left: 8px;
   top: 5px;
   width: 10px;
   height: 10px;
   visibility: visible;
   display: inline;
}
#wb_Image49
{
   left: 432px;
   top: 3467px;
   width: 160px;
   height: 104px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark2
{
   left: 486px;
   top: 3587px;
   width: 53px;
   height: 53px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 264px;
   top: 3452px;
   width: 75px;
   height: 135px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 668px;
   top: 3481px;
   width: 140px;
   height: 77px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark3
{
   left: 490px;
   top: 3266px;
   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_MorphingIcon1
{
   left: 25px;
   top: 12px;
   width: 124px;
   height: 164px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image12
{
   left: 575px;
   top: 25px;
   width: 170px;
   height: 170px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 19px;
   top: 1397px;
   width: 731px;
   height: 811px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 25px;
   top: 12px;
   width: 377px;
   height: 92px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   left: 104px;
   top: 300px;
   width: 561px;
   height: 2929px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Bookmark1
{
   left: 6px;
   top: 4px;
   width: 8px;
   height: 8px;
   visibility: visible;
   display: inline;
}
#wb_Image49
{
   left: 324px;
   top: 3457px;
   width: 120px;
   height: 78px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark2
{
   left: 364px;
   top: 3575px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 122px;
   top: 3435px;
   width: 55px;
   height: 100px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 547px;
   top: 3464px;
   width: 118px;
   height: 65px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark3
{
   left: 359px;
   top: 3260px;
   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_MorphingIcon1
{
   left: 24px;
   top: 14px;
   width: 78px;
   height: 103px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image12
{
   left: 377px;
   top: 14px;
   width: 80px;
   height: 80px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 12px;
   top: 1039px;
   width: 457px;
   height: 507px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 24px;
   top: 14px;
   width: 229px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   left: 36px;
   top: 160px;
   width: 409px;
   height: 2121px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text1
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Bookmark1
{
   left: 4px;
   top: 3px;
   width: 5px;
   height: 5px;
   visibility: visible;
   display: inline;
}
#wb_Image49
{
   left: 177px;
   top: 2591px;
   width: 116px;
   height: 78px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark2
{
   left: 223px;
   top: 2689px;
   width: 25px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 61px;
   top: 2590px;
   width: 45px;
   height: 81px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 346px;
   top: 2604px;
   width: 94px;
   height: 52px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark3
{
   left: 220px;
   top: 2304px;
   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_MorphingIcon1
{
   left: 21px;
   top: 15px;
   width: 52px;
   height: 69px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image12
{
   left: 221px;
   top: 15px;
   width: 75px;
   height: 75px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 8px;
   top: 830px;
   width: 305px;
   height: 338px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 21px;
   top: 15px;
   width: 157px;
   height: 44px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   left: 25px;
   top: 150px;
   width: 271px;
   height: 1616px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text1
{
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Bookmark1
{
   left: 2px;
   top: 2px;
   width: 3px;
   height: 3px;
   visibility: visible;
   display: inline;
}
#wb_Image49
{
   left: 115px;
   top: 1971px;
   width: 83px;
   height: 55px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark2
{
   left: 148px;
   top: 2045px;
   width: 17px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 39px;
   top: 1971px;
   width: 30px;
   height: 54px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 229px;
   top: 1981px;
   width: 63px;
   height: 35px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Bookmark3
{
   left: 152px;
   top: 1788px;
   width: 17px;
   height: 17px;
   visibility: visible;
   display: inline;
}
}