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

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

.sprite-t0 {
    width: 48px;
    height: 8px;
    background-image: url(copyr.png);
    background-repeat: no-repeat;
	position:absolute;
}

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

.sprite-art-snoopy {
    width: 100px;
    height: 152px;
    background-position: -2px -2px;
}

.sprite-art-snoopy-2 {
    width: 55px;
    height: 83px;
    background-position: -106px -2px;
}

.sprite-bar-btm {
    width: 300px;
    height: 145px;
    background-position: -2px -158px;
}

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

.sprite-t1 {
    width: 154px;
    height: 23px;
    background-position: -183px -2px;
}

.sprite-t2 {
    width: 265px;
    height: 128px;
    background-position: -341px -2px;
}

.sprite-t3 {
    width: 246px;
    height: 140px;
    background-position: -306px -134px;
}

.sprite-t4 {
    width: 171px;
    height: 14px;
    background-position: -106px -134px;
}

.sprite-t5 {
    width: 196px;
    height: 18px;
    background-position: -306px -278px;
}

.sprite-t5-2 {
    width: 198px;
    height: 38px;
    background-position: -306px -300px;
}

.sprite-t6 {
    width: 56px;
    height: 8px;
    background-position: -610px -2px;
}


/* ------- POSITION SPRITES ------- */
.sprite-bar-btm {left: 0;top: 455px; position:absolute;}
.sprite-art-snoopy {left: 110px; top: 365px; position:absolute;}
.sprite-art-snoopy-2 {left: 220px; top: 351px; position:absolute;}
.sprite-t0 {left: 9px; top: 14px; position:absolute;}
.sprite-t1 {left: 19px; top: 139px; position:absolute;}
.sprite-t2 {left: 19px; top: 145px; position:absolute;}
.sprite-t3 {left: 27px; top: 53px; position:absolute;}
.sprite-t4 {left: 29px; top: 251px; position:absolute;}
.sprite-t5 {left: 28px; top: 286px; position:absolute;}
.sprite-t5-2 {left: 29px; top: 320px; position:absolute;}
.sprite-t6 {left: 19px; top: 431px; position:absolute;}

.sprite-cb-mark-1 {
	left: 34px;
top: 245px;
	position: absolute;
	overflow: hidden;
}
.sprite-cb-mark-2 {
	left: 33px;
	top: 281px;
	position: absolute;
	overflow: hidden;
}

.sprite-cb-mark-3 {
	left: 33px;
top: 315px;
	position: absolute;
	overflow: hidden;
}



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

#glimmer-box {
    position: absolute;
    left: 66px;
top: 535px;
width: 167px;
height: 41px;
    border-width:0px;
	border: 0px solid transparent;
    overflow: hidden; 
    z-index: 705;
	border-radius:5px;
}

#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;
}

.cb-container-1 {
    width: 16px;
    height: 17px;
    position: relative;
}