/* Main Navigation */
#menu {
	position: absolute;	display: block; z-index: 20;
	top: 9px; left: 26px;
	width: 121px; height: 127px;
}

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

#menu li {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;
	float: left;
	background-repeat: no-repeat !important;
	background-position: left top;

}

#menu li:hover {
	background-position: left bottom;
}


#menu li span {
	visibility: hidden;
	}

#menu li li {
	width: 100%;
}

#menu li a, #menu li a:visited {
	display: block;
	text-decoration: none !important;
	height: 26px; line-height: 26px;
}

#menu ul.subnav li a, #menu ul.subnav li a:visited {
	display: block;
	text-decoration: none !important;
	height: 21px; line-height: 21px;
}

/* Sub nav Styling
----------------------------------------------------------------------------------------- */

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

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

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
	z-index: 100;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
}

/* Clear-fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

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

/* Specific Navigation Items
----------------------------------------------------------------------------------------- */

ul.subnav {
	padding-left: 3px !important;
	}	

li#nav1 {
	background: url(../images/navigation/nav01.png);
	}

	li#nav1_1 {
		margin-top: 2px;
		height: 21px !important;
		background: url(../images/navigation/nav01_1.png);
		}

	li#nav1_2 {
		height: 24px !important;
		background: url(../images/navigation/nav01_2.png);
		}

li#nav2 {
	background: url(../images/navigation/nav02.png);
	}

li#nav3 {
	background: url(../images/navigation/nav03.png);
	}

li#nav4 {
	background: url(../images/navigation/nav04.png);
	}

	li#nav4_1 {
		margin-top: 2px;
		height: 21px !important;
		background: url(../images/navigation/nav04_1.png);
		}

		#nav4_1_1 {
			margin-top: 2px;
			}
		
		li#nav4_1_1, li#nav4_2_1, li#nav4_3_1 {
			height: 21px !important;
			background: url(../images/navigation/nav04_x_1.png);
			}

		li#nav4_1_2, li#nav4_2_2, li#nav4_3_2 {
			height: 21px !important;
			background: url(../images/navigation/nav04_x_2.png);
			}
		
		li#nav4_1_3, li#nav4_2_3, li#nav4_3_3 {
			height: 21px !important;
			background: url(../images/navigation/nav04_x_3.png);
			}
		
		li#nav4_1_4, li#nav4_2_4, li#nav4_3_4 {
			height: 21px !important;
			background: url(../images/navigation/nav04_x_4.png);
			}
		
		li#nav4_1_5, li#nav4_2_5, li#nav4_3_5 {
			height: 21px !important;
			background: url(../images/navigation/nav04_x_5.png);
			}
		
		li#nav4_1_6, li#nav4_2_6, li#nav4_3_6 {
			height: 24px !important;
			background: url(../images/navigation/nav04_x_6.png);
			}								
	
	li#nav4_2 {
		height: 21px !important;
		background: url(../images/navigation/nav04_2.png);
		}
	
	li#nav4_3 {
		height: 24px !important;
		background: url(../images/navigation/nav04_3.png);
		}		

li#nav5 {
	background: url(../images/navigation/nav05.png);
	}			

li#nav6 {
	background: url(../images/navigation/nav06.png);
	}
	
li#nav7 {
	background: url(../images/navigation/nav07.png);
	}