/* ------- 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: 300px;
}
.hideMe{visibility:hidden;}


/* ------- DEFINE SPRITES ------- */
.f2-1, .f1-4, .f4-2, .f1-3, .f3-2, 
.f3-1, .f4-1, .f3-3, .f1-2, .cta1, 
.l1, .f1-1
{ display: inline-block; background: url('img/spr.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; position:absolute; overflow: hidden;}
 
.f2-1 { background-position: -2px -0px; width: 280px; height: 169px; }
.f1-4 { background-position: -2px -171px; width: 183px; height: 57px; }
.f4-2 { background-position: -2px -230px; width: 176px; height: 250px; }
.f1-3 { background-position: -2px -482px; width: 150px; height: 61px; }
.f3-2 { background-position: -2px -545px; width: 147px; height: 199px; }
.f3-1 { background-position: -2px -746px; width: 138px; height: 166px; z-index: 700;}
.f4-1 { background-position: -142px -746px; width: 132px; height: 106px; }
.f3-3 { background-position: -154px -482px; width: 119px; height: 197px; }
.f1-2 { background-position: -151px -681px; width: 111px; height: 62px; }
.cta1 { background-position: -142px -854px; width: 106px; height: 45px; z-index: 800;}
.l1 { background-position: -187px -171px; width: 84px; height: 61px; }
.f1-1 { background-position: -180px -234px; width: 57px; height: 12px; }

/* ------- POSITION SPRITES ------- */
.f1 { left: 0px;top: -400px; width:300px; height:250px;}
.f1-1 { left: 122px;top: 18px; }
.f1-2 { left: 17px;top: 39px; }
.f1-3 { left: 139px;top: 38px; }
.f1-4 { left: 59px;top: 109px; }
.f2-1 { left: 13px;top: 9px; }
.f3-1 { left: 76px;top: 21px; }
.f3-2 { left: -20px;top: 5px; }
.f3-3 { left: 201px;top: 26px; }
.f4-1 { left: 27px;top: 30px; }
.f4-2 { left: 124px;top: -2px; }
.cta1 { left: 180px;top: 179px; }
.l1 { left: 18px;top: 171px; z-index: 610;}




/* ------- OTHER CSS ------- */
.bg {
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	background-image: url(img/bg.jpg);
    background-repeat: no-repeat;
    display: block;
	position:absolute;
}
.bg2 {
	left: 0px;
	top: 200px;
	width: 300px;
	height: 50px;
	background-image: url(img/bg.jpg);
	background-position: 0px -200px;
    background-repeat: no-repeat;
    display: block;
	position:absolute;
	z-index: 600;
}

.sheen {
	position: absolute;
	left: -145px;
	top: 0px;
	width: 137px;
	height: 45px;
	overflow: hidden;
	background-image: url('img/sheen.png');
	background-repeat: no-repeat;
}

#glimmer-cta-box {
	position: absolute;
	left: 187px;
	top: 186px;
	width: 92px;
	height: 31px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 900;
}
#glimmer-cta {
    position: relative;
      top:0px;
      left: -116px;
	  border-width:0px;
	  border: 0px solid transparent;
}
/* Removes border on pesky IE */
#glimmer-cta img {text-decoration: none; border: 0px}

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