
#nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
/************** ALL LEVELS  *************/

#nav li.over {
	z-index: 999;
}
#nav a, #nav a:hover,
#nav a:active, #nav a:focus {
	display: block;
	text-decoration: none;
}
#nav span {
	display: block;
	cursor: pointer;
	white-space: nowrap;
}
#nav li ul span {
	white-space: normal;
	padding: 0;
}

/************ 0 LEVEL  ***************/
#nav > li {
	float: left;
	border-top: 5px solid transparent;
	margin-right: 5px;
	position: relative;
}
/*
#nav > li:hover,
#nav > li.active{
	background: #B8B8B8;
}*/
#nav > li > a {
	padding: 12px 10px ;
	margin: 0;
	line-height: 100%;	
	text-transform:uppercase;	
	border: 1px solid #B8B8B8;
	border-bottom: none;
	font-size: 150%;
	padding: 14px 20px;	
	background-color: #fff;
}
#nav > li:hover  > a,
#nav > li.active > a{
	background-color: #B8B8B8;
}
#nav > li.parent > a:after {
	content: "\f0dd";
	font-family: 'FontAwesome';
	font-size:22px;
	position: absolute;
	top: 7px;
	right: 14px;
	line-height: 100%;
}
#nav > li.over > a,
#nav > li.active.over > a,
#nav > li.active > a{
	color: #fff;
}
#nav > li.parent > a {
	padding-right: 40px;
}
#nav > li:first-child > a{
	background: url("../images/icon-home.png") no-repeat scroll 13px 6px #fff;
	text-indent: -999em;
	padding-right: 40px;
}
#nav > li:first-child:hover > a,
#nav > li.active:first-child > a{
	background: url("../images/icon-home.png") no-repeat scroll 13px 6px #B8B8B8;
}
#nav > li:last-child{
	float: right;
	padding-right: 265px;
	margin: 0;
}
#nav > li:last-child:hover,
#nav > li.active:last-child,
#nav > li:last-child:hover:hover{
	background: none;
	border-top:  5px solid transparent;
}
#nav > li:last-child > a{
	background: #B8B8B8;
	color: #fff;
}

/************ 2ND LEVEL ************/
#nav ul {
	position: absolute;
	min-width:175px;
	width:175px;
	padding: 15px 15px 20px;
	top: 0px;
	left: -10000px;
	margin: 0;
	z-index:1;
}
#nav  ul.level0 {
}
#nav ul li {
	float: none;
	background: none;
}
#nav ul li:first-child,
#nav li.active ul li:first-child {
	border-top: 0;
}
#nav li.parent.over li.parent li span {
	background: none;
}


/*------------------show menu-------------------*/
#nav li > ul { 
	background: #fff;
	border: 1px solid #EAEAEA;
}
#nav li > ul:after { 
	position: absolute;
	top: -8px;
	left: 0;
	background: transparent;
	width: 100%;
	height: 8px;
	content: "";
}
#nav li > ul:before { 
	position: absolute;
	bottom: -6px;
	left: -1px;
	width: 175px;
	height: 5px;
	content: "";
}
#nav > li.over > ul { 
   top: 54px;
   left: 0;
}
#nav > li > ul li { 
	font-size: 20px;
	margin-left: 15px;
	list-style: disc;
	position: relative;
	line-height: 30%;
}
#nav > li > ul li.parent.over:after { 
	position: absolute;
	right: -22px;
	top: 8px;
	background: url(../images/icon-menu-sub.png) no-repeat right center;
	height: 14px;
	width: 7px;
	visibility: visible;
}
#nav > li > ul li.parent.over:before { 
	position: absolute;
	right: -30px;
	top: 0;
	background: transparent;
	height: 50px;
	width: 30px;
	visibility: visible;
	content: "";
}
#nav li.over > ul li.over > ul { 
	top: -1px; 
	left: 155px; 
}
#nav li.over ul ul { 
	left: -10000px; 
}

#nav li ul li a{
	display: block;
	margin-left: -15px;
	padding: 9px 0 9px 15px;
	line-height: 100%;
	font-size: 60%;
	border-bottom: 1px dashed #CCCCCC
}

#yt_mainnav  ul#nav ul li.parent:hover > a:before { 
	width:9px;
	height:9px;
	position:absolute;
	content:'';
	right:18px;
	top: 12px; 
}


#nav li li li.over li a,
#nav li li li.active li a 
#nav li.active li li.over li a,
#nav li.active li li.active li a {
	color: #fff;
} 

#nav li li li li.over a,
#nav li li li li.active a {
	color: #c30;
} 

#nav li.active li li li.over a,
#nav li.active li li li.active a {
	color: #0A0A0A;
} 

/************ 3RD+ LEVEL ************/
/* Split Menu */
#menu_split .main {
	z-index: 1;	
	background: #c30;
}

#menu_split .main-inner1 {
	padding: 10px;
}

#yt_subnav .subnav-item li {
	float: left;
	padding: 0 10px;
	background: url(../images/grad-01.png) no-repeat left center;
	display: inline;
	outline: none;
	text-decoration: none;
}

#yt_subnav .subnav-item li:first-child {
	background: none;
	padding-left: 0;	
}

#yt_subnav .subnav-item li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 10px;
}

#yt_subnav .subnav-item li.active a,
#yt_subnav .subnav-item li a:hover,
#yt_subnav .subnav-item li a:focus,
#yt_subnav .subnav-item li a:active,
#yt_subnav .subnav-item li:hover a,
#yt_subnav .subnav-item li.hover a{
	text-decoration: underline;
}
