html, body, 
      a {
        margin: 0;
        padding: 0;
        border: 0;
   
        vertical-align: baseline;
      }

   /*bannerSpecs GENERAL*/
   body {
    background-color:#FFF;
   }
  

   .container {/*this is the holder of the animation*/
    
    position:absolute;
    width: 300px;
    height: 250px;
    padding:0;
    margin:0;
    background-position:center center;
    background-size:cover;
    background-clip:border-box; 
    overflow: hidden;
    border:1px solid #666;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

  }

  #holder {
    opacity:0;


   }



#clickLayer {
  position:absolute;
  top:0px;
  left:0px;
  height:300px;
  width:250px;
cursor:pointer;
  z-index:980;
}

#imgBorder {
  position:absolute;
  top:0px;
  left:-2px;
 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 10px solid #FFF;

}
#copy1 {
  position:absolute;
  top:149px;
  left:-168px;
  width:170px;
  height:20px;
 /* background-color:#FFF;*/
  overflow:hidden;
}


#copy2 {
  position:absolute;
  top:172px;
  left:17px;
  width:100px;
  height:20px;
  /*background-color:#FFF;*/
    overflow:hidden;
}
 #copy1a {
position:absolute;
top:0px;
left:0px;
}

#copy1b {
position:absolute;
top:0px;
left:-170px;
}

#copy2a,#copy2b, #copy2c {
position:absolute;
top:0px;
left:-100px;


}
 #logos {
position:absolute;
top:0px;
left:0px;


}
#imgHolder {

  position:absolute;
  top:0px;
  left:0px;
  width:300px;
  height:210px;
  overflow:hidden;
}
#adopt, #adoptglow {
      position: absolute;
    top: 0px;
    left:0px;
    opacity:0;
}
#adoptglow {opacity:0; }

#s0, #s1, #s2, #s3, #s4, #s5, #s6 {
position:absolute;
/*top:0px;
left:0px;
*/
opacity:0;
width:300px;
height:250px;
}


#s1 {top:0px; left:0px;   }
#s2 { top:0px; left:0px;    }
#s3 { top:0px; left:0px;    }
#s4 { top:0px; left:0px;    }