#mainNav {height:34px; width:100%; background:url(../img/menu-back.png) no-repeat 0 0; position:relative; z-index:9999;mrgin-bottom:20px}

/* first level */
ul.menu {
	text-align:center;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	width:100%;
}

ul.menu li {

	display:inline-block;
	line-height:10px;
	*display:inline; /*IE7*/
        *zoom:1; /*IE7*/
}

ul.menu li a {
	display:block;
	width:auto;
	padding:10px;
	text-decoration:none;
	color:#fff;
	/*background:transparent url(../img/proto_nav_separator.png) no-repeat right 2px;*/
}

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

ul.menu li a.sub {padding-right:15px; /*background:transparent url(../img/proto_nav_separator.png) no-repeat right -30px;*/}

ul.menu li:hover,
ul.menu li.hover, 
ul.menu li.selected {
background:#00afde;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
box-shadow: 4px -5px 11px -4px #333333;
-webkit-box-shadow: 4px -5px 11px -4px #333333;
}

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

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








ul.menu2 {
	text-align:center;
	height:25px;
	margin:0 0 20px 0;
	padding:0 0 0 0px;
	list-style:none;
	font-weight:normal;
	width:100%;
}

ul.menu2 li {

	display:inline-block;
	line-height:10px;
	*display:inline; /*IE7*/
        *zoom:1; /*IE7*/
}

ul.menu2 li a {
	display:block;
	width:auto;
	padding:10px 8px;
	text-decoration:none;
	color:#000;
	/*background:transparent url(../img/proto_nav_separator.png) no-repeat right 2px;*/
}

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

ul.menu2 li a.sub {padding-right:15px; /*background:transparent url(../img/proto_nav_separator.png) no-repeat right -30px;*/}

ul.menu2 li:hover,
ul.menu2 li.hover, 
ul.menu2 li.selected {
background:#00afde;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
box-shadow: 3px 2px 8px 1px #999999;
-webkit-box-shadow: 3px 2px 8px 1px #999999;
}

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

ul.menu2 li.active a {color:#f15c30;}













/* second level */
ul.menu ul {
	padding:0;
	margin:0;
	list-style:none;
	top:37px;
	width:168px;
	font-weight:normal;
}

/* 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:#565656; color:#f2f2f2;}

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

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

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:#676767; color:#fff;}

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

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:#676767 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:#fff;}

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

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

ul.menu li:hover li:hover li:hover a.sub,
ul.menu li.hover li.hover li.hover a.sub {background:#787878 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 {color:#fff;}

/* 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:#898989; color:#fff;}

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

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

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:#8f8f8f;}

/* 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;}