ul.menu{position:relative;z-index:100;-webkit-transform-style:preserve-3d;text-align:left;display:inline;margin:0;padding:0px 4px 10px 0;list-style:none;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);box-shadow:0 0 5px rgba(0, 0, 0, 0.15);}
ul.menu li{border-style:solid;border-width:1px;border-color:orange;font:bold 16px verdana;top:10px;display:inline-block;margin-right:-4px;position:relative;padding:15px 20px;background:#ffc;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
ul.menu li:hover{background:#ff3;color:#fff;}
ul.menu li ul{padding:0;position:absolute;left:0;margin-top:5px;width:150px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:none;opacity:0;visibility:hidden;-webkit-transiton:opacity 0.2s;-moz-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-o-transition:opacity 0.2s;-transition:opacity 0.2s;}
ul.menu li ul li{width:155px;font:14px verdana;background:#fff;color:#006;text-shadow:0 -1px 0 #000;-webkit-transform-style:preserve-3d;}
ul.menu li ul li:hover{background:#fff;}
ul.menu li:hover ul{display:block;opacity:1;visibility:visible;}