nav{clear:left;background-image:linear-gradient(bottom,#ccc 5%,#fff 20%,#ccc 50%,#fff 80%,#ccc 95%);background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0.05,#ccc),color-stop(0.2,#fff),color-stop(0.5,#ccc),color-stop(0.8,#fff),color-stop(0.95,#ccc));background-image:-webkit-linear-gradient(bottom,#ccc 5%,#fff 20%,#ccc 50%,#fff 80%,#ccc 95%);background-image:-moz-linear-gradient(bottom,#ccc 5%,#fff 20%,#ccc 50%,#fff 80%,#ccc 95%);background-image:-ms-linear-gradient(bottom,#ccc 5%,#fff 20%,#ccc 50%,#fff 80%,#ccc 95%);background-image:-o-linear-gradient(bottom,#ccc 5%,#fff 20%,#ccc 50%,#fff 80%,#ccc 95%);margin-top:5px;position:relative;min-width:350px;width:70%;margin:10px auto;left:0;right:0;-webkit-border-radius:0 30px 0 30px;-moz-border-radius:0 30px 0 30px;-ms-border-radius:0 30px 0 30px;-o-border-radius:0 30px 0 30px;border-radius:0 30px 0 30px;box-shadow:8px 8px 8px rgba(0,0,0,0.5);display:block;z-index:10}nav ul{list-style:none;padding:0;margin:0;overflow:hidden}nav>ul{-webkit-border-radius:0 30px 0 30px;-moz-border-radius:0 30px 0 30px;-ms-border-radius:0 30px 0 30px;-o-border-radius:0 30px 0 30px;border-radius:0 30px 0 30px}nav>ul>li{float:left;-webkit-border-radius:0 30px 0 30px;-moz-border-radius:0 30px 0 30px;-ms-border-radius:0 30px 0 30px;-o-border-radius:0 30px 0 30px;border-radius:0 30px 0 30px}nav ul li a{text-decoration:none;color:#000;display:block;padding:10px 20px;-webkit-border-radius:0 30px 0 30px;-moz-border-radius:0 30px 0 30px;-ms-border-radius:0 30px 0 30px;-o-border-radius:0 30px 0 30px;border-radius:0 30px 0 30px}nav ul li a:hover{background-image:linear-gradient(bottom,#900 5%,#f00 20%,#900 50%,#f00 80%,#900 95%);background-image:-o-linear-gradient(bottom,#900 5%,#f00 20%,#900 50%,#f00 80%,#900 95%);background-image:-moz-linear-gradient(bottom,#900 5%,#f00 20%,#900 50%,#f00 80%,#900 95%);background-image:-webkit-linear-gradient(bottom,#900 5%,#f00 20%,#900 50%,#f00 80%,#900 95%);background-image:-ms-linear-gradient(bottom,#900 5%,#f00 20%,#900 50%,#f00 80%,#900 95%);background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0.05,#900),color-stop(0.2,#f00),color-stop(0.5,#900),color-stop(0.8,#f00),color-stop(0.95,#900));color:#fff;-webkit-border-radius:0 30px 0 30px;-moz-border-radius:0 30px 0 30px;-ms-border-radius:0 30px 0 30px;-o-border-radius:0 30px 0 30px;border-radius:0 30px 0 30px}nav>ul>li:hover div{display:table}nav ul li div{width:300px;position:absolute;left:0;right:0;background:#fff;box-sizing:border-box;display:none}nav ul li div ul{width:20%;display:table-cell;border:1px solid gray;padding:2px;font-family:"Helvetica"}nav ul li div ul li a{color:#000}nav ul li div ul li a:hover{color:#fff}@media all and (max-width:600px){nav{width:100%}}