html, body {
  height: 100%;
}

#billboard {
  height: 250px;
  min-height: 250px;
  max-height: 600px;
  position: absolute;
  width: 970px;
}

#close-button {
  position:absolute;
  background: url(1b4a9089daa2ddc485da7a0b6c0c2fb463736b78.jpg)  no-repeat scroll top left;
  width: 67px;
  height: 23px;
  right:0px;
  top:0px;
  cursor:pointer;
}

#expand-button {
  height: 100%;
  position: absolute;
  width: 100%;
}

/*==============================================VIDEO SECTION==============================================*/
.video-container {
  height: 250px;
  position: absolute;
  width: 444px;
  top: 0px;
  left:526px;
  opacity: 1;
}

video {
  height: 100%;
  width: 100%;
}

#playbtn {
  position:absolute;
  left:711px;
  top:226px;
  background: url(d35d3f8620d7dbf4b827e87798bf854de9fba49a.jpg)  no-repeat scroll top left;
  width: 74px;
  height: 24px;
  /*opacity:0;*/
  cursor:pointer;
}

#pausebtn {
  position:absolute;
  left:711px;
  top:226px;
  background: url(5037faa12fe9bbe6e5032b012a539e238cf64747.jpg)  no-repeat scroll top left;
  width: 74px;
  height: 24px;
  /*opacity:0;*/
  cursor:pointer;
}

#sndBtn {
  position:absolute;
  top:0px;
  left:819px;
  background: url(30701977ccaa9ab0dc5972fc10220f7397bcfdce.jpg)  no-repeat scroll top left;
  width: 74px;
  height: 23px;
  opacity:0;
  cursor:pointer;
}

#sndOnBtn {
  position:absolute;
  top:0px;
  left:819px;
  background: url(bba08e21d645afea5f216a6414f750f4bcb26fc4.jpg)  no-repeat scroll top left;
  width: 74px;
  height: 23px;
  cursor:pointer;
  
}

/*==============================================LEFT SECTION==============================================*/
#placeholder{
    position:absolute;
    width: 444px;
    height: 250px;
    top:0px;
    left:526px;
    background: url(01af9531fc776d5da533c0952b5ce835c5f3c7f4.jpg)  no-repeat;
}

#img {
    position:absolute;
    width: 526px;
    height: 250px;
    top:0px;
    left:0px;
    background: url(149a6503a78af455629587a01acef0931a59d761.jpg)  no-repeat;
    cursor:pointer;
}

#copy0 {
  position: absolute;
  width: 970px;
  height: 250px;
  top:0px;
  left:0px;
  opacity: 0;
  background: url(d7f6824034091a270f646505ecef58d21a24ac3d.png) ;
}

#copy1 {
  position: absolute;
  width: 970px;
  height: 250px;
  top:0px;
  left:0px;
  opacity: 0;
  background: url(2f110c357bc743515b4987cc387cd720846e93ee.png) ;
}
#copy2 {
  position: absolute;
  width: 970px;
  height: 250px;
  top:0px;
  left:0px;
  opacity: 0;
  background: url(c57d88da73f0a514126fd7cc672cfe2272866de5.png) ;
}
#copy3 {
  position: absolute;
  width: 970px;
  height: 250px;
  top:0px;
  left:0px;
  opacity: 0;
  background: url(ecd38f7464816c9af8e9556618cf8b1f1145b0cc.png) ;
}

#cta {
  position: absolute;
  width: 74px;
  height: 26px;
  top: 213px;
  left: 363px;
  opacity: 0;
  background-color: #e80d13;
}

#cta.light_red {
  transition: background-color 0.5s ease;
  background-color: #ea5e60;
}

#cta.dark_red {
  transition: background-color 0.5s ease;
  background-color: #e80d13;
}

#cta_txt {
  position: absolute;
  width: 44px;
  height: 13px;
  top: 6px;
  left: 7px;
  background: url(1b5440fe391fcd318bc916b076ba9951c91ed7e5.png)  no-repeat;
}

#cta_arrows {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 7px;
  left: 56px;
  background: url(271824ce01f5b119f25e72e15d982e0cc6547394.png)  no-repeat;
}

#arrow_mask {
  position: absolute;
  width: 158px;
  height: 44px;
  top: 189px;
  left: 108px;
  overflow: hidden;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

#arrow {
  position: absolute;
  width: 970px;
  height: 250px;
  top:0px;
  left:0px;
  opacity:0;
  background: url(b67aa2d17aea4348e9bf705a85666001a91b2165.png)  no-repeat; 
}

#clickthrough_button {
    position:absolute;
    width: 526px;
    height: 250px;
    top:0px;
    left:0px;
    background-color: #63c;
    opacity: 0;
    cursor:pointer;
}