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


/* ------- DEFINE SPRITES ------- */

.a4, .lu1, .t1, .glimmer, .cta1, .a1, .a2, .a3, .lgl1, .logo1, .b1 { display: inline-block; background: url('img/spr.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; position:absolute; }
 
.a4 { background-position: -0px -0px; width: 300px; height: 159px; }
.lu1 { background-position: -0px -159px; width: 300px; height: 199px; }
.t1 { background-position: -0px -358px; width: 300px; height: 125px; }
.glimmer { background-position: -0px -483px; width: 238px; height: 50px; }
.cta1 { background-position: -0px -533px; width: 171px; height: 50px; }
.a1 { background-position: -171px -533px; width: 126px; height: 106px; }
.a2 { background-position: -0px -583px; width: 126px; height: 106px; }
.a3 { background-position: -126px -639px; width: 109px; height: 97px; }
.lgl1 { background-position: -0px -689px; width: 105px; height: 28px; }
.logo1 { background-position: -0px -717px; width: 86px; height: 58px; }
.b1 { background-position: -0px -777px; width: 95px; height: 88px; }


/* ------- POSITION SPRITES ------- */
.b1 {
  left: -97px;
  top: 80px;
  z-index: 46;
}
.a1 {
  left: 22px;
  top: 81px;
  z-index: 46;
}
.a2 {
  left: 149px;
  top: 81px;
  z-index: 45;
}
.a3 {
  left: 94px;
  top: 80px;
  z-index: 44;
}
.a4 {
  left: -0px;
  top: 32px;
  z-index: 43;
}
.lu1 {
  left: 6px;
  top: 0px;
  z-index: 42;
}
.lgl1 {
  left: 10px;
  top: 214px;
  z-index: 200;
}
/*.glimmer {
  left: 87px;
  top: 192px;
  z-index: 10;
}*/
.cta1 {
  left: 67px;
  top: 192px;
  z-index: 900;
}
.t1 {
  left: -2px;
top: 57px;
  z-index: 8;
	clip:rect(0px, 0px, 125px, 0px);
}
.logo1 {
  left: 8px;
  top: 6px;
  z-index: 500;
}


/* NO SPRITE 
.xx {
    background: url('img/a1.png') no-repeat;
    position:absolute;
	left: 0;
	top: 0;
	width: 160px;
	height: 370px;
}
*/


/* ------- OTHER CSS ------- */
.blocker1 {
    position: absolute;
	left: 0;
	top: 370px;
	width: 100%;
    height: 100%; 
	background:#618eb6;
	z-index:10;
}
.fader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    background:#ffffff;
}
#glimmer-cta-box {
    position: absolute;
    width: 171px; height: 50px;
    left: 67px;
  top: 192px;
    border-width:0px;
	border: 0px solid transparent;
    overflow: hidden; 
    z-index: 900;
/*	border-radius: 4px;*/
}
#glimmer-cta {
    position: relative;
      top:0px;
      left: -238px;
	  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;
}