:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #ddd; margin: 0; padding: 0; }
#crocs { background: transparent; position: absolute; bottom: 0px; width: 100%; height: 200px; overflow: hidden;
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;		
}
#crocs svg { position: absolute; overflow: hidden; }
#crocs div { display: block; overflow: hidden; position: absolute; background: transparent; }

#crocs #bg { background: transparent url('../images/bg.jpg') 0 0 repeat; width: 100%; height: 100%; top: 35px; }
#crocs #content { background: transparent; bottom: 0px; left: 50%; width: 1200px; height: 100%; margin-left: -600px; }
#crocs #content #cta { background: transparent; width: 127px; height: 38px; border: 2px solid white; bottom: 30px; left: 200px; }
#crocs #content #logo { bottom: 90px; left: 199px; }
#crocs #content #drew { background: transparent url('../images/drew.png') 0 0 no-repeat; width: 466px; height: 400px; left: 200px; transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; }

#crocs #content #vid_container { background: transparent; width: 348px; height: 196px; left: 642px; border: 2px solid white; }
#crocs #content #vid_container #vid { width: 100%; height: 100%; }
#crocs #content #vid_container #controls_container { background: transparent; width: 100%; height: 24px; left: 0; bottom: -24px; display: none; }
#crocs #content #vid_container .control_container { width: 19px; height: 21px; cursor: pointer; }
#crocs #content #vid_container .control_container:hover .control { fill: #000; }
#crocs #content #vid_container #controls_container #vid_pause,
#crocs #content #vid_container #controls_container #vid_play { left: 4px; }
#crocs #content #vid_container #controls_container #vid_unmute,
#crocs #content #vid_container #controls_container #vid_mute { left: 26px; }
#crocs #content #vid_container #controls_container #vid_scrub_bar { background: transparent; width: 440px; height: 10px; left: 56px; bottom: 8px; overflow: visible; cursor: pointer; }
#crocs #content #vid_container #controls_container #vid_scrub_bar #scrub_bg_extend,
#crocs #content #vid_container #controls_container #vid_scrub_bar #scrub_bg { background: #D52A55; width: 100%; height: 100%; border-radius: 10px; -webkit-border-radius: 10px; }
#crocs #content #vid_container #controls_container #vid_scrub_bar #scrub_bg_extend { width: 20px; right: -10px; }
#crocs #content #vid_container #controls_container #vid_scrub_bar #scrub_bg_seek { background: #fff; width: 2px; height: 6px; border: 1px solid #D52A55; border-radius: 10px; -webkit-border-radius: 10px; top: 1px; left: 1px; }
#crocs #content #vid_container #controls_container #vid_scrub_bar #scrubber { background: #D52A55; width: 8px; height: 8px; border: 1px solid #fff; border-radius: 10px; -webkit-border-radius: 10px; left: -5px; }
#crocs #content #vid_container #controls_container #vid_scrub_bar #scrubber:hover { background: #000; }
#crocs #content #vid_container:hover #controls_container { display: block; }
#crocs #content #vid_container #vid_replay { background: transparent url('../images/replay.svg') 0 0 no-repeat; width: 100%; height: 100%; left: 0; top: 0; visibility: hidden; cursor: pointer; }
#crocs #close { background: transparent url('../images/close.svg') 0 0 no-repeat; width: 15px; height: 15px; top: 45px; right: 10px; cursor: pointer; visibility: hidden; }

/*--------------------- IE/Utilities ---------------------*/
/* #crocs #guide { background: transparent url('../images/guide.png') 0 0 no-repeat; width: 100%; height: 100%; opacity: .5; } */
#crocs #exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; cursor: pointer; }