/* ------- BANNER SETUP ------- */
body, html{margin:0; padding:0;}
#wrapper{
  width:320px; height:50px;
  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:320px; height:50px;
  position:relative; top:0; left:0;
  perspective: 300px; -webkit-perspective: 320px;
}
.hideMe{visibility:hidden;}


/* ------- DEFINE SPRITES ------- */
.ftr, .lgl1, .a1, .t2, .logo1-1, .t1-1, .t1-2, .glimmer, .logo1-2, .cta1 { position: absolute; display: inline-block; background: url('img/spr.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; background-repeat: no-repeat; }
 
.ftr { background-position: -1px -0px; width: 320px; height: 6px; }
.lgl1 { background-position: -1px -7px; width: 320px; height: 42px; }
.a1 { background-position: -1px -50px; width: 211px; height: 50px; }
.t2 { background-position: -1px -101px; width: 202px; height: 39px; }
.logo1-1 { background-position: -1px -50px; width: 181px; height: 33px; }
.t1-1 { background-position: -213px -50px; width: 103px; height: 13px; }
.t1-2 { background-position: -213px -64px; width: 103px; height: 10px; }
.glimmer { background-position: -213px -73px; width: 94px; height: 40px; }
.logo1-2 { background-position: -204px -114px; width: 56px; height: 27px; }
.cta1 { background-position: -261px -114px; width: 30px; height: 7px; }

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

.a2 {left: 225px; top: 3px; z-index:50;}
.a1 {left: 109px;top: -5px;}
.ftr {left: 0;top: 44px;}
.cta1 {
    left: 75px;
top: 35px;
}
.logo1-1 {
    left: 14px;
top: 6px;
}
.logo1-2 { left: 5px;
top: 9px;}
.t1-1 {
    left: 207px;
top: 12px;
}
.t1-2 {
    left: 207px;
top: 26px;
}
.t2 {
    left: 75px;
top: 4px;
clip: rect(0px,202px,39px,202px);
}


/* ------- OTHER CSS ------- */
.intro-fade {
    position: absolute;
    width: 320px;
    height: 50px;
    top: 0px;
    left: 0px;
    z-index: 920;
	background:#ffffff;
}

#lgl_btn {
    position:absolute;
    left: 0px;
top: 42px;
width: 50px;
height: 6px;
z-index: 975;
cursor: pointer;
}
#lgl_box {
    left: 0;
top: 52px;
width:320px; height: 40px;
	z-index: 950;
	cursor: pointer;
}
#glimmer-cta-box {
	position: absolute;
	left: 75px;
top: 35px;
width: 30px;
height: 7px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 900;
}
#glimmer-cta {
    position: relative;
      top:0px;
      left: -100px;
	  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: 900;
    cursor: pointer;
}