html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** set up variables **/
*, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a img { border: none; }

a, img { border: 0; outline: none; }

.abs-pos, #mu_wrapper, #mu_wrapper #sceneContainer #allCopyContainer, #mu_wrapper #endcard #endcardLogo, #mu_wrapper #endcard #endcardCopy, #mu_wrapper #endcard #endcardCopy #endcardCopy1, #mu_wrapper #endcard #endcardCopy #endcardCopy2, #mu_wrapper #endcard #endcardCopy #date, #mu_wrapper #catchAll { position: absolute; top: 0px; left: 0px; width: 728px; height: 90px; overflow: hidden; }

.rainClass { width: 1px; height: 10px; position: absolute; left: 10px; top: 15px; border-radius: 100% 0%; background-color: white; -moz-box-shadow: 0px 0px 2px 0px white; -webkit-box-shadow: 0px 0px 2px 0px white; box-shadow: 0px 0px 2px 0px white; }

.sparkClass { width: 14px; height: 3px; position: absolute; left: 10px; top: 15px; border-radius: 25%; background-color: #d34917; }

.sparkClass2 { width: 14px; height: 3px; position: absolute; left: 10px; top: 15px; border-radius: 25%; background-color: #e89579; }

.txtDustClass { position: absolute; opacity: 0; width: 2px; height: 2px; background: white; }

.txtDustClass2 { position: absolute; opacity: 0; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid white; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid white; }

#mu_wrapper { opacity: 0; background-color: black; visibility: hidden; background-color: #FFFFFF; }
#mu_wrapper .show { visibility: visible; }
#mu_wrapper #sceneContainer { position: absolute; top: 0px; left: 0px; width: 546px; height: 90px; }
#mu_wrapper #sceneContainer #bg1 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(img/bg.jpg) 0px 0px no-repeat; }
#mu_wrapper #sceneContainer #bg1 #m1Container { position: relative; top: -65px; left: 96px; width: 210px; height: 198px; -moz-transform: scale(0.45); -ms-transform: scale(0.45); -webkit-transform: scale(0.45); transform: scale(0.45); }
#mu_wrapper #sceneContainer #bg1 #m1Container #m1Body { position: relative; top: 20px; left: 0px; width: 230px; height: 198px; background: url('img/sprites-s9a30238eb6.png') 0 -690px; -moz-transform-origin: 60px 150px; -ms-transform-origin: 60px 150px; -webkit-transform-origin: 60px 150px; transform-origin: 60px 150px; }
#mu_wrapper #sceneContainer #bg1 #m1Container #m1Body #m1LeftArm { position: relative; top: 130px; left: 80px; width: 61px; height: 32px; background: url('img/sprites-s9a30238eb6.png') 0 -157px; -moz-transform-origin: 14px 12px; -ms-transform-origin: 14px 12px; -webkit-transform-origin: 14px 12px; transform-origin: 14px 12px; }
#mu_wrapper #sceneContainer #bg1 #m1Container #m1Body #m1LeftArm #m1LeftHand { position: relative; top: 10px; left: 12px; width: 51px; height: 73px; background: url('img/sprites-s9a30238eb6.png') -107px -420px; -moz-transform-origin: 41px 10px; -ms-transform-origin: 41px 10px; -webkit-transform-origin: 41px 10px; transform-origin: 41px 10px; }
#mu_wrapper #sceneContainer #bg1 #m1Container #m1Body #m1RightArm { position: relative; top: 100px; left: 165px; width: 76px; height: 48px; background: url('img/sprites-s9a30238eb6.png') -80px -157px; -moz-transform-origin: 8px 9px; -ms-transform-origin: 8px 9px; -webkit-transform-origin: 8px 9px; transform-origin: 8px 9px; }
#mu_wrapper #sceneContainer #bg1 #m1Container #m1Body #m1RightArm #m1RightHand { position: relative; top: 18px; left: 54px; width: 25px; height: 58px; background: url('img/sprites-s9a30238eb6.png') -155px -157px; -moz-transform-origin: 15px 17px; -ms-transform-origin: 15px 17px; -webkit-transform-origin: 15px 17px; transform-origin: 15px 17px; }
#mu_wrapper #sceneContainer #bg2 { position: absolute; top: 0px; left: 0px; width: 546px; height: 90px; background: url(img/bg.jpg) 0px -90px no-repeat; }
#mu_wrapper #sceneContainer #bg2 #m2Container { width: 73px; height: 75px; left: 215px; top: -25px; -moz-transform: scale(0.45); -ms-transform: scale(0.45); -webkit-transform: scale(0.45); transform: scale(0.45); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#mu_wrapper #sceneContainer #bg2 #m2Container #m2Legs { position: absolute; top: 80px; left: 550px; width: 71px; height: 51px; background: url('img/sprites-s9a30238eb6.png') -36px -420px; -moz-transform-origin: 40px 40px; -ms-transform-origin: 40px 40px; -webkit-transform-origin: 40px 40px; transform-origin: 40px 40px; }
#mu_wrapper #sceneContainer #bg2 #m2Container #m2Legs #m2Body { position: relative; top: -47px; left: -30px; width: 73px; height: 75px; background: url('img/sprites-s9a30238eb6.png') 0 0; -moz-transform-origin: 46px 60px; -ms-transform-origin: 46px 60px; -webkit-transform-origin: 46px 60px; transform-origin: 46px 60px; }
#mu_wrapper #sceneContainer #bg2 #m2Container #m2Legs #m2Body #m2Arm { position: relative; top: 62px; left: -8px; width: 19px; height: 46px; background: url('img/sprites-s9a30238eb6.png') -61px -157px; -moz-transform-origin: 13px 0px; -ms-transform-origin: 13px 0px; -webkit-transform-origin: 13px 0px; transform-origin: 13px 0px; }
#mu_wrapper #sceneContainer #bg2 #m3BodyContainer { position: absolute; top: -35px; left: 250px; width: 196px; height: 209px; transform: scale(0.5); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#mu_wrapper #sceneContainer #bg2 #m3BodyContainer #m3ArmContainer { position: relative; top: 90px; left: 30px; width: 44px; height: 98px; -moz-transform-origin: 16px 0px; -ms-transform-origin: 16px 0px; -webkit-transform-origin: 16px 0px; transform-origin: 16px 0px; }
#mu_wrapper #sceneContainer #bg2 #m3BodyContainer #m3ArmContainer #m3Hand { position: relative; top: 50px; left: 11px; width: 36px; height: 47px; background: url('img/sprites-s9a30238eb6.png') 0 -420px; -moz-transform-origin: 12px 12px; -ms-transform-origin: 12px 12px; -webkit-transform-origin: 12px 12px; transform-origin: 12px 12px; }
#mu_wrapper #sceneContainer #bg2 #m3BodyContainer #m3ArmContainer #m3Arm { position: absolute; top: 0px; left: 0px; width: 43px; height: 95px; background: url('img/sprites-s9a30238eb6.png') -73px 0; }
#mu_wrapper #sceneContainer #bg2 #m3BodyContainer #m3Body { position: absolute; bottom: 20px; right: 0px; width: 190px; height: 203px; background: url('img/sprites-s9a30238eb6.png') 0 -888px; -moz-transform-origin: 145px 178px; -ms-transform-origin: 145px 178px; -webkit-transform-origin: 145px 178px; transform-origin: 145px 178px; }
#mu_wrapper #sceneContainer #bg2 #m4Container { width: 369px; height: 180px; left: 400px; top: -54px; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#mu_wrapper #sceneContainer #bg2 #m4Container #m4Head { position: absolute; top: -240px; left: 530px; width: 369px; height: 180px; background: url('img/sprites-s9a30238eb6.png') 0 -510px; }
#mu_wrapper #sceneContainer #bg3 { position: absolute; top: 0px; left: 0px; width: 546px; height: 90px; background: url(img/bg.jpg) 0px -180px no-repeat; }
#mu_wrapper #sceneContainer #bg3 #vignette2 { position: absolute; top: -5px; left: -105px; width: 738px; height: 100px; background-color: transparent; -moz-box-shadow: inset 20px 10px 65px 25px #060b11; -webkit-box-shadow: inset 20px 10px 65px 25px #060b11; box-shadow: inset 20px 10px 65px 25px #060b11; }
#mu_wrapper #sceneContainer #bg3 #heroesContainer { position: absolute; width: 100%; height: 100%; left: 20px; }
#mu_wrapper #sceneContainer #bg3 #heroesContainer #heroLeft { position: absolute; top: 249px; left: -19px; width: 139px; height: 162px; top: 15px; left: 175px; width: 135px; height: 157px; background: url('img/sprites-s9a30238eb6.png') -206px 0; -moz-transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75); transform: scale(0.75); }
#mu_wrapper #sceneContainer #bg3 #heroesContainer #heroRight { position: absolute; top: 10px; left: 370px; width: 90px; height: 118px; background: url('img/sprites-s9a30238eb6.png') -116px 0; }
#mu_wrapper #sceneContainer #bg3 #heroesContainer #heroMain { position: absolute; top: -13px; left: 230px; width: 177px; height: 173px; background: url('img/sprites-s9a30238eb6.png') -182px -247px; }
#mu_wrapper #sceneContainer #rainHolder { position: absolute; width: 800px; height: 400px; top: -75px; left: 0px; }
#mu_wrapper #sceneContainer #copyBackground { position: absolute; top: -5px; left: -5px; width: 738px; height: 100px; background-color: black; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls { position: absolute; width: 738px; height: 100px; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls #ball1 { position: absolute; width: 450px; height: 450px; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls #ball2 { position: absolute; width: 300px; height: 300px; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls #ball3 { position: absolute; width: 300px; height: 300px; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls .smokeGrad { border-radius: 50%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a0706+0,441a04+14,8f3012+33,ad4722+53,301203+64,ffffff+74&1+26,0.5+58,0+80 */ background: -moz-radial-gradient(center, ellipse cover, rgba(10, 7, 6, 0.8) 0%, rgba(68, 26, 4, 0.8) 14%, rgba(115, 40, 13, 0.8) 26%, rgba(143, 48, 18, 0.79) 33%, rgba(173, 71, 34, 0.58) 53%, rgba(116, 47, 20, 0.5) 58%, rgba(48, 18, 3, 0.36) 64%, transparent 74%, transparent 80%); background: -webkit-radial-gradient(center, ellipse cover, rgba(10, 7, 6, 0.8) 0%, rgba(68, 26, 4, 0.8) 14%, rgba(115, 40, 13, 0.8) 26%, rgba(143, 48, 18, 0.79) 33%, rgba(173, 71, 34, 0.58) 53%, rgba(116, 47, 20, 0.5) 58%, rgba(48, 18, 3, 0.36) 64%, transparent 74%, transparent 80%); background: radial-gradient(ellipse at center, rgba(10, 7, 6, 0.8) 0%, rgba(68, 26, 4, 0.8) 14%, rgba(115, 40, 13, 0.8) 26%, rgba(143, 48, 18, 0.79) 33%, rgba(173, 71, 34, 0.58) 53%, rgba(116, 47, 20, 0.5) 58%, rgba(48, 18, 3, 0.36) 64%, rgba(0, 0, 0, 0.06) 74%, rgba(0, 0, 0, 0) 80%); filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#0a0706',  endColorstr='#00ffffff', GradientType=1  ); }
#mu_wrapper #sceneContainer #copyBackground #mushroomCloud { position: absolute; top: -5px; left: 0px; width: 728px; height: 100px; background: url(img/mushroomCloud.png); background-size: cover; }
#mu_wrapper #sceneContainer #copyBackground #mushroomCloud #blackFiller { position: absolute; right: -28px; width: 28px; height: 90px; background-color: black; }
#mu_wrapper #sceneContainer #copyBackground #mushroomCloud #sparkHolder { position: absolute; top: -75px; left: 0px; width: 570px; height: 400px; }
#mu_wrapper #sceneContainer #txtHolder { position: absolute; top: 45px; width: 10px; height: 10px; }
#mu_wrapper #sceneContainer #txtHolder #txtGradLayer { position: absolute; width: 300px; height: 250px; top: -110px; left: -55px; }
#mu_wrapper #vignette { position: absolute; top: -5px; left: -5px; width: 738px; height: 100px; background-color: transparent; -moz-box-shadow: inset 0px 0px 150px 25px #060b11; -webkit-box-shadow: inset 0px 0px 150px 25px #060b11; box-shadow: inset 0px 0px 150px 25px #060b11; }
#mu_wrapper #lightning { position: absolute; top: 0px; left: 0px; width: 546px; height: 90px; background-color: white; opacity: 0; }
#mu_wrapper #endcard #endcardLogo { background: url('img/endCard-s5d1d3117e7.png') 0 -360px; }
#mu_wrapper #endcard #endcardCopy #endcardCopy1 { background: url('img/endCard-s5d1d3117e7.png') 0 -90px; }
#mu_wrapper #endcard #endcardCopy #endcardCopy2 { background: url('img/endCard-s5d1d3117e7.png') 0 -270px; }
#mu_wrapper #endcard #boxContainer { position: absolute; top: 15px; left: 177px; width: 100px; height: 100%; }
#mu_wrapper #endcard #boxContainer #boxLeft { position: absolute; top: -15px; left: -40px; width: 99px; height: 90px; background: url('img/endCard-s5d1d3117e7.png') -110px 0; background-repeat: no-repeat; }
#mu_wrapper #endcard #boxContainer #boxRight { position: absolute; top: 5px; left: 50px; width: 44px; height: 66px; background: url('img/endCard-s5d1d3117e7.png') -66px 0; background-repeat: no-repeat; }
#mu_wrapper #footer { position: absolute; bottom: 0px; right: 0px; height: 90px; width: 182px; background-color: #107c10; }
#mu_wrapper #footer #xBoxLogo { position: absolute; bottom: 0px; left: 0px; height: 100%; width: 100%; visibility: hidden; background: url('img/sprites-s9a30238eb6.png') -179px -157px; }
#mu_wrapper #footer #winLogo { position: absolute; bottom: 0px; left: 0px; height: 100%; width: 100%; visibility: hidden; background: url('img/sprites-s9a30238eb6.png') 0 -247px; }
#mu_wrapper #footer #footerCopy { position: absolute; bottom: 0px; left: 0px; height: 100%; width: 100%; background: url('img/sprites-s9a30238eb6.png') -158px -420px; }
#mu_wrapper #ctaBtn { position: absolute; top: 32px; left: 303px; width: 116px; height: 32px; overflow: hidden; }
#mu_wrapper #ctaBtn #ctaBox { position: absolute; width: 100%; height: 100%; background-color: #e02718; -moz-box-shadow: inset -3px 0px 20px -6px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset -3px 0px 20px -6px rgba(0, 0, 0, 0.75); box-shadow: inset -3px 0px 20px -6px rgba(0, 0, 0, 0.75); }
#mu_wrapper #ctaBtn #ctaBox #ctaCopy { position: absolute; top: 6px; left: 25px; width: 66px; height: 20px; background: url('img/endCard-s5d1d3117e7.png') 0 0; }
#mu_wrapper #ctaHit { position: absolute; top: 32px; left: 303px; width: 116px; height: 32px; background-color: rgba(255, 255, 255, 0.01); cursor: pointer; }
#mu_wrapper #catchAll { border: 1px solid #000000; background-color: rgba(255, 255, 255, 0.01); cursor: pointer; }
