.menulist, .menulist  ul {
 margin: 0;
 padding: 0 2px;
 list-style: none;

}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 150px;

}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px; margin-top: 0;
 left: 120px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background:#3A3A3A;
border-right:0;border-left:0;
margin-right:0px;
padding:0 6px 0px 0px;

/* background: #FED;*/
/* border: 1px solid #330;*/

}
.menulist ul li{border-top:1px inset white;}

.menulist .firstchild { margin-top:17px;border-top:0}
.menulist li.morazboggornjegbordera{ border-top:0} 
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: 0px;
 
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 7px;
 color: #FFFFFF;
 font:1.2em  sans-serif;
 text-decoration:  none;
}


.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color:#FF9900;

}
.menulist a.highlighted {
 color: #FFF;
/* background-color: #C86;*/
}

.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}



.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */



*+html .menulist ul li {
 float: left;
 height: 1%;
}
*+html .menulist ul a {
 height: 1%;
}
* html .menulist ul li {
 float: left;
 height: 1%;
}

* html .menulist ul a {
 height: 1%;
}
/* End Hacks */

#menucompany{ background:url(../images/Services.png) ;width:150px;height:30px;} 
#menucapabilities{ background:url(../images/Services.png) ;width:145px;height:30px;}
#menusolutions{ background:url(../images/Services.png) ;width:95px;height:30px;}
#menuoutsourcing{ background:url(../images/Services.png) ;width:75px;height:30px;}
#menuclients{ background:url(../images/Services.png) ;width:75px;height:30px;}

#menucompanyhover{ background:url(../images/Services.png) ;width:150px;height:30px;} 
#menucapabilitieshover{ background:url(../images/Services.png) ;width:145px;height:30px;}
#menusolutionshover{ background:url(../images/Services.png) ;width:95px;height:30px;}
#menuoutsourcinghover{ background:url(../images/Services.png) ;width:75px;height:30px;}
#menuclientshover{ background:url(../images/Services.png) ;width:75px;height:30px;}



#menunetwork{ background:url(../images/Services.png) ;width:82px;height:30px;}
#menunetworkhover{ background:url(../images/Services.png) ;width:82px;height:30px;}



#dugacki{ width:160px; }
#dugacki ul{ left:190px; margin-top:0px;}

#dugacki2{ width:155px; }
#dugacki2 ul{ left:160px; margin-top:0px;}





#dugacki9{ width:190px; }
#dugacki9 ul{ left:190px; margin-top:0px;}

#dugacki10{ width:190px; }
#dugacki10 ul{ left:190px; margin-top:0px;}

#dugacki3{ width:190px; }
#dugacki3 ul{ left:190px; margin-top:0px;}

#dugacki4{ width:240px; }
#dugacki4 ul{ left:240px; margin-top:0px;}

#dugacki5{ width:195px; }
#dugacki5 ul{ left:195px; margin-top:0px;}

#dugacki6{ width:150px; }
#dugacki6 ul{ left:150px; margin-top:0px;}

#dugacki7{ width:170px; }
#dugacki7 ul{ left:170px; margin-top:0px;}

#dugacki8{ width:160px; }
#dugacki8 ul{ left:180px; margin-top:0px;}