nav.menu ol, nav.menu ul {
	list-style: none;
	margin:0px;
	padding:0px;
}
nav.menu {
	background: #F1F1F1;
	font-size: 14px;
}
nav.menu ul {
	margin: 0 0 0;
}
nav.menu ul li {
	float: left;
}
nav.menu ul li.more {
	text-align: center;
}
nav.menu ul li.more:hover ul#overflow {
	opacity: 1;
	visibility: visible;
}
nav.menu ul li a, nav.menu ul li span {
	display: block;
    background: #F1F1F1;
    color: #333;
    text-decoration: none;
    padding: 0.4em 1em;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
nav.menu > ul > li > a, nav.menu > ul > li > span {
    border-right: 1px solid #DADADA;
}
nav.menu .more span {
    border-right: 0px solid #DADADA;
}
nav.menu .more span:hover {
    background: none;
}
nav.menu ul li a:hover, nav.menu ul li span:hover {
	background: #DADADA;
}
nav.menu #overflow {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	text-align: left;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
nav.menu #overflow li {
	float: none;
}
nav.menu #overflow li a {
	background: #34BC9D;
	white-space: nowrap;
}
nav.menu #overflow li a:hover {
	background: #46CFB0;
}



nav.menu ul li.more:hover ul.ddm2 {
	opacity: 1;
	visibility: visible;
}
nav.menu .ddm2 {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	text-align: left;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	min-width: 130px;
	z-index: 1;
}
nav.menu .ddm2 li {
	float: none;
	text-align: center;
}
nav.menu .ddm2 li a {
	background: #34BC9D;
	white-space: nowrap;
}
nav.menu .ddm2 li a:hover {
	background: #46CFB0;
}

ul.nav.ddm3 {
    position: absolute;
    left: 130px;
    width: 130px;
    margin-top: -31px;
    background: #FFF;
	display:none;
}

.ddm2 li.more2:hover ul.nav.ddm3{
	display:block;
}
.ddm2 li.more2:hover ul.nav.ddm3 li a{
	background:rgba(243, 102, 35, 0.71);
}