.menu{
	float:left;
}
.toggleMenu {
	display:  none;
	padding:12px 10px 14px;
	color: #453d39;
	font-size:14px;
}
.toggleMenu span{
	font-size:28px;
	color:#453d39;
	height:28px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}
a.toggleMenu:hover{
	color:#FFF;
}
.nav {
	float: left;
    font-size: 0;
    list-style: outside none none;
    margin: 0px;
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width:150px;
	z-index:9999;
}
.nav > li > a {
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding:19px 17.7px;
	border-left:1px solid #f9b147;
}
.nav li {
	position: relative;
}
.nav > li {
	float:left;
	vertical-align:top;
}
.nav > li > a {
	display: block;
}
.nav > li.active a{
	background:#ecebeb;
	color:#453d39;
}
.nav li a.parent {
	display: inline-block;
}
.nav li span.parent_span {
	display:none;
	float:right;
	width:57px;
	text-align:center;
	background:#ecebeb;
	color:#453d39;
	padding:10px 6px 7px 14px;
	height:20px;
	cursor:pointer;
	font-size:16px;
	position: absolute;
    right: 4px;
    text-align: center;
    top: 2px;
}
.nav li ul {
	position: absolute;
	left: -9999px;
}
.nav > li.hover > ul {
	left: 0px;
}
.nav > li:hover a{
	background:#ecebeb;
	color:#453d39;
}
.nav li li.hover > ul {
	left: 100%;
	top: 0;
}
.nav li li a {
	display:block;
	background: #ecebeb;
	text-align:left;
	border-top:1px solid #f9b147;
	border-left:none;
	padding: 4px 0px 4px 13px;
	color:#fff;
	font-weight:normal;
	text-transform:none;
	width: 100%;
	font-size: 17px;
}
.nav > li li a:hover {
	background:#ff9900;
	color:#453d39;
}
.nav > li li a:hover{
	background:#ff9900;
}
.nav li li li a {
	background:#ecebeb;
	z-index:200;
	border-top: 1px solid #f9b147;
}
.nav > li li li a:hover {
	background:#ff9900;
	color:#453d39;
}

@media only screen and (max-width: 1010px) {

.menu {
    float: left;
    position: relative;
    width: 89%;
    z-index: 99999;
}
.nav{
	width:750px;
	background:#ff9900;
	margin:0px;
}
.nav > li {
	float: none;
	width:100%;
	border-bottom:1px solid #f9b147;
}

.nav > li.active a {
    background: #ecebeb;
    color: #453d39;
}
.nav > li > a{
	background:none;
	text-align:left;
	width:730px;
	padding:12px 2%;
	border-left:none;
}
.nav li a.parent{
	background:none;
	text-align:left;
	width:96%;
}
.nav li span.parent_span {
	display:block;
}
.nav li li.hover > ul {
    left: 100%;
    top: 0;
}
.nav > li:hover a {
    background: none;
    color:inherit;
}
.nav > li a:hover{
	background:#ecebeb;
	color:#453d39;
}
.nav li li a.parent{
	width:96%;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav li ul {
	position: static;
	left: 0px;
	display:none;
}
.nav > li.hover > ul, .nav li li.hover ul {
    position: static;
}

.nav > li li a {
	background: #ffa41c;
	border-top:1px solid #f9b147;
	color:#fff;
	padding:10px 2%;
}
.nav > li li a:hover{
	background:#ecebeb;
	color:#453d39;
}
.nav li li li a {
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
	z-index:200;
	border-top: 1px solid #f9b147;
}
.nav li li span.parent_span {
    top: 3px;
}
.nav >li li li a:hover{
	background:#ecebeb;
	color:#453d39;
}

}
@media only screen and (min-width: 768px) and (max-width: 1010px) {
}
@media only screen and (max-width: 767px) {
	
.menu {
    width: 82%;
}

.nav{
	width:440px;
}
.nav > li > a{
	width:96%;
}
.nav li li a {
	width:417px;
}
}
@media only screen and (min-width: 460px) and (max-width: 767px) {
}

@media only screen and (max-width: 459px) {

.menu {
    width: 76%;
}
.toggleMenu {
    padding:5px 10px 8px;
}
.nav{
	width:300px;
}
.nav li a{
	width:96%;
}
.nav li a.parent{
	width:96%;
}
.nav li  span.parent_span{
	width:37px;
}
.nav li li a {
	width:92%;
	padding:12px 4%;
}
.nav li li a.parent{
	width:92%;
}
}