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


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

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

.sprite-glimmer {
    width: 103px;
    height: 69px;
    background-position: -281px -174px;
	z-index:995;
}

.sprite-bar-btm {
    width: 160px;
    height: 136px;
    background-position: -2px -2px;
}

.sprite-c3 {
    width: 57px;
    height: 41px;
    background-position: -166px -2px;
}

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

.sprite-t0 {
    width: 46px;
    height: 6px;
    background-position: -166px -47px;
}

.sprite-t1 {
    width: 99px;
    height: 100px;
    background-position: -2px -142px;
}

.sprite-t2 {
    width: 138px;
    height: 144px;
    background-position: -244px -2px;
}

.sprite-t3-1 {
    width: 122px;
    height: 12px;
    background-position: -105px -150px;
}

.sprite-t3-2 {
    width: 139px;
    height: 14px;
    background-position: -231px -150px;
}

.sprite-t3-3 {
    width: 127px;
    height: 30px;
    background-position: -105px -168px;
}

.sprite-t4 {
    width: 48px;
    height: 7px;
    background-position: -236px -168px;
}


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


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

.sprite-bar-btm {left: 0px; top:464px; position:absolute;}
.sprite-btn-cta {left: 22px; top:469px; position:absolute;}

.sprite-c3 {left: 85px; top:383px; position:absolute;}

.sprite-t0 {
	left: 103px;
	top: 14px;
	position: absolute;
}
.sprite-t1 {left: 32px; top:85px; position:absolute;}
.sprite-t2 {left: 12px; top:44px; position:absolute;}
.sprite-t3-1 {left: 13px; top:252px; position:absolute;}
.sprite-t3-2 {left: 13px; top:280px; position:absolute;}
.sprite-t3-3 {left: 13px; top:308px; position:absolute;}
.sprite-t4 {left: 91px; top:450px; position:absolute;}

/* --- CHECK MARKS --- */
.sprite-cb-mark-1 {left: 15px; top:248px; position:absolute;}
.sprite-cb-mark-2 {left: 15px; top:277px; position:absolute;}
.sprite-cb-mark-3 {left: 15px; top:304px; position:absolute;}

.sprite-glimmer {left: 22px; top:469px; position:absolute;}


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

#glimmer-box {
	position: absolute;
	width: 116px;
	height: 28px;
	left: 22px;
	top: 538px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	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:160px;
	height:1px;
	background-color:#000000;
	z-index:900;
}
#brdr-l, #brdr-r {
	width:1px;
	height:600px;
	background-color:#000000;
	z-index:900;
}
#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:159px; top:0px; position:absolute;}