body { 
    margin:0;
    padding:0;
}

#adArea {
    width:320px;
    height:250px;
    position: relative;
    overflow: hidden;
    text-overflow: clip;
    margin:0;
    padding:0;
    cursor:auto;
    background-image: url("../images/bg.jpg");
}

#glass_ghost {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    background-image: url("../images/glass_ghost.png");
}

#pad_ghost {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    background-image: url("../images/pad_ghost.png");
}

#text_1 {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    opacity:1;
    background-image: url("../images/text_1.png");

    -ms-transform: translate(200px, 0px);
    -webkit-transform: translate(200px, 0px);
    transform: translate(200px, 0px);
}

#pep1 {
    right:108px;
    bottom:40px;
    width: 59px;
    height: 59px;
    background-image: url("../images/asset_1.png");
}

#pep2 {
    right:61px;
    bottom:20px;
    width: 46px;
    height: 100px;
    background-image: url("../images/asset_2.png");
}

#pep3 {
    right:22px;
    bottom:20px;
    width: 38px;
    height: 105px;
    background-image: url("../images/asset_3.png");
}

.droppable_pad{   
    width: 110px; 
    height: 40px;
    left:25px;
    top:190px;
    position: absolute;
    /*border: 5px solid red;*/
}

.droppable_glass{   
    width: 80px; 
    height: 180px;
    left:40px;
    top:25px;
    position: absolute;
    /*border: 5px solid blue;*/
}

.pep_glass
{ 
    position:absolute;
    z-index: 10;
    cursor: pointer;
}

.pep_pad
{ 
    position:absolute;
    z-index: 10;
    cursor: pointer;
}

#pad_good {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    opacity:0;
    background-image: url("../images/pad_good.png");
}

#glass_good {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    opacity:0;
    background-image: url("../images/glass_good.png");
}

#glass_good_full {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    opacity:0;
    background-image: url("../images/glass_good_full.png");
}

#text_2A {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    opacity:1;
    background-image: url("../images/text_2A.png");
    
    -ms-transform: translate(200px, 0px);
    -webkit-transform: translate(200px, 0px);
    transform: translate(200px, 0px);
}
#text_2B {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    opacity:1;
    background-image: url("../images/text_2B.png");
    
    -ms-transform: translate(200px, 0px);
    -webkit-transform: translate(200px, 0px);
    transform: translate(200px, 0px);
}
#text_3 {
    width:320px;
    height:250px;
    position: absolute;
    left:0;
    top:0;
    opacity:1;
    background-image: url("../images/text_3.png");
    
    -ms-transform: translate(200px, 0px);
    -webkit-transform: translate(200px, 0px);
    transform: translate(200px, 0px);
}
#cta {
    width:150px;
    height:43px;
    left:160px;
    top:170px;
    position: absolute;
    background-image: url("../images/cta.png");
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale();
    cursor: pointer;
}





/* drag css */

#parent {  width: 320px; height: 250px; position:relative;}

.pep
{ 
    position:absolute;
    z-index: 10;
    cursor: pointer;
}

.droppable{   
    width: 120px; 
    height: 90px;
    left:35px;
    top:100px;
    position: absolute;
    border: 5px solid red;
}




.no-events{
    pointer-events: none;
}