/* ------- 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, .t2, .logo1-2, .pn, .glimmer, .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; }
 
.f1 { background-position: -1px -0px; width: 300px; height: 250px; }
.lgl1 { background-position: -1px -251px; width: 300px; height: 97px; }
.t1-1 { background-position: -1px -349px; width: 290px; height: 33px; }
.t1-2 { background-position: -1px -383px; width: 290px; height: 24px; }
.t2 { background-position: -1px -441px; width: 181px; height: 130px; }
.logo1-2 { background-position: -1px -572px; width: 165px; height: 34px; }
.pn { background-position: -167px -572px; width: 119px; height: 27px; }
.glimmer { background-position: -183px -441px; width: 94px; height: 40px; }
.cta1 { background-position: -183px -482px; width: 72px; height: 17px; }


/* ------- POSITION SPRITES ------- */
.a2 {
	left: 107px;
top: 8px;
	z-index:50;
}
.cta1 {
    left: 9px;
top: 143px;
}
.logo1-2 { left: 67px;top: 192px;}

.t1-1 {
    left: 14px;
top: 114px;
}
.t1-2 {
    left: 14px;
top: 152px;
}
.t2 {
    left: 8px;
top: 9px;
clip: rect(0px,181px,130px,181px);
}
.pn {left: 17px; top: 14px;}
.f1 {left: 0; top: 0px;}

/* ------- OTHER CSS ------- */
.logo1-1 {
    position:absolute;
	background-image: url('img/logo1-1.png');
    background-repeat: no-repeat;
    left: 19px;
top: 181px;
width: 261px;
height: 49px;
}
.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: 9px;
top: 143px;
width: 72px;
height: 17px;
	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;
}