*,
*:before,
*:after {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

html,
body {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}

div,
img {
 position: absolute;
 overflow: hidden;
}

#bg-exit {
 width: 300px;
 height: 50px;
 top: 0;
 left: 0;
 cursor: pointer;
 opacity: 0;
 z-index: 10;
 background-color: #FFFFFF;
 position: absolute;
}

#ad {
 display: block;
 border: rgb(145, 153, 153) 1px solid;
 overflow: hidden;
 width: 300px;
 height: 50px;
}

#bg {
 left: 0px;
 top: 0px;
 width: 300px;
 height: 50px;
}

#banner {
 display: block;
 width: 298px;
 height: 48px;
}

#background {
 background-image: url("../images/bg.jpg");
 background-repeat: repeat-y;
 left: 0px;
 top: 0px;
 width: 300px;
 height: 50px;
 opacity: 1;
}

#mainPrinter {
 top: -1px;
 left: 29px;
 z-index: 2;
 opacity: 0;
}

#copyTheBusinessInjectSeries {
 top: 14px;
 left: 24px;
 opacity: 0;
}

#copyItsTheBusiness {
 top: 14px;
 left: 40px;
 opacity: 0;
}

#logos {
 z-index: 3;
 top: 4px;
 left: 136px;
}

#findOutMoreCta {
 z-index: 3;
 top: 13px;
 left: 19px;
}

#blueSplash {
 left: 209px;
 top: -18px;
}

#redSplash {
 top: 23px;
 left: 149px;
}

#purpleSplash {
 left: 186px;
 top: 23px;
}

#greenSplash {
 top: 5px;
 left: 148px;
}

#orangeSplash {
 top: -12px;
 left: 234px;
}

#yellowSplash {
 top: -20px;
 left: 156px;
}

#blueBackground {
 background-image: url(../images/blue-bg.jpg);
 background-repeat: no-repeat;
 width: 300px;
 height: 50px;
 z-index: 2;
 opacity: 0;
}

#whiteBrotherLockup {
 top: 12px;
 left: 211px;
 z-index: 2;
}

.sprite {
 background-image: url("../images/spritesheet.png");
 background-repeat: no-repeat;
 display: block;
}

.sprite-blue-splash {
 width: 104px;
 height: 87px;
 background-position: 0 0;
}

.sprite-copy-its-the-business {
 width: 70px;
 height: 27px;
 background-position: 0 -87px;
}

.sprite-copy-the-business-inject-series {
 width: 102px;
 height: 27px;
 background-position: 0 -114px;
}

.sprite-find-out-more-cta {
 width: 86px;
 height: 23px;
 background-position: 0 -141px;
}

.sprite-green-splash {
 width: 94px;
 height: 62px;
 background-position: 0 -164px;
}

.sprite-logos {
 width: 52px;
 height: 37px;
 background-position: 0 -226px;
}

.sprite-main-printer {
 width: 92px;
 height: 22px;
 background-position: 0 -263px;
}

.sprite-orange-splash {
 width: 85px;
 height: 61px;
 background-position: 0 -285px;
}

.sprite-purple-splash {
 width: 138px;
 height: 64px;
 background-position: 0 -346px;
}

.sprite-red-splash {
 width: 140px;
 height: 55px;
 background-position: 0 -410px;
}

.sprite-white-brother-lockup {
 width: 68px;
 height: 26px;
 background-position: 0 -465px;
}

.sprite-yellow-splash {
 width: 113px;
 height: 70px;
 background-position: 0 -491px;
}