#menu-wrap {position:absolute; top:-59px;  width:100%; }
#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {background-color:#5d5d5d;}

#menu:before,
#menu:after {content: "";display: table;}

#menu:after {clear: both;}

#menu {zoom:1;}

#menu li {display: table-cell; position: relative; float: right;margin:0;}

#menu a {float: left;display: block;padding:4px 10px 4px 10px;text-decoration: none;color: #FFFFFF;}
	
#menu li:hover > a {background-color: #3d3d3d;color:#40AE49;border-radius: 5px 5px 0 0;}

*html #menu li a:hover { /* IE6 only */	color: #fafafa;}

#menu ul {margin: 0 0 0 0;opacity: 0;visibility: hidden;position: absolute;top: 24px;right: 0;z-index:3000;
background-color:#3d3d3d; border-radius: 5px 0 5px 5px; border: 1px solid rgba(10, 10, 10, 0.2); box-shadow: 0 0 5px rgba(10, 10, 10, 0.3); padding:7px 0;}

#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
}
	
#menu ul ul {
		top: 0;
		left: 150px;
}
	
#menu ul li {
    float: none;
    display: block;
    min-width:200px; 
    width: 100%; 
    font-size: 0.9em; 
    margin:0;
}
	
#menu ul li:last-child {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}

#menu ul a {display: block;width: 90%;padding: 6px 2px;line-height: 1.4em;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear; transition: all 0.2s linear; border-top:1px solid transparent; margin:0 3%;}

#menu ul a:hover {color: #40AE49;}

#menu ul li:first-child > a {}

#menu ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}


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

		/* nav-wrap */
		#menu-wrap {
			top:0; right:0;
		}

		#menu-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		#menu-trigger {
			display: block; /* show menu icon */
			border:1px solid rgba(0, 0, 0, 0.2); border-bottom:none; cursor:pointer;
position:absolute; height:36px; width:110px; top:-50px; right:360px; height:49px; color:rgb(255, 96, 0); text-transform:uppercase; font-weight:700; background:white url(../img/menu_icon.png) no-repeat 10px 10px; padding:12px 0 0 45px;
		}
		
		/* main nav */
		#menu {
			margin: 0; padding: 10px;
			position: absolute;
			width: 100%;
			z-index: 1;
			background-color: white;
			display: none;
			box-shadow: none;		
			
		}

		#menu:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}	

		#menu ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			box-shadow: none;				
		}

		#menu ul ul {
			margin: 0 0 0 20px !important;
			box-shadow: none;		
		}

		#menu li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			box-shadow: none;			
		}

		#menu ul li{ font-size:18px;
			
			box-shadow: none;		
		}

		#menu a{
			display: block;font-size:15px;
			float: none;
			padding: 10px 0;
			color: #999;
		}

		#menu a:hover{
			color: #fafafa;
		}	

		#menu ul a{
			padding: 0;
			width: auto;		
		}

		#menu ul a:hover{
			background: none;	
		}

		#menu ul li:first-child a:after,
		#menu ul ul li:first-child a:after {
			border: 0;
		}		

	}

	@media screen and (min-width: 1152px) {
		#menu {
			display: block !important;
		}
	}	

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


#menu-trigger {overflow:hidden; width:48px; right:100px;}
}

	/* iPad */
	.no-transition {
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#menu li:hover > .no-transition {
		display: block;
	}