/**************** menu coding *****************/
.menu {
width: 100%;
float: left;
}

.menu ul {
list-style: none;
margin: 0;
padding: 0 5px;
float: left;
}

.menu a, .menu h2 {
display: block;
margin: 0;
padding: 2px 3px;
}

.menu h2 {
color: #fff;
}

.menu a {
}

.menu a:hover {
}

.menu li {position: relative;}

.menu ul li ul li, .menu ul li ul li ul li, .menu ul li ul li ul li ul li
{
    padding: 4px 6px;
}

.menu ul ul {
position: absolute;
z-index: 500;
white-space: nowrap;
background: #211E1C;
border: 1px solid #000;
}

.menu ul ul ul {
position: absolute;
z-index: 1000;
top: 0;
left: 100%;
}

div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}