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


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

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

.spr-c1 {
    width: 96px;
    height: 133px;
    background-position: -2px -151px;
}

.spr-c2 {
    width: 104px;
    height: 132px;
    background-position: -102px -151px;
}

.spr-c3-1 {
    width: 98px;
    height: 89px;
    background-position: -210px -151px;
}

.spr-c3-2 {
    width: 27px;
    height: 17px;
    background-position: -306px -2px;
}

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

.spr-t0 {
    width: 46px;
    height: 7px;
    background-position: -355px -2px;
}

.spr-t1-1 {
    width: 240px;
    height: 51px;
    background-position: -102px -287px;
}

.spr-t1-2 {
    width: 179px;
    height: 56px;
    background-position: -2px -342px;
}

.spr-t2 {
    width: 246px;
    height: 140px;
    background-position: -405px -2px;
}

.spr-t4 {
    width: 171px;
    height: 14px;
    background-position: -312px -146px;
}

.spr-t5 {
    width: 196px;
    height: 18px;
    background-position: -312px -164px;
}

.spr-t6 {
    width: 198px;
    height: 38px;
    background-position: -312px -186px;
}

.spr-t7 {
    width: 56px;
    height: 8px;
    background-position: -487px -146px;
}




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

.spr-bar-btm {left: 0px; top:460px; position:absolute;}

.spr-c1 {left: 98px; top: 280px; position: absolute;}
.spr-c2 {left: 99px; top:284px; position:absolute;}
.spr-c3-1 {left: 186px; top: 359px; position:absolute;}
.spr-c3-2 {left: 209px; top: 402px; position:absolute;}

.spr-t0 {left: 13px; top:20px; position:absolute;}
.spr-t1-1 {left: 33px; top:42px; position:absolute;}
.spr-t1-2 {left: 63px; top:102px; position:absolute;}
.spr-t2 {left: 28px; top:42px; position:absolute;}
.spr-t4 {left: 29px; top: 251px; position:absolute;}
.spr-t5 {left: 28px; top: 286px; position:absolute;}
.spr-t6 {left: 29px; top: 320px; position:absolute;}
.spr-t7 {
	left: 19px;
top: 431px;
	position: absolute;
}

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

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


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

#glimmer-box {
	position: absolute;
	left: 66px;
	top: 541px;
	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;
}

/* Removes border on 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:300px;
	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:299px; top:0px; position:absolute;}