.menu-main-menu-container ul ul {
	display: none; 
	position: absolute; 
	top:100%;
}

.menu-main-menu-container ul li:hover > ul {
	display: block;
}

.menu-main-menu-container ul ul ul {
	position: absolute;
	left: 100%;
	top:0;
}

@media all and (max-width: 640px) {

#branding .toggleMenu, #nav-wrapper .toggleMenu {
	display: inline-block;
}

.menu-main-menu-container, .menu-main-menu-container > ul ul {
	overflow: hidden;
	max-height: 0;
}

#branding #menu-main-menu li li a, #nav-wrapper #menu-main-menu li li a {
	white-space: normal;
	border-bottom: none;
	padding-right: 40px;
}

#branding #menu-main-menu li.menu-item-has-children > a, #nav-wrapper #menu-main-menu li.menu-item-has-children > a {
	background-image: url("images/button-plus.png");
	background-repeat: no-repeat;
	background-position: 20px 50%;
	background-color: #c9cea2;
}

#branding #menu-main-menu li.menu-item-has-children a.active, #nav-wrapper #menu-main-menu li.menu-item-has-children a.active {
	background-image: url("images/button-minus.png");
	background-repeat: no-repeat;
	background-position: 20px 50%;
	background-color: #c9cea2;
}

.menu-main-menu-container.active, .menu-main-menu-container > ul ul.active {
	max-height: 200em;
}

.menu-main-menu-container ul ul, .menu-main-menu-container ul ul ul {
	display: inherit;
	position: relative !important;
	left: auto !important;
	top: auto;
}

}  /* end of @media 640 */