/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
canvas { position: absolute; }
#ad { position: absolute; width: 300px; height: 250px; overflow: hidden; background: #0064ff; cursor: pointer;
/*
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;
*/
}

#ad svg { position: absolute; overflow: hidden; }
#ad div { display: block; overflow: hidden; position: absolute; }
#ad img { display: block; width: 100%; height: 100%; position: absolute; }
#ad .lockup { width: 300px; height: 250px; }
#ad .shows { width: 325px; bottom: 0; right: 0; }

#ad #cta { width: 87px; height: 19px; bottom: 11px; right: 106px; }
#ad #cta #cta_bg { background: white; width: 100%; height: 100%; border-radius: 8px; }

#ad:hover #cta #cta_bg { background: #00004b; }
#ad:hover #cta #cta_txt path { fill: white; }

#ad #hits path { cursor: pointer; }

/*--------------------- IE/Utilities ---------------------*/
#ad #border { background: transparent; border: 1px solid #000; width: 298px; height: 248px; position: absolute; top: 0; left: 0; opacity: 1; }
#ad #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; cursor: pointer; }
#ad #loading { width: 100%; height: 100%;
background: #0064ff;
}
#ad #loading img { width: 40px; height: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px; }
#ad .hide { display: none; }