

/* common styling */
.menu {
	width:800px; 
	height:30px; 
	position:relative; 
	z-index:100;
	}
	
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000;
	padding:0 20px; 
	height:30px; 
	text-align:center; 
	color:#fff; 
	line-height:28px; 
	overflow:hidden;
	border-right:1px solid #555;
	margin-bottom:5px;
	}
	
.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
}

.menu ul li {
	float:left; 
	position:relative;
	}

.menu ul li ul {
	display: none;
	}



/* specific to non IE browsers */

.menu ul li:hover a {
color:#555; 
background:#74f268;
}

/* added by Alex */
.menu ul li a.active_menu {
	color:#555; 
	background:#74f268;
}


body.home .menu ul li a.home,
body.about .menu ul li a.about,
body.technical .menu ul li a.technical,
body.contact .menu ul li a.contact {
color:#555; 
background:#74f268;
}

.menu ul li:hover ul {
display:block; 
position:absolute; top:21px; 
left:0; 
width:105px;
}

.menu ul li:hover ul li a.hide { 
background:#6a3; 
color:#fff;
}

.menu ul li:hover ul li:hover a.hide {
background:#6fc; 
color:#000;
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block; 
background:#ddd;
color:#000;
}

.menu ul li:hover ul li a:hover {
background:#6fc; 
color:#000;
}
