#menuContainer {
	position:relative;
	/*z-index: 300;*/
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	width: 230px;
	/*background: url('/images/IGS-nav-fill.gif') repeat-x left top;*/
	background-image: url('images/IGS-nav-fill.gif');
	background-repeat: repeat-x;
	background-position: left top;
	font: bold 12px arial, helvetica, sans-serif;
}

#menu dt {
	/*background: url('/images/IGS-nav-text.gif') no-repeat top center;*/
	background-image: url('/images/IGS-nav-text.gif');
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	line-height: 28px;
	text-align: right;
	font: bold 12px arial, helvetica, sans-serif;
	color: #fff;
	padding-right: 30px;  /* Manual fix to right-indent the right-aligned text */
}

#menu dd {
	width: 200px;
	background: #3f434a;
	z-index: 400;
	font-weight: normal;
}

#subMenu-about {
	/*z-index: 400;*/
	display: none;
	position: absolute;
	float: right;
	left: 230px;
	top: 28px;
	border-left: 1px solid #555;
}
				
#subMenu-service {
	/*z-index: 400;*/
	display: none;
	position: absolute;
	float: right;
	left: 230px;
	top: 56px;
	border-left: 1px solid #555;
}

#subMenu-products {
	/*z-index: 400;*/
	display: none;
	position: absolute;
	float: right;
	left: 230px;
	top: 112px;
	border-left: 1px solid #555;
}	*/	/* :HACK: I don't know why this works, but without it, the submenu's don't work correctly */

#menu ul {
	height: 28px;
	line-height: 28px;
}

#menu li {
	text-align: left;
	height: 28px;
	line-height: 28px;
	text-indent: 7px;
	display: inline;  /* :KLUDGE: Fixes IE/Win extra spaces */
}

#menu li a, #menu dt a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

#menu dt a {
	padding-top: 5px; /* :KLUDGE: Manual fix to center text vertically */
}

#menu dd a {
	font-weight: normal;
}

#menu li a:hover {
	background-color: #ccc;
	color: #333;
}