Mega Menu CSS 02

/*
http://www.atseadesign.com/blog/2011/css/pure-css-mega-menu-with-a-professional-look.html
*/
#mega{
    list-style:none;
    width:560px;
    height:40px;
    margin:34px auto 0 auto;
}
#mega li{
    color:#000;
    border:none;
    float:left;
    width:120px;
    text-align:center;
    position:relative;
    padding:4px 10px 4px 10px;
}
#mega li:hover{
    padding:0;
    border:none;
    background-color:#EEE;
    color:#333333;
    padding:4px 10px 4px 10px;
}
#mega li a{
    font-size:14px;
    display:block;
    outline:0;
    text-decoration:none;
    color:#000;
}
#mega li:hover a{
    color:#161616;
}

#cont1, #cont2, #cont3, #cont4{
position:absolute;
left:-999em;
margin-top:1px;
width:350px;
padding:0 10px 10px;
border:1px solid #777;
/*border-top:none;*/
background:#E97569;
}
#mega li:hover div, #mega li.right_one:hover div {
left:-1px;top:22px;
}
#mega li.right:hover div {
left:-221px
}
#mega li.right_none:hover {
color:#007AC0;
border: 1px solid #777;
padding:7px 0 1px 0;
margin-top:-7px;
}
/*============================
List styles within dropdown
============================*/
#mega li ul{
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
    border:none;
}
#mega li ul li{/**/
    font-size:12px;
    line-height:24px;
    position:relative;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:270px;
    border:none;
}
#mega li ul li:hover {
    /*background:none;*/
    border:none;
    padding:0;
    margin:0;
}
#mega li ul li ul{
    margin:0;
    padding:0;
}
/*============================
General Styles within dropdown
============================*/
#mega p, #mega h2{
    text-align:left;
}