/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */

/*		------	Basic style	------		*/
#menu {
	display: block;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu a {
	display: block;
}

#menu li ul li {
	/*
	height: 100%;
	width: 100%;
	*/
}

/*
ul#menu li ul li{
	background-image: url(images/arrow-b.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
*/



/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li ul li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
/* 
	 hide with position off the screen because of
   of the firefox overflow: auto bug
*/


#menu li ul {
	display: block;
	position: absolute;
	visibility:hidden;
	left: -2000px;
	z-index: 10;
}
* html #menu li ul {
	left: 0px;
}

/* display them on hover */
/* 
	left: 0px is because of the overflow: auto bug in firefox 
	http://archivist.incutio.com/viewlist/css-discuss/52136
*/
/*
#menu li:hover>ul a{
	position: relative;
}
*/
#menu li:hover>ul {
	left: 0px;
	display: block;
	visibility:visible;
}


/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* submenus  */
ul#menu li ul {
	/* dont't set padding here, because borders are wrong in firefox */
	padding: 0px;
	margin: 0px;
	height: auto;
}


/* set size, don't float */
ul#menu li ul li {
	  float: none;
}

/* Fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

#menuList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/