.wrapper{background:url(images/bg.png)}
    main{position:relative;width: 1024px;height:611px;margin:8px auto 0;overflow:hidden}
.sound {width: 198px;opacity: 0.5;position:absolute;}
@font-face{font-family:'Love';src:url(./fonts/LoveYaLikeASister.ttf)}


div#s2 {
    top: 240px;    
    left: 210px;
}

div#s1 {
    top: 240px;    
    left: 10px;
}

div#s3 {
    top: 240px;    
    left: 408px;
}

div#s4 {
    top: 240px;    
    left: 606px;
}

div#s5 {
    top: 240px;    
    left: 804px;
}


.small.play {
    background-position: -737px -346px !important;
    color: transparent;
    margin-right: 0px;
}

.small.pause {
    background-position: -551px -346px !important;
    color: transparent;
    margin-right: 0px;
}

.small.stop {
    background-position: -458px -346px !important;    color: transparent;
    margin-right: 0px;
}

.sound .jp-progress {
    position: absolute;    
    top: 45%;    
    left: 89px;    
    width: 103px;            
}



.sound:hover {
    opacity: 1;
}

.dropp {
    width: 192px;
    height: 151px;
    display: block;
    position: absolute;
}



#drag1 {
    background: url(images/f1.png);
    top: 438px;    
    left: 28px;
}


#drag2 {
    background: url(images/f2.png);
    top: 358px;    
    left: 228px;
}

#drag3 {
    background: url(images/f3.png);
    top: 448px;    
    left: 626px;
}

#drag4 {
    background: url(images/f4.png);
    top: 380px;    
    left: 425px;
}

#drag5 {
    background: url(images/f5.png);
}

.dragg {
    position: absolute;
    width: 172px;
    height: 130px;
}

div#drop1 {
    top: 78px;
    left: 19px;
}

div#drop5 {
    top: 78px;    
    left: 815px;
}

div#drop4 {
    top: 78px;    
    left: 616px;
}

div#drop3 {
    top: 78px;    
    left: 417px;
}

div#drop2 {
    top: 78px;    
    left: 218px;
}

div#drag5 {
    top: 328px;    
    left: 826px;
}