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


/* ------- DEFINE SPRITES ------- */
.spr-lu, .spr-t3, .spr-t1, .spr-t2, .spr-cta1, 
.spr-pr1, .spr-pr2, .spr-pr3 {
    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-t3 { background-position: -2px -62px; width: 225px; height: 22px; }
.spr-t1 { background-position: -2px -86px; width: 223px; height: 25px; }
.spr-t2 { background-position: -2px -113px; width: 223px; height: 25px; }
.spr-cta1 { background-position: -2px -140px; width: 180px; height: 40px; }
.spr-pr1 { background-position: -2px -182px; width: 135px; height: 71px; }
.spr-pr2 { background-position: -2px -255px; width: 135px; height: 71px; }
.spr-pr3 { background-position: -2px -328px; width: 135px; height: 71px; }

.p1 {
    background-image: url('img/p1.jpg');
    background-repeat: no-repeat;
    width: 300px; height: 121px;
    display: block;
    position:absolute;
}
.p2 {
    background-image: url('img/p2.jpg');
    background-repeat: no-repeat;
    width: 300px; height: 121px;
    display: block;
    position:absolute;
}


/* ------- POSITION SPRITES ------- */
.spr-lu { left: 24px; top:186px; }
.spr-t1 { left: 38px; top:140px; z-index: 600;}
.spr-t2 { left: 38px; top:140px; z-index: 600;}
.spr-t3 { left: 37px; top:15px; z-index: 800;}
.spr-cta1 { left: 62px; top:131px; z-index: 800;}
.spr-pr1 { left: 74px; top:51px; z-index: 800;}
.spr-pr2 { left: 74px; top:51px; z-index: 800;}
.spr-pr3 { left: 74px; top:51px; z-index: 800;}
.p1 { left: 0px; top:0px; }
.p2 { left: 0px; top:0px; }


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



.wiper {
	position: absolute;
	width: 300px;
	height: 250px;
	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: 120px;
	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:250px;
	background-color:#000000;
	z-index:950;
}
#brdr-t {left:0px; top:0px; position:absolute;}
#brdr-b {left:0px; top:249px; position:absolute;}
#brdr-l {left:0px; top:0px; position:absolute;}
#brdr-r {left:299px; top:0px; position:absolute;}
