/* ------- PAGE SETUP ------- */
body, html{margin:0; padding:0;}
#wrapper{
  width:300px; height:250px;
  overflow:hidden; background:#C5E7FC;
  position:absolute; border: 1px solid #000000;
  }
#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-t0 {
    width: 46px;
    height: 6px;
    background-position: -310px -129px;
}

.sprite-art-snoopy {
    width: 75px;
    height: 115px;
    background-position: -5px -5px;
}

.sprite-bar-btm {
    width: 300px;
    height: 45px;
    background-position: -5px -130px;
}

.sprite-btn-cta {
    width: 118px;
    height: 29px;
    background-position: -90px -5px;
}

.sprite-cb-line {
    width: 16px;
    height: 17px;
    background-position: -218px -5px;
}

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

.sprite-t1 {
    width: 154px;
    height: 21px;
    background-position: -90px -44px;
}

.sprite-t2 {
    width: 264px;
    height: 126px;
    background-position: -5px -185px;
}

.sprite-t3 {
    width: 245px;
    height: 62px;
    background-position: -296px -5px;
}

.sprite-t4 {
    width: 161px;
    height: 33px;
    background-position: -90px -77px;
}

.sprite-t5 {
    width: 154px;
    height: 34px;
    background-position: -278px -281px;
}

.sprite-t6 {
    width: 47px;
    height: 8px;
    background-position: -395px -77px;
}


/* ------- POSITION SPRITES ------- */
.sprite-btn-cta {left: 171px; top:214px; position:absolute;}
.sprite-bar-btm {left: 0px; top:205px; position:absolute;}
.sprite-art-snoopy {left: 210px; top:88px; position:absolute;}
.sprite-t0 {left: 245px; top: 7px; position:absolute;}
.sprite-t1 {left: 19px; top:32px; position:absolute;}
.sprite-t2 {left: 19px; top:37px; position:absolute;}
.sprite-t3 {left: 25px; top:13px; position:absolute;}
.sprite-t4 {left: 17px; top:93px; position:absolute;}
.sprite-t5 {left: 17px; top:138px; position:absolute;}
.sprite-t6 {left: 17px; top:190px; position:absolute;}

.sprite-cb-mark-1 {
	left:19px;
  top: 89px;
	position: absolute;
	overflow: hidden;
}
.sprite-cb-mark-2 {
	left: 22px;
	top: 136px;
	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;
}

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

/* this is needed for pesky IE */
#glimmer img {text-decoration: none; border: 0px}

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