/* ------- 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 ------- */
.f1, .lgl1, .t1-1, .t1-2, .logo1-1, .logo1-2, .t2, .pn, .glimmer, .cta1, .a2 { position: absolute; display: inline-block; background: url('img/spr.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; background-repeat: no-repeat; }
 
.f1 { background-position: -1px -0px; width: 300px; height: 165px; }
.lgl1 { background-position: -1px -166px; width: 300px; height: 97px; }
.t1-1 { background-position: -1px -264px; width: 278px; height: 33px; }
.t1-2 { background-position: -1px -298px; width: 278px; height: 22px; }
.logo1-1 { background-position: -1px -319px; width: 261px; height: 49px; }
.logo1-2 { background-position: -1px -369px; width: 245px; height: 35px; }
.t2 { background-position: -1px -405px; width: 112px; height: 79px; }
.pn { background-position: -114px -405px; width: 103px; height: 27px; }
.glimmer { background-position: -114px -433px; width: 94px; height: 40px; }
.cta1 { background-position: -218px -405px; width: 67px; height: 16px; }
.a2 { background-position: -218px -422px; width: 30px; height: 110px; }


/* ------- POSITION SPRITES ------- */
.a2 {
	left: 107px;
top: 8px;
	z-index:50;
}
.cta1 {
    left: 50px;
top: 109px;
width: 67px;
height: 16px;
}

.logo1-1 {left: 19px;
top: 181px;}
.logo1-2 { left: 26px;
top: 188px;}

.t1-1 {
    left: 16px;
top: 114px;
}
.t1-2 {
    left: 16px;
top: 152px;
}
.t2 {
    left: 50px;
top: 12px;
clip: rect(0px,112px,79px,112px);
}
.pn {left: 17px; top: 14px;}
.f1 {left: 0; top: 72px;}

/* ------- OTHER CSS ------- */
.intro-fade {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    z-index: 920;
	background:#ffffff;
}
.bg {
    position:absolute;
	background-image: url('img/bg.jpg');
    background-repeat: no-repeat;
    left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	z-index:-1;
}
#lgl_btn {
    position:absolute;
    left: 0px;
top: 237px;
width: 50px;
height: 13px;
z-index: 975;
cursor: pointer;
}
#lgl_box {
    position:absolute;
    left: 0;
top: 252px;
width: 300px; height: 97px;
z-index: 950;
cursor: pointer;
}
#glimmer-cta-box {
	position: absolute;
	 left: 50px;
top: 109px;
width: 67px;
height: 16px;
	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;
}