/* CSS Document */

/* @group navigation */

#navigation {
	margin-top: 11px;
	position:absolute;
	z-index:1;
}

#navigation ul {
	margin: 0;
	padding: 0;
	float: right;
	display:block;
	height:29px;
}

#navigation li {
	float: left;
	list-style-type: none;
	border-right: 1px solid #660000;
	border-left: 1px solid #ff7171;
	margin: 0;
	/*width:115px;*/
	text-align:center;
	height:29px;
	display:block;
	position:relative;
}

#navigation a {
	color: #eeeeee;
	text-transform: uppercase;
	padding: 8px 15px;
	text-decoration: none;
	line-height:normal;
	display: block;
	letter-spacing: .1em;
	/*width:85px;*/
}

#navigation ul li:hover {
	background: url(/img/nav_bg.gif) repeat-x top left;
}

#navigation ul li ul {
	margin:0;
	position:absolute;
	font-size:8pt;
	display:none;
	border-top:1px solid #333;
	top:29px;
	left:-1px;
}

#navigation ul li ul li {
	width:100%;
	border-left:1px solid #333;	
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	background-color:#666;
}

#navigation ul li ul li:hover {
	background-color:#000;
	border-bottom:1px solid #000;
}

#navigation ul li ul li a {
	width:170px;
	background-image:none;
}

#navigation ul li ul li a:hover{
	background-color:#c00;
	background: url(/images/design/button-over.png) no-repeat top left;
}

body #navigation ul li ul {
	display:none;
}

body #navigation ul li:hover ul, #navigation ul li ul:hover, #navigation ul li ul li ul:hover {
	display:block;
}

body #navigation ul li ul li ul {
	visibility:hidden;
	top:-1px;
	width:18em;
	left:13em;
}

#navigation ul li ul li:hover ul {
	visibility:visible;
}

* html #navigation ul li ul {
	border-top:1px solid #fff;
	border-left:0px;
}