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


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

.sprite-art-snoopy {
    width: 76px;
    height: 115px;
    background-position: -2px -2px;
}

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

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

.sprite-t0 {
    width: 46px;
    height: 6px;
    background-position: -2px -142px;
}

.sprite-t1 {
    width: 114px;
    height: 17px;
    background-position: -52px -142px;
}

.sprite-t2 {
    width: 141px;
    height: 101px;
    background-position: -2px -163px;
}

.sprite-t3 {
    width: 135px;
    height: 133px;
    background-position: -263px -2px;
}

.sprite-t4 {
    width: 137px;
    height: 30px;
    background-position: -246px -139px;
}

.sprite-t5 {
    width: 128px;
    height: 32px;
    background-position: -147px -234px;
}

.sprite-t6 {
    width: 48px;
    height: 7px;
    background-position: -257px -173px;
}


/* ------- POSITION SPRITES ------- */
.sprite-bar-btm {left: 0px; top:464px; position:absolute;}
.sprite-art-snoopy {left: 53px; top:338px; position:absolute;}
.sprite-t0 {left: 9px; top: 14px; position:absolute;}
.sprite-t1 {left: 22px; top:156px; position:absolute;}
.sprite-t2 {left: 9px; top:183px; position:absolute;}
.sprite-t3 {left: 12px; top:37px; position:absolute;}
.sprite-t4 {left: 13px; top:218px; position:absolute;}
.sprite-t5 {left: 13px; top:260px; position:absolute;}
.sprite-t6 {left: 30px; top:302px; position:absolute;}

.sprite-cb-mark-1 {
	left: 15px;
	top: 215px;
	position: absolute;
	
}
.sprite-cb-mark-2 {
	left: 15px;
	top: 258px;
	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: 705;
	border-radius: 3px;
}

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

/* ------- 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;}