*,
*: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: 100px;
 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: 100px;
}

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

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

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

#mainPrinter {
 top: 6px;
 left: 120px;
 z-index: 2;
 opacity: 0;
}

#copyTheBusinessInjectSeries {
 top: 64px;
 left: 98px;
 z-index: 1;
 opacity: 0;
}

#copyItsTheBusiness {
 top: 63px;
 left: 114px;
 z-index: 1;
 opacity: 0;
}

#logos {
 z-index: 3;
 top: 68px;
 left: 45px;
}

#findOutMoreCta {
 z-index: 3;
 top: 22px;
 left: 147px;
}

#blueSplash {
 left: 133px;
 top: 10px;
}

#redSplash {
 top: 0px;
 left: 145px;
 z-index: 1;
}

#purpleSplash {
 left: 21px;
 top: 0px;
}

#greenSplash {
 top: 11px;
 left: 49px;
}

#orangeSplash {
 top: 1px;
 left: 54px;
}

#yellowSplash {
 top: -1px;
 left: 147px;
 z-index: 0;
}

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

#whiteBrotherLockup {
 top: 22px;
 left: 36px;
 z-index: 2;
}

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

.sprite-blue-splash {
 width: 115px;
 height: 44px;
 background-position: 0 0;
}

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

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

.sprite-find-out-more-cta {
 width: 107px;
 height: 29px;
 background-position: 0 -54px;
}

.sprite-green-splash {
 width: 83px;
 height: 40px;
 background-position: -107px -54px;
}

.sprite-logos {
 width: 210px;
 height: 13px;
 background-position: 0 -94px;
}

.sprite-main-printer {
 width: 58px;
 height: 60px;
 background-position: 0 -107px;
}

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

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

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

.sprite-white-brother-lockup {
 width: 85px;
 height: 32px;
 background-position: -190px -55px;
}

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