/* define any animations if using them */
@-webkit-keyframes bgAnimate { 0% { background-position: 0% 0%; }
  100% { background-position: 0% 100%; } }
@-moz-keyframes bgAnimate { 0% { background-position: 0% 0%; }
  100% { background-position: 0% 100%; } }
@keyframes bgAnimate { 0% { background-position: 0% 0%; }
  100% { background-position: 0% 100%; } }
body { color: #000000; font-size: 100%; font-family: Arial, sans-serif; line-height: 1.48; border: 0; margin: 0; }

*, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a, img { border: 0; outline: none; }

img.trans { opacity: .75; position: absolute; top: 0; left: 0; width: 300px; height: 600px; }

.display-ad-size, #wrapper, #wrapper #stage { display: block; margin: 0; padding: 0; width: 300px; height: 600px; overflow: hidden; -webkit-backface-visibility: hidden; background: #ffffff; cursor: pointer; }

.display-abs-pos { position: absolute; display: block; opacity: 1; filter: alpha(opacity=1); }

.hide-abs-pos { position: absolute; display: block; opacity: 0; filter: alpha(opacity=0); }

#wrapper { position: absolute; }
#wrapper #backup { display: none; cursor: pointer; position: absolute; left: 0px; top: 0px; width: 300px; height: 600px; }
#wrapper #stage { border: 1px solid #8c8c8c; position: absolute; background-color: #000000; display: none; /* added in to hide all content until DOM loaded. JS sets display to block */}
.lt-ie9 #wrapper #stage { /* IE8 specific styling */ }

#myVid{position:absolute; width:260px; height:147px; top:132px; left:21px; z-index: 500; opacity: 0; }

#logo { position: absolute; z-index: 7}

#cta { position: absolute; z-index: 7}

.text { position: absolute; z-index: 6}

#hero { position: absolute; z-index: 6}

#level_0 { position:absolute; top:0px; left:0px; z-index: 5; }
#level_1 { position:absolute; top:0px; left:0px; z-index: 5; }
#level_2 { position:absolute; top:0px; left:0px; z-index: 4; }
#level_3 { position:absolute; top:0px; left:0px; z-index: 3; }
#level_4 { position:absolute; top:0px; left:0px; z-index: 2; }
#level_5 { position:absolute; top:0px; left:0px; z-index: 1; }

#bg { position: absolute; z-index: 0}

#video_pause{position:absolute; top:258px; left:22px; z-index: 1000; visibility: hidden; }

#video_play{position:absolute; top:258px; left:22px; z-index: 1000; visibility: hidden; }

#sound_on{position:absolute; top:258px; left:49px; z-index: 1000; visibility: hidden; }

#sound_off{position:absolute; top:258px; left:49px; z-index: 1000; visibility: hidden; }

#videoReplay{position:absolute; width:260px; height:147px; top:132px; left:21px; z-index: 1000; visibility: hidden; }
