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


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

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

.sprite-bar-btm {
    width: 176px;
    height: 90px;
    background-position: -2px -2px;
}

.sprite-c3 {
    width: 58px;
    height: 41px;
    background-position: -182px -2px;
}

.sprite-glimmer {
    width: 103px;
    height: 69px;
    background-position: -182px -47px;
}

.sprite-t0 {
    width: 46px;
    height: 6px;
    background-position: -244px -19px;
}

.sprite-t1 {
    width: 263px;
    height: 15px;
    background-position: -2px -120px;
}

.sprite-t2 {
    width: 296px;
    height: 35px;
    background-position: -2px -139px;
}

.sprite-t3-1 {
    width: 117px;
    height: 13px;
    background-position: -2px -96px;
}

.sprite-t3-2 {
    width: 134px;
    height: 15px;
    background-position: -2px -178px;
}

.sprite-t3-3 {
    width: 125px;
    height: 26px;
    background-position: -140px -178px;
}

.sprite-t4 {
    width: 46px;
    height: 6px;
    background-position: -244px -29px;
}

.sprite-checkmark {
    width: 13px;
    height: 13px;
    background-position: -244px -2px;
}

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

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


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

.sprite-bar-btm {left: 552px; top: 0px; position:absolute;}
.sprite-c3 {left: 478px; top: 24px; position:absolute;}

.sprite-t0 {left: 496px; top:72px; position:absolute;}
.sprite-t1 {left: 154px; top:39px; position:absolute;}
.sprite-t2 {left: 14px; top: 29px; position:absolute;}
.sprite-t3-1 {left: 329px; top: 10px; position:absolute;}
.sprite-t3-2 {left: 329px; top: 33px; position:absolute;}
.sprite-t3-3 {left: 328px; top: 56px; position:absolute;}
.sprite-t4 {left: 489px; top: 73px; position:absolute;}

.sprite-cb-mark-1 {left: 332px; top: 6px; position:absolute;}
.sprite-cb-mark-2 {left: 332px; top: 29px; position:absolute;}
.sprite-cb-mark-3 {left: 332px; top: 52px; position:absolute;}

.sprite-glimmer {left: 460px; top:33px; position:absolute;}



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

#glimmer-box {
	position: absolute;
	width: 126px;
	height: 30px;
	left: 579px;
	top: 49px;
	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:728px;
	height:1px;
	background-color:#000000;
	z-index:900;
}
#brdr-l, #brdr-r {
	width:1px;
	height:90px;
	background-color:#000000;
	z-index:900;
}
#brdr-t {left:0px; top:0px; position:absolute;}
#brdr-b {left:0px; top:89px; position:absolute;}
#brdr-l {left:0px; top:0px; position:absolute;}
#brdr-r {left:727px; top:0px; position:absolute;}