/* ------- BANNER SETUP ------- */
body, html{margin:0; padding:0;}
#wrapper{
  width:300px; height:250px;
  overflow:hidden; background:#ffffff;
  position:absolute;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border:1px solid #111;
}
#content{
  width:300px; height:250px;
  position:relative; top:0; left:0;
  perspective: 300px; -webkit-perspective: 250px;
}
.hideMe{visibility:hidden;}


/* ------- DEFINE SPRITES ------- */
.lgl2, .t1-3, .t1-1, .t1-5, .l1, 
.lgl1, .t1-2, .t1-4
{ display: inline-block; background: url('img/spr.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; position: absolute;overflow: hidden;}
 
.lgl2 { background-position: -2px -0px; width: 155px; height: 50px; }
.t1-3 { background-position: -2px -52px; width: 122px; height: 40px; }
.t1-1 { background-position: -2px -94px; width: 103px; height: 21px; }
.t1-5 { background-position: -2px -117px; width: 94px; height: 32px; }
.l1 { background-position: -98px -117px; width: 50px; height: 54px; }
.lgl1 { background-position: -107px -94px; width: 45px; height: 7px; }
.t1-2 { background-position: -126px -52px; width: 15px; height: 14px; }
.t1-4 { background-position: -126px -68px; width: 15px; height: 10px; }


/* ------- POSITION SPRITES ------- */

.l1 { left: 11px;top: 7px; }
.lgl1 { left: 5px;top: 238px; }
.lgl2 { left: 140px;top: 196px; }
.t1-1 { left: 15px;top: 89px; }
.t1-2 { left: 58px;top: 117px; }
.t1-3 { left: 5px;top: 140px; }
.t1-4 { left: 58px;top: 188px; }
.t1-5 { left: 17px;top: 206px; }



/* ------- OTHER CSS ------- */
.p1 {
	position: absolute;
	left: 131px;
	top: 27px;
	width: 169px;
	height: 134px;
	overflow: hidden;
	background-image: url('img/p1.png');
}
.cta {
	position: absolute;
	left: 151px;
	top: 163px;
	width: 136px;
	height: 23px;
	background-color: #d21e44;
	overflow: hidden;
}
.cta-t1 {
	position: relative;
	left: 6px;
	top: 6px;
	width: 125px;
	height: 12px;
	overflow: hidden;
	background-image: url('img/cta-t1.svg');
	background-repeat: no-repeat;
}
.sheen {
	position: absolute;
	left: -75px;
	top: 0px;
	width: 70px;
	height: 23px;
	overflow: hidden;
	background-image: url('img/sheen.png');
	background-repeat: no-repeat;
}


/* ------- BOXES ------- */
.box-1-r {
	position: absolute;
	left: 0;
	top: 0;
	width: 132px;
	height: 71px;
	background-color: #d21e44;
	overflow: hidden;
}
.box-2-o {
	position: absolute;
	left: 135px;
	top: 0;
	width: 164px;
	height: 14px;
	background-color: #f2943e;
}
.box-3-g {
	position: absolute;
	left: 135px;
	top: 17px;
	width: 165px;
	height: 232px;
	background-color: #accb40;
}
.box-4-b {
	position: absolute;
	left: 0;
	top: 74px;
	width: 132px;
	height: 176px;
	background-color: #00afd4;
}

#rolloverCatch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    cursor: pointer;
}