/* ------- BANNER SETUP ------- */
body, html{margin:0; padding:0;}
#wrapper{
  width:300px; height:250px;
  overflow:hidden; background:#ffffff;
  position:absolute;
}
#content{
  width:300px; height:250px;
  position:relative; top:0; left:0;
  perspective: 300px; -webkit-perspective: 300px;
}
.hideMe{visibility:hidden;}


/* ------- DEFINE SPRITES ------- */
.spr-t3, .spr-a1, .spr-t1, .spr-cta1, .spr-t2, 
.spr-lu1, .spr-lu2
{ display: inline-block; background: url('img/spritesheet.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; position: absolute;}
 
.spr-t3 { background-position: -2px -0px; width: 250px; height: 68px; }
.spr-a1 { background-position: -2px -70px; width: 168px; height: 129px; }
.spr-t1 { background-position: -2px -201px; width: 165px; height: 74px; }
.spr-cta1 { background-position: -2px -277px; width: 146px; height: 14px; }
.spr-t2 { background-position: -2px -293px; width: 140px; height: 48px; }
.spr-lu1 { background-position: -172px -70px; width: 75px; height: 12px; }
.spr-lu2 { background-position: -172px -84px; width: 65px; height: 12px; }


/* ------- POSITION SPRITES ------- */
.spr-t1 { left: 67px;top: 87px; }
.spr-t3 { left: 29px;top: 17px; }
.spr-t2 { left: 80px;top: 32px; }
.spr-a1 { left: 72px;top: 96px; }
.spr-cta1 { left: 142px;top: 231px; }
.spr-lu1 { left: 8px;top: 230px; }
.spr-lu2 { left: 214px;top: 211px; }



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

#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:#b4b4b4;
	z-index:950;
}
#brdr-l, #brdr-r {
	width:1px;
	height:250px;
	background-color:#b4b4b4;
	z-index:950;
}
#brdr-t {left:0px; top:0px; position:absolute;}
#brdr-b {left:0px; top:249px; position:absolute;}
#brdr-l {left:0px; top:0px; position:absolute;}
#brdr-r {left:299px; top:0px; position:absolute;}