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


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

.bg1, .a4_2, .t2_1, .t3_1, .t1_1, .t4_2, .t4_1, .logo1 { display: inline-block; background: url('img/spr.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; position:absolute;}
 
.t1_1 { background-position: -2px -0px; width: 298px; height: 59px; }
.t2_1 { background-position: -2px -61px; width: 150px; height: 73px; }
.t3_1 { background-position: -2px -136px; width: 145px; height: 43px; }
.t4_2 { background-position: -154px -61px; width: 139px; height: 63px; }
.t4_1 { background-position: -154px -126px; width: 104px; height: 71px; }
.logo1 { background-position: -2px -181px; width: 101px; height: 68px; }
.bg1 { background-position: -260px -126px; width: 15px; height: 90px; }
.a4_2 { background-position: -295px -61px; width: 2px; height: 81px; }


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


#m_t4-1 {
  position: absolute;
  left: 54px;
  top: 9px;
  width: 104px;
  height: 71px;
  z-index: 6;
	overflow: hidden;
}
#m_t4-2 {
  position: absolute;
   left: 193px;
  top: 12px;
  width: 139px;
  height: 63px;
  z-index: 5;
	overflow: hidden;
}
.t4_1 {
  left: 105px;
  top: 0px;
  z-index: 7;
}
.t4_2 {
  left: -140px;
  top: 0px;
  z-index: 6;
}


.bg1 {
  left: 0px;
  top: 0px;
  z-index: 14;
}
.t1_1 {
  left: 36px;
  top: 17px;
  z-index: 13;
}

.t2_1 {
  left: 35px;
  top: 8px;
  z-index: 11;
}

.t3_1 {
  left: 35px;
  top: 21px;
  z-index: 9;
}

.a4_2 {
  left: 174px;
  top: 5px;
  z-index: 5;
}
.logo1 {
  left: 589px;
  top: 12px;
  z-index: 4;
}





/* NO SPRITE */
.a1 {
    background: url('img/a1.jpg') no-repeat;
    position:absolute;
	left: 370px;
  top: 0px;
  width: 180px;
  height: 90px;
}
.a2 {
    background: url('img/a2.jpg') no-repeat;
    position:absolute;
	left: 280px;
  top: 0px;
  width: 270px;
  height: 90px;
}
.a3 {
    background: url('img/a3.jpg') no-repeat;
    position:absolute;
	left: 280px;
  top: 0px;
  width: 270px;
  height: 90px;
}
.a4 {
    background: url('img/a4.jpg') no-repeat;
    position:absolute;
	left: 370px;
  top: 0px;
  width: 180px;
  height: 90px;
}


/* ------- 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;
    left: 591px;
  top: 44px;
  width: 97px;
  height: 35px;
    border-width:0px;
	border: 0px solid transparent;
    overflow: hidden; 
    z-index: 900;
/*	border-radius: 4px;*/
}

#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;
}
