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 { -moz-box-sizing: border-box; -webkit-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: 300px; height: 250px; 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; }

#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: 300px; height: 226px; }
#mu_wrapper #sceneContainer #bg1 { position: absolute; top: 0px; left: 0px; width: 300px; height: 226px; background: url(img/bg.jpg) 0px 0px no-repeat; }
#mu_wrapper #sceneContainer #bg1 #m1Container #m1Body { position: relative; top: 20px; left: 0px; width: 218px; height: 231px; background: url('img/sprites-scc2333caab.png') 0 -653px; -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: 54px; height: 34px; background: url('img/sprites-scc2333caab.png') -84px -81px; -moz-transform-origin: 7px 7px; -ms-transform-origin: 7px 7px; -webkit-transform-origin: 7px 7px; transform-origin: 7px 7px; }
#mu_wrapper #sceneContainer #bg1 #m1Container #m1Body #m1LeftArm #m1LeftHand { position: relative; top: 10px; left: 9px; width: 51px; height: 73px; background: url('img/sprites-scc2333caab.png') -138px -81px; -moz-transform-origin: 40px 10px; -ms-transform-origin: 40px 10px; -webkit-transform-origin: 40px 10px; transform-origin: 40px 10px; }
#mu_wrapper #sceneContainer #bg1 #m1Container #m1Body #m1RightArm { position: relative; top: 100px; left: 165px; width: 69px; height: 43px; background: url('img/sprites-scc2333caab.png') -43px -10px; -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: 50px; width: 24px; height: 55px; background: url('img/sprites-scc2333caab.png') -19px -10px; -moz-transform-origin: 15px 15px; -ms-transform-origin: 15px 15px; -webkit-transform-origin: 15px 15px; transform-origin: 15px 15px; }
#mu_wrapper #sceneContainer #bg2 { position: absolute; top: 0px; left: 0px; width: 300px; height: 226px; background: url(img/bg.jpg) -300px 0px no-repeat; }
#mu_wrapper #sceneContainer #bg2 #m2Container #m2Legs { position: absolute; top: 135px; left: 60px; width: 68px; height: 50px; background: url('img/sprites-scc2333caab.png') 0 -154px; -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: 70px; height: 71px; background: url('img/sprites-scc2333caab.png') -154px -10px; -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: 44px; background: url('img/sprites-scc2333caab.png') 0 -10px; -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; bottom: 0px; right: 0px; width: 196px; height: 209px; -moz-transform-origin: 145px 178px; -ms-transform-origin: 145px 178px; -webkit-transform-origin: 145px 178px; transform-origin: 145px 178px; }
#mu_wrapper #sceneContainer #bg2 #m3BodyContainer #m3ArmContainer { position: relative; top: 90px; left: 45px; 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: 42px; height: 49px; background: url('img/sprites-scc2333caab.png') -112px -10px; -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: 48px; height: 93px; background: url('img/sprites-scc2333caab.png') 0 -309px; }
#mu_wrapper #sceneContainer #bg2 #m3BodyContainer #m3Body { position: absolute; bottom: 0px; right: 0px; width: 183px; height: 241px; background: url('img/sprites-scc2333caab.png') 0 -884px; -moz-transform-origin: 145px 178px; -ms-transform-origin: 145px 178px; -webkit-transform-origin: 145px 178px; transform-origin: 145px 178px; }
#mu_wrapper #sceneContainer #bg2 #m4Container #m4Head { position: absolute; top: 0px; left: 0px; width: 257px; height: 250px; background: url('img/sprites-scc2333caab.png') 0 -1125px; }
#mu_wrapper #sceneContainer #bg3 { position: absolute; top: 0px; left: 0px; width: 300px; height: 226px; background: url(img/bg.jpg) -600px 0px no-repeat; }
#mu_wrapper #sceneContainer #bg3 #vignette2 { position: absolute; top: 0px; left: -100px; width: 500px; height: 500px; background-color: transparent; -moz-box-shadow: inset 0px 20px 200px 70px #060b11; -webkit-box-shadow: inset 0px 20px 200px 70px #060b11; box-shadow: inset 0px 20px 200px 70px #060b11; }
#mu_wrapper #sceneContainer #bg3 #heroesContainer { position: absolute; width: 300px; height: 226px; }
#mu_wrapper #sceneContainer #bg3 #heroesContainer #heroLeft { position: absolute; top: 89px; left: 0px; width: 126px; height: 155px; background: url('img/sprites-scc2333caab.png') -68px -154px; }
#mu_wrapper #sceneContainer #bg3 #heroesContainer #heroRight { position: absolute; top: 65px; right: -13px; width: 78px; height: 116px; background: url('img/sprites-scc2333caab.png') -48px -309px; }
#mu_wrapper #sceneContainer #bg3 #heroesContainer #heroMain { position: absolute; top: 21px; left: 35px; width: 259px; height: 227px; background: url('img/sprites-scc2333caab.png') 0 -425px; }
#mu_wrapper #sceneContainer #rainHolder { position: absolute; width: 400px; height: 400px; top: -75px; left: -50px; }
#mu_wrapper #sceneContainer #copyBackground { position: absolute; top: -5px; left: -5px; width: 310px; height: 236px; background-color: black; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls { position: absolute; width: 310px; height: 236px; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls #ball1 { position: absolute; width: 225px; height: 225px; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls #ball2 { position: absolute; width: 150px; height: 150px; }
#mu_wrapper #sceneContainer #copyBackground #smokeBalls #ball3 { position: absolute; width: 100px; height: 100px; }
#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: 0px; left: 0px; width: 282px; height: 250px; background: url(img/mushroomCloud.png); background-size: cover; }
#mu_wrapper #sceneContainer #copyBackground #mushroomCloud #blackFiller { position: absolute; right: -28px; width: 28px; height: 250px; background-color: black; }
#mu_wrapper #sceneContainer #copyBackground #mushroomCloud #sparkHolder { position: absolute; width: 400px; height: 400px; top: -75px; left: -50px; }
#mu_wrapper #sceneContainer #txtHolder { position: absolute; 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: 0px; left: 0px; width: 300px; height: 226px; background-color: transparent; -moz-box-shadow: inset 50px 0px 200px 40px black; -webkit-box-shadow: inset 50px 0px 200px 40px black; box-shadow: inset 50px 0px 200px 40px black; }
#mu_wrapper #lightning { position: absolute; top: 0px; left: 0px; width: 300px; height: 226px; background-color: white; opacity: 0; }
#mu_wrapper #endcard #endcardLogo { background: url('img/endCard-s9d9eeaf8a8.png') 0 -174px; }
#mu_wrapper #endcard #endcardCopy #endcardCopy1 { background: url('img/endCard-s9d9eeaf8a8.png') 0 -674px; }
#mu_wrapper #endcard #endcardCopy #endcardCopy2 { background: url('img/endCard-s9d9eeaf8a8.png') 0 -924px; }
#mu_wrapper #endcard #boxContainer { position: absolute; top: 18px; left: 150px; width: 140px; height: 194px; }
#mu_wrapper #endcard #boxContainer #boxLeft { position: absolute; top: -15px; left: -40px; width: 139px; height: 174px; background: url('img/endCard-s9d9eeaf8a8.png') -156px 0; }
#mu_wrapper #endcard #boxContainer #boxRight { position: absolute; top: 80px; left: 63px; width: 74px; height: 109px; background: url('img/endCard-s9d9eeaf8a8.png') -82px 0; }
#mu_wrapper #footer { position: absolute; bottom: 0px; left: 0px; height: 24px; width: 300px; background-color: #107c10; }
#mu_wrapper #footer #xBoxLogo { position: absolute; top: 5px; left: 44px; height: 16px; width: 77px; visibility: hidden; background: url('img/sprites-scc2333caab.png') -189px -81px; }
#mu_wrapper #footer #winLogo { position: absolute; top: 4px; left: 167px; height: 16px; width: 84px; visibility: hidden; background: url('img/sprites-scc2333caab.png') 0 -81px; }
#mu_wrapper #footer #footerCopy { position: absolute; top: 6px; left: 16px; height: 10px; width: 266px; background: url('img/sprites-scc2333caab.png') 0 0; }
#mu_wrapper #ctaBtn { position: absolute; top: 74px; left: 13px; width: 137px; height: 40px; 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: 8px; left: 27px; width: 82px; height: 24px; background: url('img/endCard-s9d9eeaf8a8.png') 0 0; }
#mu_wrapper #ctaHit { position: absolute; top: 74px; left: 13px; width: 137px; height: 40px; 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; }
