/********************************************************************************************/
/* @file			menu.css
/* @author			brendt
/* @date			
/* @description		menu css
/********************************************************************************************/


/********************************************************************************************/
/* main menu
/********************************************************************************************/
#bannerMenu {
	/* positioning */
	position: relative;
}

#bannerMenu > span {
	/* background */
	background:#263B4C;
	box-shadow: inset 0px -5px 10px -0px #192833,
				0px 5px 5px -5px #000
				;

	/* border */
	border:1px solid #19517F;
	border-radius:2px;
	
	/* positioning */
	position:absolute;
	padding:15px;
	margin:5px 0 0 15px;
	z-index:99;

	/* text */
	cursor: default;
}

#bannerMenu:hover > span {
	/* background */
	box-shadow: inset 0px 5px 10px -0px #192833,
				0px 5px 5px -5px #000
				;
}


#bannerMenu ul {
	margin:0;
	padding:0;
}

#bannerMenu li {
	display: block;
}

#bannerMenu > ul {
	/* background */
	background:#071623;
	background:rgba(0,0,0,0.5);
	
	/* border */
	border:1px solid #0F3554;
	border-top: none;	
	
	/* positioning */
	position:absolute;
	padding-top:20px;
	margin-top:42px;
	width:250px;
	z-index:97;
}


#bannerMenu > ul,
#bannerMenu > ul > li > ul {
	display: none;
}

#bannerMenu:hover > ul,
#bannerMenu > ul > li:hover > ul {
	display:block;
}

#bannerMenu:hover > ul > li {
	position:relative;
}

#bannerMenu ul > li > a {
	/* positioning */
	display: block;
	padding:3px 10px;
	margin:3px 5px;
	
	/* text */
	text-decoration: none;
	color:#fff;
}

#bannerMenu ul > li:hover > a {
	/* background */
	background:#030B11;
	background: rgba(0,0,0,0.5);
}

#bannerMenu ul > li.seperator {
	/* border */
	border-top:1px solid #0F3554;

	/* positioning */
	margin:0 5px;
	
}

/********************************************************************************************/
/* sub menu
/********************************************************************************************/

#bannerMenu > ul > li > ul {
	/* background */
	background:#071623;
	background: rgba(0,0,0,0.5);
	
	/* border */
	border:1px solid #0F3554;
	border-left: none;
		
	/* positioning */
	position:absolute;
	left:250px;
	top:-4px;
	z-index:98;
	width:150px;
}