*{
	margin:0px;
	padding:0px;
}
#ad{
	width:300px;
	height:250px;
	position:relative;
	overflow:hidden;
	background:#fff;
	/*cursor:pointer;*/
}
#container{
	width:300px;
	height:217px;
	position:absolute;
	background:#c61b71;
	overflow:hidden;
	top:33px;
	left:0;
	
	/*cursor:pointer;*/
}

#border{
	top:0px;
	left:0px;
	height:248px;
	border:1px solid #000;
	z-index:5;
	position:relative;
}
#frame1,#frame2, #frame3,#frame4{
	width:300px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
}
#frame1{
	z-index:3;
}
.orangecolor{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:250px;
	opacity:0;
	z-index:3;
	
}	
.bluecolor{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:250px;
	opacity:0;
	z-index: 2;
	
}	

.greencolor{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:250px;
	opacity:0;
	z-index: 1;
}	

#frame1{
	z-index:1;
}

#frame2,#frame3, #frame4{
	z-index:2;
}
.logo{
	position:absolute;
	top:10px;
	left:97px;
	opacity:0;
	z-index:12;
}
#copy1{
	position:absolute;
	top:-33px;
	left:0px;
	width:300px;
	height:250px;
	opacity:0;
	z-index:4;
}

#copy2{
	position:absolute;
	top:-33px;
	left:0px;
	width:300px;
	height:250px;
	opacity:0;
	z-index:4;
}

#copy3{
	position:absolute;
	top:-33px;
	left:0px;
	width:300px;
	height:250px;
	opacity:0;
	z-index:4;
}

#copy3.withcta{
	position:absolute;
	top:-33px;
	left:0px;
	width:300px;
	height:250px;
	opacity:0;
	z-index:4;
}

#copy4{
	position:absolute;
	top:-33px;
	left:0px;
	width:300px;
	height:250px;
	opacity:0;
	z-index:4;
}

#hotspot{
	position:absolute;
	width:300px;
	height:250px;
	background:#000;
	top:0px;
	left:0px;
	opacity:0;
	z-index:11;
}


#cta1{
	position:absolute;
	width:112px;
	height:28px;
	top:144px;
	left:30px;
	cursor: pointer;
	display:none;
	z-index:12;
}
#cta1.copy3cta{
	position:absolute;
	width:132px;
	height:28px;
	top:143px;
	left:84px;
	cursor: pointer;
	display:none;
	z-index:12;
}
#cta2{
	position:absolute;
	width:112px;
	height:28px;
	top:144px;
	left:159px;
	cursor: pointer;
	display:none;
	z-index:12;
}

#cta1.active, #cta2.active{
	display:block;
}

#ctaBtn {
 position: absolute;
 width: 76px;
 height: 20px;
 top: 123px;
 left: -218px;
 font-family: 'Oswald', sans-serif;
 line-height: 21px;
 font-size: 11px;
 text-align: center;
 display: inline-block;
 padding: 0px;
 -webkit-border-radius: 10;
   -moz-border-radius: 10;
   border-radius: 8px;
  text-decoration: none;
  background-color: #472f92;
  background-image: url(../images/shimmer.png);
  background-position: -160px center; 
  background-repeat: no-repeat;
  cursor: pointer;
  color: #fff;
 opacity: 0;
 -webkit-transition: all 520ms ease-in;
    -moz-transition: all 520ms ease-in;
    -o-transition: all 520ms ease-in;
    transition: all 520ms ease-in;
 z-index: 6;
}
#ctaBtn.active{
	opacity: 1;
}