/*************************************************
* Mainnav
*************************************************/

#nav {
	line-height: 40px;
	height: auto;	
	color: #fff;
	text-transform: uppercase;
	
	font-size: 15px;
	
	background: #808285;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;   
}

#subnav {
/*
	width: 100%;
	min-height: 30px;
	line-height: 40px;
	height: auto;	
	color: #fff;
	text-transform: uppercase;
    background: #a7a9ac none repeat scroll 0 0;
    border-bottom: 1px solid #000;
*/
}

/*** ESSENTIAL STYLES ***/
#nav .menu, #nav .menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav .menu li {
	position: relative;
}
#nav .menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	background: #808285;
}
#nav .menu > li,
#subnav .menu > li {
	float: left;
}
#nav .menu li:hover > ul,
#nav .menu li.sfHover > ul {
	display: block;
	
	display: none;
}

#nav .menu a,
#subnav .menu a {
	display: block;
	position: relative;
}
#nav .menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
#nav .menu,
#subnav .menu {
	float: left;
	padding: 0;
}
#nav .menu ul {
	padding: 0;
}
#nav .menu a,
#subnav .menu a {
	text-decoration: none;
	zoom: 1; /* IE7 */
}
#nav .menu a,
#subnav .menu a {
	color: #fff;
}
#nav .menu li,
#subnav .menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	
	padding: 0 30px 0 0;
}

#nav .menu li a,
#subnav .menu li a {
	padding: 0;
	
}
#nav .menu ul {
	margin-left: -20px;
	margin-top: 1px;
	padding: 6px 0 8px 0;
}

#nav .menu ul li {
}

#nav .menu ul li a {
	text-transform: none;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 30px;
}

#nav .menu ul ul li {
	
}

#nav .menu li:hover,
#nav .menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

#nav .menu li.current-page-ancestor a,
#nav .menu li.current-menu-ancestor a, 
#nav .menu li.current-menu-item a, 
#nav .menu li.current-post-ancestor a, 
#nav .menu li.current-post-parent a,
#subnav .menu li.current_page_item a {
    color: #000;
    
    text-decoration: none;
    -webkit-transition: background 0.3s ease-in-out 0s;
	-moz-transition: background 0.3s ease-in-out 0s;
	-o-transition: background 0.3s ease-in-out 0s;
	-ms-transition: background 0.3s ease-in-out 0s;
	transition: background 0.3s ease-in-out 0s;
}

#nav .menu li a:hover,
#subnav .menu li a:hover,  
#nav .menu li.sfHover a {
    color: #000;
    
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

#nav .menu li.current-page-ancestor ul.sub-menu li a, 
#nav .menu li.current-menu-item ul.sub-menu li a,
#nav .menu li.sfHover li, 
#nav .menu li.sfHover li a {
	color: #fff;
}

#nav .menu li.current-menu-item ul.sub-menu li a:hover,
#nav .menu li.current-menu-item ul.sub-menu li.current-menu-item a,
#nav .menu li.current-menu-ancestor ul.sub-menu li.current-menu-item a {
	color: #000;
}

#nav .menu li.current-page-ancestor ul.sub-menu li a:hover,
#nav .menu li.current-page-ancestor ul.sub-menu li.current-menu-item a,
#nav .menu li.sfHover li a:hover {
	color: #000;
	padding-bottom: 0;
}

#nav .menu li li a:hover {
	color: #000;
	padding-bottom: 0;
	text-shadow: none;
}

#nav .menu .current-menu-item li a:hover {
	color: #000;
	text-shadow: none;
}