/*

/* 
    Created on : Oct 10, 2016, 9:51:03 AM
    Author     : Melissa
*/
/*body*/
.ad_728x90{
    position: relative;
    width:728px;
    height:90px;
    overflow:hidden;
    
}

    

/*main*/
.background_yellow{
   position: absolute;
    bottom: 5px;
    left: 20px;
    opacity: 1;
  
}
.background_purple{
   position: absolute;
    bottom: 5px;
    left: 20px;
    opacity: 0;

}
.background_water{
   position: absolute;
    bottom: 5px;
    left: 20px;
    opacity: 0;

}
h1{
   position: absolute;
    top: 10px;
    left: 81px;
    color: purple;
    opacity: 1;
    font-family: PR Celtic Narrow Normal;
    font-size: 3.9em;
    font-weight: bold;
    text-shadow: -1px 2px 2px black;
    width: 276%;

}

.boat_words{
   position: absolute;
    top: 14px;
    left: 23px;
    color: yellow;
    opacity: 1;
    font-family: PR Celtic Narrow Normal;
    font-size: 3.9em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    width: 250%;
}
h2{
    position: absolute;
    top: 100px;
    left: 542px;
    color: #ffffff;
    opacity: 0;
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    width: 200px;
    
}
   
.title{
   position: absolute;
    top: 6px;
    left: -324px;
    color: orange;
    opacity: 0;
    font-family: Arial;
    font-size: 2em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    text-align: center;
    width: 200px;
   
}
/*boy swiming*/

.swiming_1{
    position: absolute;
    bottom: 0px;
    left: 23px;
    opacity: 1;
    display:none;
}
.swiming_2{
    position: absolute;
    bottom: 3px;
    left: 130px;
    opacity: 1;
}
.swiming_3{
    position: absolute;
    bottom: 4px;
    left: 221px;
    opacity: 1;
   
}
.swiming_4{
   position: absolute;
   bottom: 4px;
   left: 90px;
   opacity: 0;
   z-index:10000;
   
   
}
/*boat*/
.boat{
    position: absolute;
    bottom: 6px;
    left: 19px;
    width: 75px;
    opacity: 0;
   
}
/*last image*/

#banner{
   position: absolute;
    bottom: 4px;
    left: 15px;
    opacity: 0;
    width: 244px;
 
}
.click{
     position: absolute;
    top: 21px;
    left: 27px;
    color: yellow;
    opacity: 0;
    font-family: PR Celtic Narrow Normal;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
}
.click:hover {
    color: red;
}
.background_final{
    position: absolute;
    bottom: 5px;
    left: 20px;
    opacity: 0;

    
}
#do1,#you1,#like1,#to1,#swim1,#do2,#you2,#like2,#to2,#go2,#boat2 {
   opacity: 0;
}