#menu-wrapper{background: rgba(0,0,0,.4);width:100%;padding:0;border-top:1px dashed #333;border-bottom:1px solid #000} .menu,.menu ul,.menu li,.menu a{border:none;outline:none;margin:0 auto;padding:0;z-index:999} .menu{width:940px;height:50px;} .menu li{position:relative;list-style:none;float:left;display:block;height:10px} .menu li a{display:block;text-decoration:none;font-family:Arial;font-weight:700;font-size:14px;color:#e7e7df;text-shadow:1px 1px 1px #000;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;margin:0;padding:12px 14px 12px} .menu li:first-child a{padding:10px 10px 7px} .menu li:hover > a{color:#ff2f19} .menu ul{position:absolute;top:40px;left:0;opacity:0;background:#1b1b1b url(http://3.bp.blogspot.com/-IeHXc7J7dZs/URLRwVeKocI/AAAAAAAACFA/OepYPORtIII/s1600/menuh.png) repeat-x top;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;border:1px solid #040404;border-top:none;-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s} .menu li:hover > ul{opacity:1} .menu ul li{height:0;overflow:hidden;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s;padding:0} .menu li:hover > ul li{height:36px;overflow:visible;padding:0} .menu ul li a{color:#ccc;font-weight:400;width:100px;margin:0;padding:6px 0 6px 30px;text-shadow:none} .menu ul li:first-child a{padding:6px 14px 6px 30px} .menu ul li:last-child a{border:none} .menu a.trigger{background:url(http://1.bp.blogspot.com/-gZeAq088yso/URLQIekivZI/AAAAAAAACEw/ddkS4dh4ueI/s1600/arrow.png) no-repeat 6px center}