#navigation {
	width: 900px;
	height: 31px;
	background: url(../img/nav-bar.gif) no-repeat;
	clear: both;
}

#navigation ul {
	list-style-type: none;
	margin: 0 auto 0 45px;	
}

#navigation li {
	float: left;
	background: url(../img/nav-pipe.gif) no-repeat left center;
	position: relative;
}

#navigation li.first {
	background: none;
}

#navigation li a, #navigation li a:visited {
	color: #fff;
	text-decoration: none;
	height: 31px;
	float: left;
	line-height: 30px;
	font-size: 12px;
	padding: 0 18px 0 18px;
	margin: 0 0 0 1px;
}

#navigation li a:hover, #navigation li a.first:hover {
	background: url(../img/nav-hover-gradient.gif) repeat-x;
}

.sub {
	display: none;
}

#navigation ul li ul {
	margin: 0;
	position: absolute;
	top: 31px;
	left: 0px;
	padding: 0 0 25px 0;
	width: 200px;
	/*background: green;*/	
}

#navigation ul li ul li {
	float: left;
	background: #a32223;
	padding: 0 9px 0 9px;
}

#navigation ul li ul li.shadow {
	background: #a32223 url(../img/subnav-shadow.gif) repeat-x;
	padding: 10px 9px 0 9px;
}

#navigation ul li ul li.curve {
	background: url(../img/subnav-curve.gif) left bottom no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
}


#navigation ul li ul li a, #navigation ul li ul li a:visited {
	color: #e9b6b6;
	height: auto;
	float: none;
	line-height: normal;
	padding: 3px 11px 6px 11px;
	margin: 0;
	background: url(../img/duo-bar.gif) bottom repeat-x;
	display: block;
}


#navigation ul li ul li a:hover {
	background: url(../img/duo-bar.gif) bottom repeat-x;
	color: #FFFFFF;
}


#navigation ul li ul li.curve .slide a {
	background: #a32223;
	padding: 3px 11px 12px 11px;
}

.slide {
	background: url(../img/subnav-curve-slide.gif) right bottom no-repeat;
	display: block;
	padding: 0px 9px 0px 9px;
}


#navigation ul li#language ul li, #navigation ul li#language ul li .slide  {
	width: 131px;
}

/* opera fix */
html:first-child #navigation ul li#language a  {
	width: 112px;
}

#navigation ul li#translation ul li, #navigation ul li#translation ul li .slide  {
	width: 118px;
}

/* opera fix */
html:first-child #navigation ul li#translation a  {
	width: 99px;
}

#navigation ul li#about ul li, #navigation ul li#about ul li .slide  {
	width: 100px;
}