#menu { /*makes the background for the navagation*/
	list-style: none;
	padding: 0;
	margin: 0;
	width: 774px;
	height: 60px;
	background:url(../images/navagation_background.jpg) no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom; /*globally sets the hover position of the image to the left bottom*/
}
#menu a:hover span{
	display: block;
}
#menu .home { /*sets the initial picture for the home navagation*/
	width: 86px;
	height: 41.5px;
	background-image:url(../images/home_icon.jpg);
	background-repeat: no-repeat;
	top: 5px;
}

#menu .about {
	width: 108px;
	height: 41.5px;
	background:url(../images/about_icon.jpg);
	background-repeat: no-repeat;
	left: 115px;
	top: 5px;
}

#menu .services {
	width: 103px;
	height: 41.5px;
	background:url(../images/services_icon.jpg);
	background-repeat: no-repeat;
	left: 248px;
	top: 5px;
}

#menu .products {
	width: 108px;
	height: 41.5px;
	background:url(../images/products_icon.jpg);
	background-repeat: no-repeat;
	left: 376px;
	top: 5px;
}

#menu .partners {
	width: 104px;
	height: 41.5px;
	background:url(../images/partners_icon.jpg);
	background-repeat: no-repeat;
	left: 507px;
	top: 5px;
}

#menu .contact {
	width: 101px;
	height: 41.5px;
	background:url(../images/contact_icon.jpg);
	background-repeat: no-repeat;
	left: 643px;
	top: 5px;
}