/*
                                    Title: CSS classes for menu.
                                    Author: Rostislav Brizgunov, 2008

======================================= Classes Architecture ===============================================
.negeso_menu
  |
  +---li (different for TOP-level and others, may be for 2nd something special too)
  |     |
  |     +----li.item_over (simple menu item HOVER, me be different for each submenu-level)
  |     |
  |     +----li.item_selected (selected menu item. Style may be the same as HOVER-style. 
  |                            Also, hovering selected item is the same as for any other item.
  |                            .item_selected and .item_over - works together)
  |
  +----li.item_first (first items in list)
  |     |
  |     +----li.item_first_over     (HOVER for first items in list)
  |     |
  |     +----li.item_first_selected (selected first item in each sub-menu. May be different for TOP-level and others.
  |                                  .item_first_selected and .item_first_over - works together)
  |
  +----li.item_last (last items in list)
  |     |
  |     +----li.item_last_over     (HOVER for last items in list)
  |     |
  |     +----li.item_last_selected (selected last item in each sub-menu. May be different for TOP-level and others.
  |                                .item_last_selected and .item_last_over - works together)
  |
  +----li.item_single (single items in list)
        |
        +----li.item_single_over     (HOVER for single items in list)
        |
        +----li.item_single_selected (selected single item in each sub-menu. May be different for TOP-level and others.
                                    .item_single_selected and .item_single_over - works together)
============================================================================================================

Remember, that each CSS class, described upwards, may vary for top-level, second-level, etc.
*/

/*------------- Frontpage menu: begin */

.main-menu-holder{
	position:absolute;
	top:125px;
	left:2px;
	z-index:1;
}
.main-menu{
	display:block;
	list-style:none;
	background:url(../images/home-menu-bg.png) no-repeat 0 0;
	width:920px;
	height:206px;
	padding-top:10px;
}
.main-menu li{
	display:block;
	float:right;
	width:345px;
	height:27px;
	clear:both;
	padding-bottom:27px;
	overflow:hidden;
	text-align:right;
}
.main-menu .li1{
	padding-right:62px;
}
.main-menu .li2{
	padding-right:86px;
}
.main-menu .li3{
	padding-right:116px;
}
.main-menu  .li4{
	padding-right:138px;
	padding-bottom:0;
}
.main-menu li a{
	font-size:23px;
	font-weight:bold;
	color:#D5CABF;
	text-decoration:none;
}
.main-menu li a:hover{
	color:#FeFeFe;
	text-decoration:none;
}
/*------------- Frontpage menu: end */

/*=================================================== NEGESO MENU -- BEGIN ===================================================*/

/*--------------------------------- Top level: begin ---------------------------------*/
.nav-menu{
	background-color:#69615A ;
	background-image:url(../images/nav-menu-bg.gif);
	background-position:top right;
	background-repeat: no-repeat;
	position:relative;
	float:left;
	height:35px;
	width:852px;
	left:-2px;
	margin:15px 0 0 0;
	z-index:1;
	overflow:hidden;
}
.nav-menu li{
	display:block;
	float:left;
	height:30px;
	margin:0 10px 0 20px;
	font-size:15px;
	font-weight:bold;
	overflow:hidden;
}
.nav-menu li a{
	color:#968F89;
	text-decoration:none;
	display:block;
	padding:10px 13px 9px 0;
	background:url(../images/nav-menu-arrow.gif) no-repeat 100% 13px;
}
.nav-menu li.trick{
	background:url(../images/nav-menu-trick.gif) no-repeat 0 0;
	height:35px;
	width:22px;
	margin:0;
	margin-left:0 !important;
}

.nav-menu li.item_over a,
.nav-menu li.item_selected a,
.nav-menu li a:hover{
	background:url(../images/nav-menu-hover.gif) no-repeat 100% 0;
	color:#F5F0EA;
	text-decoration:none;
}



/*--------------------------------------------------- Left item: begin ---------------------------------------------------*/

.negeso_menu {
	list-style:none;
	margin:0;
	padding:0;
}

.negeso_menu li ul li ul,
.negeso_menu li ul {
	list-style:none;
}



.negeso_menu li {
	display:block;
	background:url(../images/grey-dot.gif) repeat-x 0 100%;
	height:auto;
	padding:0 0 1px 0;
	overflow:hidden;
	font-size:11px;
	font-weight:bold;
}

.negeso_menu li a{
	display:block;
	color:#161616;
	padding:3px 10px 4px 1px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
.negeso_menu li.item_selected ,
.negeso_menu li.item_selected a,
.negeso_menu li.item_selected a:hover{
	color:#F5F0EA;
	text-decoration:none;
}
.negeso_menu li.item_over a{	
	background:#C1B4A9 url(../images/menu-level-3.gif) no-repeat 95% 7px;
	color:#161616 !important;
	text-decoration:none;
}
.negeso_menu li.item_selected a{
	color: #F5F0EA !important;
	text-decoration:none;
}

.negeso_menu li.parent_over a{	
	background:none;
	text-decoration:none;
}

/*--------------------------------- Left level: end ---------------------------------*/

/*--------------------------------- Left levels: begin ---------------------------------*/
.negeso_menu li ul,
.negeso_menu li.item_over ul,
.negeso_menu li.item_selected ul {
	display:block;
}

.negeso_menu li ul li{
	background:none;
}
.negeso_menu li ul li a,
.negeso_menu li.item_selected ul li a{
	padding-left:10px;
	color:#161616 !important;
}

.negeso_menu li.item_over ul li.item_over a{
	background:#C1B4A9 url(../images/menu-level-3.gif) no-repeat 95% 7px;
}
.negeso_menu li ul li.item_selected a{
	color: #F5F0EA ;
}
.negeso_menu li.item_over ul li a{
	background:none;
}

.negeso_menu li.item_over ul li a,
.negeso_menu li ul li.item_selected a,
.negeso_menu li.parent_over ul li.item_selected a{

}



/*--------------------------------- Left levels: end ---------------------------------*/

/*--------------------------------------------------- Middle item: end ---------------------------------------------------*/

/* Next adds (till end of this file) are special for Internet Explorer, because of it's don't understand "color: inherit;" 
   
   Correct solution in this case:
   .negeso_menu li a { color: inherit; text-decoration: none; }
   
   ...That's all. But IE 7- doesn't recognize "inherit". thus I'd used hardcode.
   
   Hardcoded for 5 levels :-(
   
*/
.negeso_menu li a,
.negeso_menu li.item_selected li a,
.negeso_menu li.item_over li a,
.negeso_menu li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li a,
.negeso_menu li.item_selected li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li.item_over li a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over li a {
	color:#161616;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

.negeso_menu li.item_selected a,
.negeso_menu li.item_over a,
.negeso_menu li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over li.item_over a {
	color:#ffffff;
}