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


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

.sprite-art-snoopy {
    width: 41px;
    height: 62px;
    background-position: -2px -2px;
}

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

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

.sprite-t1 {
    width: 127px;
    height: 18px;
    background-position: -2px -96px;
}

.sprite-t2 {
    width: 349px;
    height: 40px;
    background-position: -2px -118px;
}

.sprite-t3 {
    width: 296px;
    height: 35px;
    background-position: -2px -162px;
}

.sprite-t4 {
    width: 117px;
    height: 13px;
    background-position: -228px -19px;
}

.sprite-t5 {
    width: 134px;
    height: 15px;
    background-position: -133px -96px;
}

.sprite-t5-2 {
    width: 125px;
    height: 26px;
    background-position: -2px -201px;
}

.sprite-t6 {
    width: 48px;
    height: 7px;
    background-position: -245px -2px;
}


/* ------- POSITION SPRITES ------- */
.sprite-t0 {
	left: 490px;
	top: 74px;
}
.sprite-btn-cta {left: 456px; top:33px;}
.sprite-bar-btm {left: 551px;top: 0;}
.sprite-art-snoopy {left: 494px;top: 5px;}
.sprite-t1 {left: 38px; top:25px;}
.sprite-t2 {left: 38px; top:26px;}
.sprite-t3 {left: 14px;top: 29px;}
.sprite-t4 {left: 329px;top: 10px;}
.sprite-t5 {left: 329px;top: 33px;}
.sprite-t5-2 {left: 328px;top: 56px;}
.sprite-t6 {left: 488px; top: 74px;}

.cb-1 {
	left: 331px;
	top: 7px;
	background-image: url(spritesheet.png);
    background-repeat: no-repeat;
	width: 13px;
    height: 13px;
    background-position: -228px -2px;
	clip: rect(0px 0px 0px 0px);
	position: absolute;
	overflow: hidden;
	z-index: 550;
}
.cb-2 {
	left: 331px;
	top: 29px;
	background-image: url(spritesheet.png);
    background-repeat: no-repeat;
	width: 13px;
    height: 13px;
    background-position: -228px -2px;
	clip: rect(0px 0px 0px 0px);
	position: absolute;
	overflow: hidden;
	z-index: 550;
}
.cb-3 {
	left: 331px;
	top: 52px;
	background-image: url(spritesheet.png);
    background-repeat: no-repeat;
	width: 13px;
    height: 13px;
    background-position: -228px -2px;
	clip: rect(0px 0px 0px 0px);
	position: absolute;
	overflow: hidden;
	z-index: 550;
}



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

#glimmer-box {
	position: absolute;
	left: 579px;
	top: 48px;
	width: 126px;
	height: 32px;
	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;
}