/* menu::base */
div#menu {
    height:40px;
	background:#0d0d0d;  /* from here you can change the menu background color */
	z-index:999;
	width: 100%;
	position: absolute;
	top: 119px;
	left: 0;
}
div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
	padding:0 36px;
    display: block;
    float: left;
	border-right:1px solid #393f44;
	/*background: url(images/main-delimiter.png) 98% 4px no-repeat;*/
}
div#menu li:last-child {
	border-right:none;
}
div#menu li a {
    position: relative;
	/*width: 103px;*/
    z-index: 10;
    display: block;
    float: left;
	height:40px;
    text-decoration: none;
	text-transform: uppercase;
	/*text-align: center;*/
	color: #D7D7D7;  /* from here you can change the font color */
    font: normal 1.167em Trebuchet MS;
	line-height:40px;
}
#menu ul li.act a {
	color: #fff; /* from here you can change the active font color */
}
#menu ul li a:hover {
	color: #FFb600;
	/*font-weight: bold;*/
}

/* SUB MENU */
div#menu ul ul {
    position: absolute;
    top: 34px;
    left: -999em;
    width: 180px;
    padding: 5px 0 0 0;
    margin-top:1px;
}
div#menu ul ul li {
    width: 100%;
	padding-left:25px;
	padding-right:0px;
	border-right:none;
	background: #0d0d0d; /* from here you can change the background color of sub menu */
}
div#menu ul li ul li a {
    padding: 0 2px 0 11px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: #D7D7D7;  /* from here you can change the font color and padding of sub menu */
	/*width:124px;*/
}
div#menu li:hover>ul {
    left: -2px;
}

/* SUB MENU LEVEL 2 */
	/* from here you can change the background color of level 2 sub menu */
div#menu ul ul ul {
	background: #0d0d0d;
	padding: 10px 0 0 0;
	margin: -45px 0 0 180px !important;
	margin-left:172px;
	width: 265px; /* from here you can change the padding of sub/sub menu */
}
div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 80% 0;
}
div#menu ul ul a.parent span {
    background-position:80% 8px;
    background-image: url(images/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
    background-image: url(images/item-pointer-mover.gif);
	color: #FFb600;	
	font-weight: bold;
}