@import url(https://fonts.googleapis.com/css?family=Titillium+Web:900);
			
body { margin:0; padding: 0; font-family: 'Titillium Web', sans-serif;}
a#myAdLink {
		display:inline-block; 
	    background-color:#ffffff;
	    text-decoration: none;
	    color: inherit;
}

*{
   user-drag: none; 
  -webkit-user-drag: none;
  -webkit-user-select: none;  
  -moz-user-select: none;     
  -ms-user-select: none;     
   user-select: none;  
}

img{
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; 
    
}
div{
	position: absolute; 
	
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#myAd{
	width: 300px; height:250px;
	position: relative;
	overflow: hidden;
	opacity:0;
				
}

#border{
	box-sizing: border-box;
	border: 1px solid #ccc;
	z-index:10;
	width: 300px; height:250px;				
}

#myAd .myAd_Img { 
	background: url(graphics.png) no-repeat 0px 0px; 
}

#logo { 
	width:80px;
	height:41px; 
	background: url(logo.png) no-repeat 0px 0px; 
	right:5px;
	bottom:5px;
}


#myAd #back{
	width: 300px;
	height: 250px; 
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(217,211,186,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(21%, rgba(255,255,255,1)), color-stop(100%, rgba(217,211,186,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(217,211,186,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(217,211,186,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(217,211,186,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(217,211,186,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d3ba', GradientType=0 );
}
#myAd #cable{
	width: 400px;
	height: 198px; 
	background-position: 0 0;
}

#myAd #connectors{
	width: 42px;
	height: 74px; 
	background-position: -184px -201px;
	top:39px;
	left:27px;
}

#myAd #panel{
	width: 150px;
	height: 304px; 
	background-position: 0 -198px;
	top:-11px;
	left:-10px;
	opacity:0;
}
#myAd #reflections{
	width: 31px;
	height: 87px; 
	background-position: -150px -304px;
	top:96px;
	left:75px;
	opacity:0;
}

#myAd #img{
	width: 399px;
	height: 250px; 
	left:120px;
	top:60px;
}

#myAd #cta{
	top:60px;
	display:inline-block;
	width:142px;
	height:35px;
	left:79px;
	background-position: 0 -515px;
	opacity:0;
	
}
#cta #copy  {
  color: #fff;
  text-transform: uppercase;
  font-size: .9em;
  line-height:35px;
  letter-spacing:.5px;
  text-align: center; 
  position: relative;
}

.shine {
	position:absolute;
	top:0;
	left:0;
	background: rgba(255,255,255,0);
	background-repeat: no-repeat;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(22%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,.5)), color-stop(49%, rgba(255,255,255,0)));
	background: linear-gradient(135deg, rgba(255,255,255,0) 22%, rgba(255,255,255,.5) 49%, rgba(255,255,255,0) 76%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	background-repeat: no-repeat;
	border-radius: 4px;
}
#shine {
	width: 142px;
	height: 35px;
	background-size: 142px 35px;
	background-position: -138px 0;
}

#copy01, #copy02, #copy03, #copy04 {
  color: #193b63;
  top:10px;
  width:300px;
  text-align:center;
  text-transform: uppercase;
  font-size: 1.9em;
  line-height:24px;
  letter-spacing:.4px;
  opacity:0;
}