#zone_no_1 { position:fixed;top:0;left:0;z-index:8;padding-left:20px;width:486px;padding-top:30px;cursor:pointer; }
.box { font-size:46px;font-family: Arial Rounded MT Bold, Arial, sans-serif;color: white;text-decoration: none; }
ul { margin:0;padding:0;list-style-type:none;min-width:200px;	}
ul#navigation { float:left; }
ul#navigation li { float:left;min-width:200px; }
ul.sub_navigation { position:absolute;padding-left:282px;display:none; }
ul.sub_navigation li { clear:both;}
 
#zone_no_2 { position:fixed;top:88px;left:0px;bottom:110px;width:40%;overflow:hidden;z-index:6; }
#zone_no_3 { position:fixed;top:0;left:40%;bottom:110px;width:100%;overflow:hidden;z-index:7; }

#controls-wrapper { margin:0 auto;height:106px;width:100%;left:0;bottom:0px;z-index:7;position:fixed; }
#controls-wrapper:hover #controls { opacity:1; }
#controls { overflow:hidden; height:100%; position:relative;top:20px;text-align:left; z-index:5;opacity:0.3; }
#left_controls { text-align:right;margin-right: 20px; }

#play-button { float:left; margin-bottom: 20px; margin-left: 20px;}
#play-button:hover { cursor:pointer;}
  
#share-button { float:right; margin-bottom: 20px; margin-right: 20px;}
#share-button:hover { cursor:pointer; }

#fb-root { float:right; margin-left: -30px; margin-bottom: 10px; margin-right: 20px;}
#fb-root:hover { cursor:pointer; }

#info-button { float:right; margin-bottom: 20px; margin-right: 20px;}
#info-button:hover { cursor:pointer; }
  
#full-button { float:right; margin-bottom: 20px; margin-right: 20px;}
#full-button:hover { cursor:pointer; }

@media screen and (max-width: 980px) {
  #zone_no_1 { width:408px; }
  .box { font-size:40px; }
  ul.sub_navigation { padding-left:248px; }
  #zone_no_2 { top:80px; }
  #zone_no_3 { left:432px; }
}