#wrapper {
    padding: 1px 0;
    margin: 0 auto;
    width: 300px;
}
.hover-menu {
    /* 8/16 = .5em */
    /*
    -moz-border-radius: .5em; 
    -webkit-border-radius: .5em;
    -ms-border-radius: .5em;
    -o-border-radius: .5em;
    border-radius: .5em;
    border: solid 1px #484848;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    background-color: rgba(255, 255, 255, .25);
    */
}
.hover-menu .wrapper {
/*
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -ms-border-radius: .5em;
    -o-border-radius: .5em;
    border-radius: .5em;
    
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding: .25em; */
    /* 4/16 = .25em */
}
.hover-menu ul {
    padding: 1em .5em;
    background-color: #fff;
    /*
    -moz-border-radius: .375em;
    -webkit-border-radius: .375em;
    -ms-border-radius: .375em;
    -o-border-radius: .375em;
    border-radius: .375em;
    */
}
.hover-menu .hover-submenu {
    visibility: hidden;
    opacity: 0;
   
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    
    position: absolute;
    padding: .5em;
    border: solid 1px #C3BAB4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    margin-left: 1.25em;
    height: 0;
    overflow: hidden; /* Hides the contents of the menu and prevents them from going out of the container */
}
.hover-menu .hover-trigger {
    background: #ffffff; /* Old browsers */
}
/*
.hover-menu .trigger:hover {
    background: #E1DBD4;
    background: -moz-linear-gradient(left, #ffffff 1%, #E0DAD3 7%, #E1DBD4 50%, #E0DAD3 94%, #ffffff 100%);
    background: -o-linear-gradient(left, #ffffff 1%, #E0DAD3 7%, #E1DBD4 50%, #E0DAD3 94%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ffffff), color-stop(7%,#E0DAD3), color-stop(50%,#E1DBD4), color-stop(94%,#E0DAD3), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ffffff 1%,#E0DAD3 7%,#E1DBD4 50%,#E0DAD3 94%,#ffffff 100%);
    background: -ms-linear-gradient(left, #ffffff 1%,#E0DAD3 7%,#E1DBD4 50%,#E0DAD3 94%,#ffffff 100%);
    background: linear-gradient(to right, #ffffff 1%,#E0DAD3 7%,#E1DBD4 50%,#E0DAD3 94%,#ffffff 100%);
}
*/

.hover-menu .hover-trigger:hover .hover-submenu {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    height: 12px;
    margin-top: 2.0em;
}