/* 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: 728px; height: 90px; }

/* applies to GIF and PNG images; avoids blurry edges */
img[src$=".jpg"], img[src$=".png"] { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ }

.display-ad-size, #wrapper, #wrapper #stage, #wrapper #stage #logo, #wrapper #stage #band, #wrapper #stage #band #band_screen { display: block; margin: 0; padding: 0; width: 728px; height: 90px; overflow: hidden; -webkit-backface-visibility: hidden; cursor: pointer; }

.display-abs-pos, #wrapper #stage #bar1, #wrapper #stage #bar2, #wrapper #stage #bg, #wrapper #stage #band2, #wrapper #stage #f2_copy, #wrapper #stage #cta, #wrapper #stage #cta #cta_on, #wrapper #stage #cta #cta_off { position: absolute; display: block; opacity: 1; filter: alpha(opacity=1); }

.hide-abs-pos, #wrapper #stage #band #band_screen #ui_left, #wrapper #stage #band #band_screen #ui_right, #wrapper #stage #band #band_screen #ui_heart, #wrapper #stage #band #band_screen #ui_meeting, #wrapper #stage #f1_copy, #wrapper #stage #f3_copy, #wrapper #stage #f4_copy, #wrapper #stage #f5_copy { 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: 728px; height: 90px; }
#wrapper #stage { border: 1px solid #8c8c8c; position: absolute; background: #0078d7; }
#wrapper #stage #logo { background: url(logo.png) no-repeat; left: 0px; top: 0px; z-index: 100; position: absolute; }
#wrapper #stage #bar1 { background: #0078d7; height: 90px; width: 516px; bottom: 0; left: 0; z-index: 2; }
#wrapper #stage #bar2 { background: #0078d7; height: 90px; width: 213px; top: 0; left: 516px; z-index: 2; }
#wrapper #stage #bg { background: #0078d7; height: 90px; width: 728px; top: 0; left: -30px; background: url(bg.jpg) no-repeat; z-index: 1; }
#wrapper #stage #band { background: url(band.png) no-repeat; -ms-transform: scale(1.4, 1.4); /* IE 9 */ -webkit-transform: scale(1.4, 1.4); /*Chrome, Safari, Opera*/ transform: scale(1.4, 1.4); top: 60.0993px; position: absolute; z-index: 10; left: -45px; }
#wrapper #stage #band #band_screen { width: 71px; height: 30px; top: 37px; left: 463px; position: relative; }
#wrapper #stage #band #band_screen #screen { width: 71px; height: 30px; background: url(band-screen.png) no-repeat; z-index: 8; position: absolute; top: 0; left: 0; border: 0; outline: none; }
#wrapper #stage #band #band_screen #ui { width: 71px; height: 30px; background: url(band-ui2.png) no-repeat 0px 0px; z-index: 4; position: absolute; top: 1px; left: 0; }
#wrapper #stage #band #band_screen #ui_left { width: 45px; height: 30px; background: url(band-ui2.png) no-repeat -370px -60px; z-index: 5; position: absolute; top: 1px; left: 0; }
#wrapper #stage #band #band_screen #ui_right { width: 36px; height: 30px; background: url(band-ui2.png) no-repeat -415px -60px; z-index: 5; position: absolute; top: 1px; left: 45px; }
#wrapper #stage #band #band_screen #ui_heart { width: 71px; height: 30px; background: url(band-ui-heart.png) no-repeat 0px 0px; z-index: 3; position: absolute; top: -1px; left: -2px; }
#wrapper #stage #band #band_screen #ui_heart.beat1 { background: url(band-ui-heart.png) no-repeat 0px -30px; }
#wrapper #stage #band #band_screen #ui_heart.beat2 { background: url(band-ui-heart.png) no-repeat 0px -60px; }
#wrapper #stage #band #band_screen #ui_heart.beat3 { background: url(band-ui-heart.png) no-repeat 0px -90px; }
#wrapper #stage #band #band_screen #ui_meeting { width: 112px; height: 45px; background: url(band-ui-meeting.png) no-repeat 0px 0px; z-index: 3; position: absolute; top: 2px; left: 0; }
#wrapper #stage #band2 { background: url(band2.png) no-repeat; height: 90px; width: 728px; top: 90px; left: 0; z-index: 30; }
#wrapper #stage #f1_copy, #wrapper #stage #f2_copy, #wrapper #stage #f3_copy, #wrapper #stage #f4_copy, #wrapper #stage #f5_copy { height: 90px; width: 728px; top: 0; left: 0; z-index: 20; }
#wrapper #stage #f1_copy { background: url(f1-copy.png) no-repeat 0px 0px; top: 30px; z-index: 2; }
#wrapper #stage #f2_copy { background: url(f2-copy.png) no-repeat 0px 0px; top: 90px; }
#wrapper #stage #f3_copy { background: url(f3-copy.png) no-repeat 0px 0px; }
#wrapper #stage #f4_copy { background: url(f4-copy.png) no-repeat 0px 0px; }
#wrapper #stage #f5_copy { background: url(f5-copy.png) no-repeat 0px 0px; }
#wrapper #stage #cta { top: 70px; z-index: 5; height: 90px; width: 728px; }
#wrapper #stage #cta #cta_on { height: 90px; width: 728px; background: url("cta-on.png") no-repeat; }
#wrapper #stage #cta #cta_off { height: 90px; width: 728px; background: url("cta-off.png") no-repeat; }