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


/*-------- This is the Glimmer effect. This CSS shouldn't change ------------*/

.glimmer { display: inline-block; background: url('img/glim.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; position:absolute; }
.glimmer {background-position: 0px 0px; width:72px; height:40px; }



/*------ Set the parameters for your CSS elements below -------*/

.t3 {
  background-image: url("img/t3.png");
  position: absolute;
  left: 14px;
  top: 64px;
  width: 268px;
  height: 123px;
  z-index: 5;
}
.t2 {
  background-image: url("img/t2.png");
  position: absolute;
  left: 10px;
  top: 29px;
  width: 138px;
  height: 147px;
  z-index: 4;
}
.t1 {
  background-image: url("img/t1.png");
  position: absolute;
  left: 11px;
  top: 80px;
  width: 185px;
  height: 99px;
  z-index: 3;
}
.cta {
  background-image: url("img/cta.jpg");
  position: absolute;
  left: 0px;
  top: 0px;
  width: 302px;
  height: 252px;
  z-index: 2;
}



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

#glimmer-cta-box {
	position: absolute;
	left: 177px;
	top: 204px;
	width: 106px;
	height: 40px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 900;
/*	border-radius: 4px;*/
}
#glimmer-cta {
    position: relative;
      top:1px;
      left: -75px;
	  border-width:0px;
	  border: 0px solid transparent;
}
/* Removes border on pesky IE */
#glimmer-cta img {text-decoration: none; border: 0px}

#rolloverCatch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    cursor: pointer;
}