#menubutton {
	position: 			absolute;
    right: 				20px;
    top: 				0;
    line-height: 		61px;
	font-weight: 		bold;
	cursor:				pointer;
}

#menuwrapper {
	position:			fixed;
	top:				61px;
	right:				-600px;
	bottom:				0;
	width:				600px;
	max-width:			90vw;
	background-color: 	white;
	border-left: 		1px solid #ccc;
	transition: 		right 0.5s;
}

#menuwrapper.active {
	right:				0px;
}

#menuwrapper ul ul,
#menuwrapper div.submenu div.submenu {
	display:			none;
}

#menuwrapper ul,
#menuwrapper div.submenu {
	display:			block;
	position:			absolute;
	left:				0;
	top:				40px;
	width:				100%;
	list-style: 		none;
    margin: 			0;
	padding:			0;
	background-color:	white;
}

#menuwrapper div.submenu {
	top:				280px;
}

#menuwrapper ul span,
#menuwrapper ul a,
div.navItem span,
div.navItem a {
	display: 			block;
    line-height: 		3em;
    padding-left: 		30px;
    border-bottom: 		1px solid #ccc;
	cursor: 			pointer;
	text-decoration:	none;
}

#menuwrapper ul span:hover,
#menuwrapper ul a:hover,
div.submenu span:hover,
div.submenu a:hover {
	background:			#f8f8f8;
}

#menuwrapper ul ul,
#menuwrapper div.submenu div.submenu {
	transition:			left 0.5s;
	left:				600px;
	top:				0;
}

#menuwrapper ul ul.active,
#menuwrapper div.submenu div.submenu.active {
	left:				0px;
}

.menunav {
	line-height: 		40px;
    background: 		#eee;
    height: 			40px;
    padding: 			0 30px;
}

#menunav2 {
	margin-top:			200px;
}

#close {
	float:				right;
}

.menunav span {
	cursor: 			pointer;
}