* {
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

.nav > li {
float:left;
}

.nav li a {
background:#0c9ba0;
color:#FFF;
display:block;
border:1px solid;
padding:10px 12px;
}

.nav li a:hover {
background:#0fbfc6;
}

.nav li ul {
display:none;
position:absolute;
min-width:140px;
width:250px;
}

.nav li:hover > ul {
display:block;
}

.nav li ul li {
position:relative;
width:250px;
}

.nav li ul li ul {
right:-250px;
top:0;
width:250px;

}