#mainNav {height:40px; width:100%; background: transparent url(../img/pattern_bg.gif) repeat; position:relative; z-index:9999; border-top:3px solid #222; border-bottom:1px solid #efefef;}

/* first level */
ul.menu {
	float:left;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*text-transform:uppercase;*/
	list-style:none;
	font-weight:bold;
}

ul.menu li {
	position:relative;
	float:left;
	line-height:1.6;
}

ul.menu li a {
	display:block;
	width:auto;
	padding:10px;
	text-decoration:none;
	color:#010d37;
	/*text-shadow:1px 1px 0px #bcbcbc;*/
}

ul.menu li.last a {background:transparent;}

ul.menu li:hover a,
ul.menu li.hover a, 
ul.menu li.selected a {color:#cd1713; text-shadow:none;}

ul.menu li.active a {color:#cd1713;}

/* second level */
ul.menu ul {
	padding:0;
	margin:0;
	list-style:none;
	top:37px;
	width:168px;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:14px;
	text-transform:none;
	font-weight:bold;
}

/* resetting first level */
ul.menu ul ul {}

ul.menu li:hover li,
ul.menu li:hover li a,
ul.menu li.hover li,
ul.menu li.hover li a {background:#e9e9e9; color:#222;}

/* submenu markup */
ul.menu li li {
	width:100%;
	border-top:1px solid #afafaf;
}

ul.menu li li.last {border-bottom:1px solid #afafaf;}

ul.menu li li a {padding:5px 5px 5px 10px;}

ul.menu li:hover li:hover a,
ul.menu li.hover li.hover a {background:#ddd; color:#222;}

ul.menu li:hover li.active a,
ul.menu li.hover li.active a {color:#222;}

ul.menu li li a.sub {
	padding-right:15px;
	background:url(../img/proto_arrow_right.png) no-repeat 95% 50%;
}

ul.menu li:hover li:hover a.sub,
ul.menu li.hover li.hover a.sub {background:#ddd url(../img/proto_arrow_right.png) no-repeat 95% 50%;}

/* third level */
/* resetting second level */
ul.menu ul ul{
	top:-1px;
	margin-left:169px;
	background:#fff;
}

ul.menu li:hover li:hover li,
ul.menu li:hover li:hover li a, 
ul.menu li.hover li.hover li,
ul.menu li.hover li.hover li a {color:#222;}

ul.menu li:hover li:hover li a.sub,
ul.menu li.hover li.hover li a.sub {background:#e9e9e9 url(../img/proto_arrow_right.png) no-repeat 95% 50%;}

/* subsubmenu markup */
ul.menu li:hover li:hover li:hover a,
ul.menu li.hover li.hover li.hover a {background:#ddd; color:#222;}

ul.menu li:hover li:hover li.active a,
ul.menu li.hover li.hover li.active a {color:#222;}

ul.menu li:hover li:hover li:hover a.sub,
ul.menu li.hover li.hover li.hover a.sub {background:#ddd url(../img/proto_arrow_right.png) no-repeat 95% 50%;}

/* fourth level */
/* resetting second level */
ul.menu li:hover li:hover li:hover li,
ul.menu li:hover li:hover li:hover li a,
ul.menu li.hover li.hover li.hover li,
ul.menu li.hover li.hover li.hover li a {background:#e9e9e9; color:#222;}

/* subsubmenu markup */
ul.menu li:hover li:hover li:hover li:hover a,
ul.menu li.hover li.hover li.hover li.hover a {background:#ddd; color:#222;}

ul.menu li:hover li:hover li:hover li.active a,
ul.menu li.hover li.hover li.hover li.active a {color:#222;}

ul.menu li:hover li:hover li:hover li a.sub,
ul.menu li.hover li.hover li.hover li a.sub {background:#ddd;}

ul.menu li:hover li:hover li:hover li:hover a.sub,
ul.menu li.hover li.hover li.hover li.hover a.sub {background:#ddd;}

/* hiding fifth level */
div#nav ul ul ul ul ul {display:none;}

/* show hide behaviour */
ul.menu ul,
ul.menu li:hover ul ul,
ul.menu ul ul,
ul.menu li:hover ul ul ul,
ul.menu ul ul ul,
ul.menu li:hover ul ul ul ul {position:absolute; left:-999em;}

ul.menu li:hover ul,
ul.menu li li:hover ul,
ul.menu li li li:hover ul,
ul.menu li li li li:hover ul {left:0px; z-index:999;}

/* show hide behaviour with protofish */
ul.menu li.hover ul ul,
ul.menu li.hover ul ul ul,
ul.menu li.hover ul ul ul ul {position:absolute; left:-999em;}

ul.menu li.hover ul,
ul.menu li li.hover ul,
ul.menu li li li.hover ul,
ul.menu li li li li.hover ul {left:0px; z-index:999;}