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


/* ------- DEFINE SPRITES ------- */

.sprite {
    background-image: url(spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-bar-btm {
    width: 300px;
    height: 45px;
    background-position: 0 0;
	z-index: 990;
}

.sprite-btn-cta {
    width: 118px;
    height: 29px;
    background-position: 0 -45px;
	z-index: 991;
}

.sprite-c3 {
    width: 70px;
    height: 50px;
    background-position: -118px -45px;
}


.sprite-cb-mark-1, .sprite-cb-mark-2, .sprite-cb-mark-3 {
    width: 12px;
    height: 13px;
    background-position: -301px -24px;
	clip: rect(0px 0px 0px 0px);
}

.sprite-glimmer {
    width: 103px;
    height: 69px;
    background-position: -188px -62px;
	z-index: 993;
	opacity: 0.55;
}

.sprite-t0 {
    width: 46px;
    height: 6px;
    background-position: -220px -45px;
}

.sprite-t1 {
    width: 204px;
    height: 48px;
    background-position: 0 -131px;
}

.sprite-t2 {
    width: 257px;
    height: 66px;
    background-position: 0 -179px;
}

.sprite-t3-1 {
    width: 141px;
    height: 14px;
    background-position: 0 -95px;
}

.sprite-t3-2 {
    width: 162px;
    height: 15px;
    background-position: 0 -109px;
}

.sprite-t3-3 {
    width: 148px;
    height: 33px;
    background-position: -300px -45px;
}

.sprite-t4 {
    width: 48px;
    height: 8px;
    background-position: -300px -15px;
}

/* --- ANIMATION --- */
.anim-seq {
      position: absolute;
       top: 0px;
    left: 0px;
      width: 300px;
      height: 170px;
      background: url("sprite-anim.png"); 
       z-index: 280;
	   overflow:hidden;
    }
	
#seq {
	position: absolute;
	top: 31px;
	left: 0px;
	width: 300px;
	height: 170px;
	z-index: 275;
	overflow:hidden;
}


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

.sprite-bar-btm {left: 0px; top:205px; position:absolute;}
.sprite-btn-cta {left: 171px; top:214px; position:absolute;}

.sprite-c3 {left: 215px; top:129px; position:absolute;}

.sprite-t0 {left: 240px; top:196px; position:absolute;}
.sprite-t1 {left: 40px; top:17px; position:absolute;}
.sprite-t2 {left: 15px; top:16px; position:absolute;}
.sprite-t3-1 {left: 25px; top:105px; position:absolute;}
.sprite-t3-2 {left: 25px; top:132px; position:absolute;}
.sprite-t3-3 {left: 26px; top:160px; position:absolute;}
.sprite-t4 {left: 245px; top:192px; position:absolute;}

.sprite-glimmer {left: 171px; top:205px; position:absolute;}

/* --- CHECK MARKS --- */

.sprite-cb-mark-1 {
	left: 28px;
	top: 103px;
	position: absolute;
	overflow: hidden;
}
.sprite-cb-mark-2 {
	left: 28px;
	top: 129px;
	position: absolute;
	overflow: hidden;
}
.sprite-cb-mark-3 {
	left: 29px;
	top: 156px;
	position: absolute;
	overflow: hidden;
}



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

#glimmer-box {
    position: absolute;
    width:116px;
    height:28px;
    left: 171px;
	top:216px;
    border-width:0px;
	border: 0px solid transparent;
    overflow: hidden; 
    z-index: 705;
	z-index: 992;
	border-radius: 3px;
	opacity:.5;
}

#glimmer {
    position: relative;
      top:0px;
      left: -116px;
	  border-width:0px;
	  border: 0px solid transparent;
	  z-index: 715;
}

/* Removes border on pesky IE9/10 on WIN7 */
#glimmer img {text-decoration: none; border: 0px}

#rolloverCatch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    cursor: pointer;
}

#fader-1 {
    position: absolute;
	background-color:#C9F9AA;
    width: 300px;
    height: 205px;
    top: 0px;
    left: 0px;
    z-index: 999;
    cursor: pointer;
}

/* ------- BORDER ------- */
#brdr-t, #brdr-b {
	width:300px;
	height:1px;
	background-color:#000000;
	z-index:999;
}
#brdr-l, #brdr-r {
	width:1px;
	height:249px;
	background-color:#000000;
	z-index:999;
}
#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;}