/*** ESSENTIAL STYLES ***/
#menu {	
	height: 36px;
	width: 620px;
	/*top: 140px;
	position: absolute;*/
	float: right;
	padding: 0;
	margin: 35px 0 0 0;
	font-size: 14px;
	line-height: 36px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	font-weight: 700;
	background: #ffffff;
}

#mobile_nav { display:none; }

body.admin-bar #menu { top: 150px; }

#menu ul, #menu ul * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

#menu ul {
	z-index: 2000;
	height:36px;
	margin: 0px;
}

#menu ul ul {
	position:		absolute;
	top:			-999em;
	width:			172px; /* left offset of submenus need to match (see below) */
	z-index:        2000;
	height: auto;
	border-bottom: 1px solid #3c98b4;
}

#menu ul ul ul { 
	position:relative; 
	border: 0px;
	width:auto;
	top:auto;
}

#menu ul ul li {
	width:			100%;
}

#menu > ul > li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#menu > ul { padding: 0px; }

#menu > ul > li {
	float:			left;
	position:		relative;
	z-index: 200;
	height: 36px;
	text-align: center;
	line-height:36px;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 0px 15px;
	border-right: 1px solid #3c98b4;
}

#menu > ul > li.last {
	border-right: none;
	padding-right: none;
}


#menu > ul > li > ul > li,
#menu > ul > li > ul > li > ul > li {
	
}

#menu > ul > li > ul > li.last { border-bottom-width: 0px; }
#menu > ul > li > ul > li.last > ul > li { border-bottom-width: 1px; }
#menu > ul > li > ul > li.last > ul > li.last { border-bottom-width: 0px; }

#menu ul li a {
	display:		block;
	position:		relative;
	z-index: 2000;
	margin: 0px;
	color:#00406a;
	font-weight: 700;
}

#menu > ul > li:hover > ul,
#menu > ul > li.sfHover > ul {
	left: 20px;
	top:32px; /* match top ul list item height */
	z-index:999;
}

/*** DEMO SKIN ***/

#menu ul li ul li a {
	width: auto;
	height: auto;
	font-size: 12px;
	display: block;
	margin: 0px;
	line-height: 15px;
	padding: 8px 5px 5px 0px;
	text-align: left;
	color:#00406a;
}
#menu > ul > li > ul > li > ul > li a { padding-bottom: 7px; padding-top: 6px; }
#menu > ul > li > ul > li > ul > li.menu-item-has-children > a { padding-bottom: 0px; }
#menu > ul > li > ul > li > ul > li > ul > li a { padding-top: 2px; padding-bottom: 4px; }
#menu > ul > li > ul > li > ul > li > ul { padding-bottom: 4px; }


#menu ul li ul li ul li a {}
#menu li:last-child a {border: none;}

#menu ul a:hover {color:#00406a;}
#menu > ul > li > a:hover { color: #00406a; }

 #menu div > ul li a:hover {  }
 #menu div > ul li ul li a:hover { }


#menu ul li ul li {
	height: auto;
	padding: 0;
	display: block;
	float: none;
	margin: 0;
	width: auto;	
	text-transform: none;
}

#menu ul li ul {
	padding: 3px 11px 8px 11px; 
	background: #ffffff;
}

#menu ul li ul ul {border: none; padding-left: 8px;}

#menu > ul > li:hover > li:hover, #menu > ul > li.sfHover > li.sfHover { color:#00406a;}

#menu > ul > li:hover > li > a, #menu > ul > li.sfHover > li > a { color: #00406a; } /* Dropdown links off state */

#menu > ul > li:hover > li:hover > a, #menu > ul > li.sfHover > li.sfHover > a { color:#00406a; } /* Dropdown links on state */

#menu > ul > li.current-menu-item > a, #menu > ul > li.current-page-ancestor > a { color:#00406a; }
#menu ul ul li.current-menu-item a {  color:#00406a;}

#menu a:hover {
	text-decoration: none;
}

@media all and (max-width: 1086px) {
	#menu { width: 100%; float: none; margin: 2% 0% 0% 0%; }
}


@media all and (max-width: 600px) { 
	#mobile_nav { 
		display: block; 
		opacity: 0;
		left: 0px;
		top: 0px;
		position: fixed;
		z-index: 0;
		width: 275px;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-y: auto;
		background: #3e3c3d;
		background: -moz-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3c3d), color-stop(100%, #2d2c2d));
		background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
		background: -o-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
		background: -ms-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
		background: linear-gradient(to bottom, #3e3c3d 0%, #2d2c2d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0);
	}
	
	#mobile_nav ul { padding:2%; }
	
	#mobile_nav li {
		padding: 0px 13px 	
	}
	
	#mobile_nav li a {
		color:#ffffff;	
	}
}