@charset "UTF-8";
/* CSS Document */

ta,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1;}
ol,ul{list-style:none !important;}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none !important;}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none !important;}
a img{border:none !important;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  
/*#click-through,#container,.ab-pos{position:absolute;top:0;left:0;width:300px;height:250px}*/


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

img,div{position:absolute}

* {
    outline: none !important;;
}

a {
    outline: none !important;;
}

input:focus, textarea:focus {
    outline: none !important;;
}

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

#body-copy{
  top:200px;
  left:0;
  width:300px;height:250px;
  background: url("spriteSheet.png") -300px 0 no-repeat;background-size: 600px 500px;
}


#box1, #box2, #box3{
  width:260px;
  height:132px;
  left:-260px;
  top:33.5px;
  border: 5px #FFF solid;
  background-color: #e9e6d5;
}

#box2{
  left:300px;
  top:46px;
  height:106px;
	width:184px;
}

#box3{
  top:-190px;
  left:39px;
	 width:213px;
  height:119px;
  opacity: 0;
}

#blurb{
  top:250px;
  left:0;
  width:300px;
  height:22px;
  background: url("spriteSheet.png") -300px -470px no-repeat;
	background-size: 600px 500px;
}

 #click-through {
  top: 0;
  left: 0;
  width: 300px;
  height: 250px;
  -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: 250px;
  overflow:hidden;
  /* comment out when approved 
    position: absolute;
    margin: -125px 0 0 -150px;
    top: 50%;
    left: 50%;
    comment out when approved */
  background: url("bkgd.jpg") 0 0 no-repeat;
  background-size: 300px 250px;
}


#cta-copy{
  top:-259px;
  left:0;
  width:300px;
  height:165px;
  background: url("spriteSheet.png") -295.5px -244.5px no-repeat;background-size: 600px 500px;
  opacity: 0;
}

#cta-button{
  top:106.5px;
  left:128px;
  width:44.2px;
  height: 23.8px;
  border-radius: 7px;
  background-color: #9d002e;
  background-image: url("spriteSheet.png");
  background-position: -427px -356px;
  background-repeat: no-repeat;background-size: 600px 500px;

}


#headline{
  top:-250px;
  left:0;
  width:300px;
	height:250px;
  background: url("spriteSheet.png") 0 0 no-repeat;
	background-size: 600px 500px;
}



#logo{
  top:200px;
  left:0;
  width:300px;
  height:45px;
  background: url("spriteSheet.png") -300px -426.8px no-repeat;
	background-size: 600px 500px;
 /* -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);*/
}

/*#outline{
  border: rgb(0, 0, 0) 1px solid;
  width: 298px;
  height: 598px;
  top:0;
  left:0;
  pointer-events: none;
}*/

#line{
  top:223px;
  left:104px;
  width:92px;
  height:1px;
  background-color: #9d002e;
  opacity: 0;
}


#layout{
  opacity:0.5;
}

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


.retina{
  width:300px;height:250px;
}