#mnav{
	display: none;
	background-color: #222;
}
#nav{
	background-color: #222;
}
#nav_wrapper{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#nav_wrapper2 ul li a,visited{
	color: #fff;
	display: block;
	padding: 15px;
	text-decoration: none;
}
#nav_wrapper2 ul li a:hover{
	color: #ccc;
	text-decoration: none;
}
#nav ul{
	list-style-type: none;
	padding: 0;
	margin: 0;

}
#nav_wrapper2 ul li{
	display: inline-block;
}
#nav_wrapper2 ul li:hover{
	background-color: #333;
}

#nav ul li:hover ul{
	display: block;
	z-index: 100;
}
#nav ul ul{
	display: none;
	position: absolute;
	background-color: #333;
	border: 5px solid #222;
	border-top: 0;
	margin-left: -5px;
	min-width: 200px;
}
#nav ul ul li{
	display: block;
}
#nav ul ul li a,visited{
	color: #ccc;
}
#nav ul ul li a:hover{
	color: #099;
}


@media only screen and (min-width : 150px) and (max-width : 977px)
{

#nav{
	display: none;
	background-color: #222;
}
#mnav{
	width: 100%;
	display: inline-block;
	background-color: #222;
}
#mnav_wrapper{
	width: 100%;
	margin: 0 auto;
	text-align: right;
}
#mnav ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
}
#mnav ul li{
	display: inline-block;
}
#mnav ul li:hover{
	background-color: #333;
}
#mnav ul li img{
	vertical-align: middle;
	padding-left: 5px;
}
#mnav ul li a,visited{
	color: #ccc;
	display: block;
	padding: 15px;
	text-decoration: none;
}
#mnav ul li a:hover{
	color: #ccc;
	text-decoration: none;
}
#mnav ul li:hover ul{
	display: block;
	z-index: 100;
}
#mnav ul ul{
	display: none;
	position: absolute;
	text-align: center;
	background-color: #333;
	border: 5px solid #222;
	border-top: 0;
	margin-left: -54px;
	min-width: 0px;
}
#mnav ul ul li{
	display: block;
}
#mnav ul ul li a,visited{
	color: #fff;
}
#mnav ul ul li a:hover{
	color: #099;
}

}