/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
#chn { position: absolute; top: 0px; left: 0px; width: 300px; height: 250px; overflow: hidden;
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;
background: #acc0c7;
}
#chn svg { position: absolute; }
#chn div { display: block; overflow: hidden; position: absolute; background: transparent; }
#chn img { display: block; width: 100%; height: 100%; position: absolute; }
#chn .lockup { width: 300px; height: 250px; }

#chn #content { background: #acc0c7; width: 100%; height: 197px; bottom: 0px; }
#chn #content #cta { background: white; width: 177px; height: 32px; bottom: 37px; left: 62px; }
#chn #content #cta .border { background: white; }
#chn #content #cta #border_top { width: 100%; height: 1px; }
#chn #content #cta #border_right { width: 1px; height: 100%; right: 0; }
#chn #content #cta #border_btm { width: 100%; height: 1px; bottom: 0; }
#chn #content #cta #border_left { width: 1px; height: 100%; }

#chn .box { background: #005c56; width: 149px; height: 23px; top: 143px; left: 8px; margin-left: 0; }
#chn .copy { width: 300px; height: 24px; }

#chn #copy5,
#chn #copy3,
#chn #copy1 { top: 103px; }
#chn #copy6,
#chn #copy4,
#chn #copy2 { top: 134px; }

/*--------------------- IE/Utilities ---------------------*/
#chn #border { background: transparent; border: 1px solid #000; width: 298px; height: 248px; position: absolute; top: 0; left: 0; opacity: 1; }
#chn #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; }
#chn #loading { width: 100%; height: 100%;
background: #acc0c7;
}
#chn #loading img { width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; }
#chn .hide { display: none; }