#menu {
	width:800px;
	float:left;
}
#menu li.domov a {background:url(../images/menu_home.png) no-repeat 0px 0px; width:85px; height:auto; padding:70px 0 0px 0;margin-top:47px;}
#menu li.domov a:hover {color:#f7941d; background: url(../images/menu_home_over.png) no-repeat 0px 0px;}
#menu li.reference a {background:url(../images/menu_reference.png) no-repeat 0px 0px; width:85px; height:auto; padding:70px 0 0px 0;margin-top:47px;}
#menu li.reference a:hover {color:#f7941d; background: url(../images/menu_reference_over.png) no-repeat 0px 0px;}
#menu li.podjetje a {background:url(../images/menu_podjetje.png) no-repeat 0px 0px; width:85px; height:auto; padding:70px 0 0px 0; margin-top:47px;}
#menu li.podjetje a:hover {color:#f7941d; background: url(../images/menu_podjetje_over.png) no-repeat 0px 0px;}
#menu li.pogoji a {background:url(../images/menu_pogoji.png) no-repeat 0px 0px; width:85px; height:auto; padding:70px 0 0px 0;margin-top:47px;}
#menu li.pogoji a:hover {color:#f7941d; background: url(../images/menu_pogoji_over.png) no-repeat 0px 0px;}
#menu li.povezave a {background:url(../images/menu_povezave.png) no-repeat 0px 0px; width:85px; height:auto; padding:70px 0 0px 0;margin-top:47px;}
#menu li.povezave a:hover {color:#f7941d; background: url(../images/menu_povezave_over.png) no-repeat 0px 0px;}
#menu li.lokacija a {background:url(../images/menu_lokacija.png) no-repeat 0px 0px; width:85px; height:auto; padding:70px 0 0px 0;margin-top:47px;}
#menu li.lokacija a:hover {color:#f7941d; background: url(../images/menu_lokacija_over.png) no-repeat 0px 0px;}
#menu li.kontakt a {background:url(../images/menu_kontakt.png) no-repeat 0px 0px; width:85px; height:auto; padding:70px 0 0px 0;margin-top:47px;}
#menu li.kontakt a:hover {color:#f7941d; background: url(../images/menu_kontakt_over.png) no-repeat 0px 0px;}

#menu ul {
	list-style: none;
	width: auto;
	margin:0;
	padding:0px 0 0 20px;
}
#menu ul h2 {
	padding:0px 0px 0px 25px; /* padding also defines width for autosized menus */
	margin:0px;
}
#menu ul h2 a {
	display:block;
	margin:0;
	padding:0;
}
#menu ul li h2 a:active {
	color:#f7941d;
}
#menu h2 {
	margin: 0;
	padding:0;
}

#menu a {
	display: block;
	text-align: center;
	margin: 0;
	padding:0;
}

/* IE needs the values given in 2 x parts to display autosized menu properly - width: auto */ 
* html #menu h2 a{display: inline-block;} 
* html #menu h2 a{display: inline;} 

#menu ul ul li {
	border:#ffffff solid 1px;*
	margin:0 1px 1px 1px;
	background-color:#CCCCCC
}
#menu ul ul li a {
	padding:0px;
}
#menu ul ul li a:hover {
}
#menu a:hover {
	background : transparent;
}
#menu h2 a:hover {
	background-color : transparent;
}
#menu li {position: relative;}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
#menu ul ul {
	top:30px;
	left:0;
	position: absolute;
	z-index: 500;
	background-color: #999999;
	border-bottom:#999999 solid 1px;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

body {
behavior: url(/csshover.htc);
}
<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(/csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; white-space:wrap; overflow: inherit; width:auto;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
	font: 10px Verdana, Tahoma, Arial, helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight: bold;
}
</style>
<![endif]-->
 

