/* menu::base */
#navigation #menu {
		margin:0px;
}
div#menu {
		background:url(../images/nav_bg.jpg) no-repeat left top;
		_background-image: url(../images/nav_bg.gif); /* IE 6 ever for IE old OK*/
		height: 38px;
		/*z-index: 999;*/
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
		padding-left: 15px;/*2px Left Right from bar*/
		/*padding-right: 2px;*//*2px Left Right from bar*/
}
div#menu li {
		position: relative;
		z-index: 9;
		margin: 0;
		padding: 0 0px 0 0;/*padding: 0 0px 0 0; <----------*//*padding: 0px 12px; left right apostasi apo letters*/
		display: block;
		float: left;
		background: url(../images/navmainline.png) no-repeat 98% 4px;
		_background: url(../images/navmainline.gif) no-repeat 98% 4px;
		margin: 0px;
}

div#menu li.last { 
        background: none;
}

div#menu li:hover>ul {
		left: 3px;/*without animation L-R -2px*//*29*/
}


div#menu a {
		position: relative;
		z-index: 10;
		height: 38px;/*41px*/
		display: block;
		float: left;
		text-decoration: none;
		font: normal 12px/38px 'Trebuchet MS', Helvetica, Arial, sans-serif;
		color: #fff;
		white-space: nowrap;
		padding: 0px;
}
div#menu a:hover, div#menu a:hover span {
		color: #fff;
		/*font-size: 12px;*/
		/*new*/
		/*display: block;
		position: relative;
		z-index: 10;*/
}

div#menu li.current a {}

div#menu span {
	display: block;
	/*margin-right: 6px;*//* new test*/
	/*margin-left: 6px;*//* new test*/
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
div#menu ul ul a.parent span {
		background: url(../images/item-pointer.gif) no-repeat 95% 8px;/*apostasi velous sta submenu*/
}
div#menu ul ul a.parent:hover span {
    background-image: url(../images/item-pointer-mover.gif);
}

/* menu::level 1 */
div#menu a {
		padding:0 11px 0 11px;
				/*padding: 0 0px;  before*/
		line-height: 30px;
		color: #e5e5e5;
}
div#menu span {
    margin-top: 5px;/*6px Up from bar letters*/
}/**@replace#1*/


/* menu::level 2 */
div#menu ul ul {
		position: absolute;
		top: 36px;/*Apostasi sub1 apo menu bar*/
		left: -999em;
		width: 153px;/*without animation L-R 148px*//*163px <---------------*/
		padding: 5px 0 0;
		background: rgb(45,45,45);
		margin-top:1px;
		/*extra for transparency */
		filter: Alpha(Opacity=90);  /* IE 4-7 */
		opacity: 0.90;           /* Firefox, Safari(WebKit), Opera */
		-ms-filter: "alpha(opacity=90)"; /* IE 8 */
		overflow: hidden;
		z-index: 10;
}
div#menu ul ul span {
		margin-top: 0;
		padding-right: 5px;/*without animation L-R 15px*/
		/*padding-right: 0px;*/
		_padding-right: 10px;/*without animation L-R 20px*/
		color: rgb(169,169,169);
		text-align: left;
}
div#menu ul ul a {
		padding: 0 0 0 15px;
		/*padding: 0 0 0 0px;*/
		height: auto;
		float: none;
		display: block;
		line-height: 24px;/*Apostasi metaksi txt*/
		color: rgb(169,169,169);
}
div#menu ul ul li { background: none; }
div#menu ul ul a:hover span {
    color: #fff;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
		width: 100%;
}

/* menu::level 3 */
div#menu ul ul ul {
    padding: 0;
    margin: -38px 0 0 150px !important;
    margin-left:160px;
}

/* colors */
div#menu ul ul ul {background: rgb(41,41,41);display: inline;}
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }

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