#menu {
	/*text-align: right;
	position: relative;
	left: 0;
	margin-top: 4px;*/
	width: 1004px;
	z-index: 100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
#menu ul {
	padding: 0;
	margin: 0;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
#menu ul li {float:left;position:relative;}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#menu ul li a{display:block;background:url(../images/menu.jpg) no-repeat;}
#menu ul li a span {visibility: hidden;line-height:28px;}
#menu .home a {background-position:0 0;width:108px;}
#menu .home a:hover {background-position:0 -28px;}
#menu .about a {background-position:-108px 0;width:105px;}
#menu .about a:hover {background-position:-108px -28px;}
#menu .prob a {background-position:-213px 0;width:105px;}
#menu .prob a:hover {background-position:-213px -28px;}
#menu .news a {background-position:-318px 0;width:105px;}
#menu .news a:hover {background-position:-318px -28px;}
#menu .logo a {background-position:-423px 0;width:158px;}
#menu .logo a:hover {background-position:-423px -28px;}
#menu .service a {background-position:-581px 0;width:105px;}
#menu .service a:hover {background-position:-581px -28px;}
#menu .download a {background-position:-686px 0;width:105px;}
#menu .download a:hover {background-position:-686px -28px;}
#menu .hr a {background-position:-791px 0;width:105px;}
#menu .hr a:hover {background-position:-791px -28px;}
#menu .contact a {background-position:-896px 0;width:108px;}
#menu .contact a:hover {background-position:-896px -28px;}
/* make the dropdown ul invisible */
#menu ul li ul {
display: none;
}

#menu img {border:0;}