/* ------- BANNER SETUP ------- */
body, html{margin:0; padding:0;}
#wrapper{
  width:300px; height:600px;
  overflow:hidden; background:#ffffff;
  position:absolute;
}
#content{
  width:300px; height:600px;
  position:relative; top:0; left:0;
  perspective: 300px; -webkit-perspective: 300px;
}
.hideMe{visibility:hidden;}


/* ------- DEFINE SPRITES ------- */
.spr-lu, .spr-t1, .spr-t2, .spr-cta1, .spr-pr1, 
.spr-pr2, .spr-pr3, .spr-glow {
    background-image: url('img/spr.png');
    background-repeat: no-repeat;
    display: block;
	position:absolute;
}
.spr-lu { background-position: -2px -0px; width: 250px; height: 60px; }
.spr-t1 { background-position: -2px -62px; width: 223px; height: 25px; }
.spr-t2 { background-position: -2px -89px; width: 223px; height: 25px; }
.spr-cta1 { background-position: -2px -116px; width: 214px; height: 49px; }
.spr-pr1 { background-position: -2px -167px; width: 150px; height: 79px; }
.spr-pr2 { background-position: -2px -248px; width: 150px; height: 77px; }
.spr-pr3 { background-position: -2px -327px; width: 150px; height: 79px; }
.spr-glimmer-cta { background-position: -154px -167px; width: 76px; height: 64px; z-index: 950;}

.p1 {
    background-image: url('img/p1.jpg');
    background-repeat: no-repeat;
    width: 300px; height: 318px;
    display: block;
    position:absolute;
}
.p2 {
    background-image: url('img/p2.jpg');
    background-repeat: no-repeat;
    width: 300px; height: 318px;
    display: block;
    position:absolute;
}
.spr-t3 {
    background-image: url('img/t3.png');
    background-repeat: no-repeat;
    width: 225px; height: 21px;
    display: block;
    position:absolute;
}


/* ------- POSITION SPRITES ------- */
.spr-lu { left: 24px; top:516px; }
.spr-t1 { left: 38px; top:335px; z-index: 600;}
.spr-t2 { left: 38px; top:335px; z-index: 600;}
.spr-t3 { left: 37px; top:45px; z-index: 800;}
.spr-cta1 { left: 42px; top:433px; z-index: 800;}
.spr-pr1 { left: 74px; top:101px; z-index: 800;}
.spr-pr2 { left: 74px; top:216px; z-index: 800;}
.spr-pr3 { left: 74px; top:328px; z-index: 800;}
.p1 { left: 0px; top:0px; }
.p2 { left: 0px; top:0px; }


/* ------- OTHER CSS ------- */



.wiper {
	position: absolute;
	width: 300px;
	height: 600px;
	left: 0px;
	top: 610px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 700;
	background: #4ed168;
}

.bar {
	position: absolute;
	width: 300px;
	height: 61px;
	left: 0px;
	top: 315px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 100;
	background: #4ed168;
}



#glimmer-cta-box {
	position: absolute;
	width: 214px; height: 49px;
	left: 42px; top:433px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 900;
}
#glimmer-cta {
    position: relative;
      top:0px;
      left: -220px;
      border-width:0px;
      border: 0px solid transparent;
      opacity: .75
}
/* 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;
}

/* ------- BORDER ------- */
#brdr-t, #brdr-b {
	width:300px;
	height:1px;
	background-color:#000000;
	z-index:950;
}
#brdr-l, #brdr-r {
	width:1px;
	height:600px;
	background-color:#000000;
	z-index:950;
}
#brdr-t {left:0px; top:0px; position:absolute;}
#brdr-b {left:0px; top:599px; position:absolute;}
#brdr-l {left:0px; top:0px; position:absolute;}
#brdr-r {left:299px; top:0px; position:absolute;}