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

#google #border_green { background: #00ac46; width: 295px; height: 5px; left: 5px; }
#google #border_yellow { background: #ffb900; width: 5px; height: 245px; }
#google #border_red { background: #ff2b25; width: 5px; height: 245px; top: 5px; right: 0; }
#google #border_blue { background: #2984fc; width: 295px; height: 5px; bottom: 0; }

#google #btn_sound,
#google #blue_logo,
#google #yellow_logo,
#google #red_logo,
#google #green_logo,
#google #btn_slider { cursor: pointer; }
#google #round_num { font-family: sans-serif; font-size: 19px; font-weight: bolder; bottom: 11px; left: 100px; }
#google #btn_replay { right: 15px; top: 15px; }
#google #btn_replay_hit { width: 31px; height: 36px; right: 15px; top: 15px; cursor: pointer; }
/*--------------------- IE/Utilities ---------------------*/
#google #border { background: transparent; border: 1px solid transparent; width: 298px; height: 248px; position: absolute; top: 0; left: 0; opacity: 1; }
#google #btn_play_hit,
#google #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; cursor: pointer; }
#google #loading { width: 100%; height: 100%;
background: #ffffff; display: none;
}
#google .hide { display: none; }