/* menu::base */
div#menu {
	height:41px;
	background:url(images/main-bg.png) repeat-x;
	color: #46C5FF;
	z-index: 10;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
}
div#menu li:hover>ul {
    left: -2px;
}

div#menu a {
	position: relative;
	z-index: 10;
	height: 41px;
	display: block;
	float: left;
	line-height: 41px;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
div#menu a:hover, div#menu a:hover span { color: #FF8300; }
div#menu li.current a {
	color: #FF8300;
}

div#menu span {
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 95% 0;
	color: #46C5FF;
	font-weight: bold;
}

/* menu::level 1 */
div#menu a {
    padding: 0 10px 0 10px;
    line-height: 30px;
    color: #e5e5e5;
}
div#menu span {
    margin-top: 5px;
	
}/**@replace#1*/
div#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }


/* lava lamp */
div#menu li.back {
	background-image: url(images/lava.png);
	width: 13px;
	height: 44px;
	z-index: 8;
	position: absolute;
	margin: -1px 0 0 -5px;
	background-repeat: no-repeat;
	background-position: right -44px;
}
div#menu li.back .left {
	background-image: url(images/lava.png);
	height: 44px;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-position: left top;
}