/***************************************************************
horizontal menu. dynamic background color.
\***************************************************************/


/*reset ul*/
#navigation > ul {
	list-style:inside none; 
	padding:0; 
	margin:0; 
} 

#navigation > ul > li {
	list-style:inside none; 
	padding:0; 
	margin:0; 
	float:left; 
	display:block; 
	position:relative;
}

#navigation > ul > li > a{ 
	outline:none; 
	display:block; 
    position:relative; 
    padding:12px 20px;
    /* Typography */ 
    font-size: 14px;
    font-weight: 400;
    text-align:center; 
    text-decoration:none;  
} 


#navigation > ul > li > a:after{ 
	content:''; 
	position:absolute; 
	top:-1px; 
	bottom:-1px; 
	right:-2px; 
	z-index:99; 
} 

#navigation ul li:hover > a:after ul{
	top:0; 
	bottom:0;
} 


#navigation > ul > li:hover > a:before ul{
	top:19px;
} 

/*drop down menu background*/
#navigation ul li:hover > a ul{ 
	padding-bottom:13px; 
	padding-top:13px; 
	top:-1px; 
	z-index:999;
} 
	
#navigation ul li:hover > ul, 
#navigation ul li:hover > ul{
	display:block;
}

/* Second level styling */ 
#navigation ul ul li > a:hover{
	background:#;
	border-color:#3f3f3f;  
	border-radius:0 0 5px 5px;
} 


#navigation ul li > ul, 
#navigation ul li > div{ 
	display:none; 
	width:auto; 
  	position:absolute; 
  	top:38px; 
  	padding:10px 0; 
  	background:#;
  	border-radius:0 0 5px 5px; 
  	z-index:999; 
} 
  
/* THE THIRD LEVEL SUBMENUS */  
#navigation ul ul ul{
	position:absolute; 
	top:8px; 
	padding:10px 0; 
	background:#;
	border-radius:0 0 5px 5px; 
	z-index:999;
    left:145px;
}
  

#navigation ul > li > ul{
	width:200px;
} 

#navigation ul li > ul li{
	display:block; 
	list-style:inside none; 
	padding:0;
	margin:0; 
	position:relative;
}
 
#navigation ul li > ul li a{ 
	outline:none; 
	display:block; 
	position:relative; 
	margin:0;
	padding:8px 20px;
	/* typography */
	font-size: 12px;
	font-weight: 400; 
	color:#fff; 
	text-decoration:none; 
	text-shadow:1px 1px 0 rgba(0,0,0, 0.5); 
} 


/* set link color */
#navigation > ul > li > a{
	color:#;
}

#navigation > ul > li > a:after{
	border-color:#6696bd;
} 

/* active link hover */
#navigation > ul > li > a:hover{
	background:#; 
	color: #;
}