body {
  margin: 0px;
  padding:0;
}

.gpu{backface-visibility:hidden;transform:translateZ(0);transform:rotate(0.01deg);will-change:transform}


div {
  position: absolute;
  top:0;
  width:0;
}

#body-copy1, #body-copy2{
  top:440px;
  left:0;
  width:300px;
  height:300px;
  background: url("spriteSheet.png") -300px 0 no-repeat;
  background-size: 900px 600px;
 
}

#body-copy2{
  top:144px;
  background: url("spriteSheet.png") -300px -300px no-repeat;
  background-size: 900px 600px;
  opacity:0;
}


#box1, #box2, #box3{
  width:241px;
  height:155px;
  left:-266px;
  top:185px;
  border: 8px #FFF solid;
  background-color: #e9e6d5;
}

#box2{
  left:300px;
  top:184px;
  height:156px;
}

#box3{
  top:-190px;
  left:19px;
  height:128px;
  opacity: 0;
}

#blurb{
  top:600px;
  left:0;
  width:300px;
  height:32px;
  background: url("spriteSheet.png") -600px -558px no-repeat;
  background-size: 900px 600px;
}

 #click-through {
  top: 0;
  left: 0;
  width: 300px;
  height: 600px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  border: 1px #000 solid;
  padding:0;
  margin:0;
  cursor: pointer;
}

#container {
  position: relative;
  width: 300px;
  height: 600px;
  overflow:hidden;
  /* comment out when approved 
    position: absolute;
    margin: -360px 0 0 -150px;
    top: 50%;
    left: 50%;
    comment out when approved */
  background: url("bkgd.png") 0 0 no-repeat;
  background-size: 300px 600px;
}


#cta-copy{
  top:-195px;
  left:0;
  width:300px;
  height:100px;
  background: url("spriteSheet.png") -600px -147px no-repeat;
  background-size: 900px 600px;
  opacity: 0;
}

#cta-button{
  top:103.5px;
  left:126px;
  width:47px;
  height: 30px;
  border-radius: 6px;
  background-color: #9d002e;
  background-image: url("spriteSheet.png");
  background-position: -726px -278px;
  background-repeat: no-repeat;
  background-size: 900px 600px;

}

.image-wrapper{
  top:0;
  left:0;
  width:300px;
  height:600px;
}

#headline1, #headline2 {
  top:-230px;
  left:0;
  width:300px;
  height:300px;
  background: url("spriteSheet.png") 0 0 no-repeat;
  background-size: 900px 600px;
}

#headline2 {
  top:126px;
  background: url("spriteSheet.png") 0 -308.5px no-repeat;
  background-size: 900px 600px;
  opacity: 0;
}



#layout{
  opacity:0.5;
}

#line{
  top:555px;
  left:74px;
  width:153px;
  height:1px;
  background-color: #9d002e;
  opacity: 0;
}


#logo{
  top:542px;
  left:0;
  width:300px;
  height:58px;
  background: url("spriteSheet.png") -600px -496px no-repeat;
  background-size: 900px 600px;
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}


#rec-behind-logo{
  width:300px;
  height:140px;
  top:544px;
  left:0;
  background-color:#FFF;
}