@charset "UTF-8";
/* CSS Document */

#menu {
  list-style: none;
	  padding: 0;
	  margin: 0;
   position:relative;
	left:279px;
	top:105px;
	width:714px;
	height:30px;
	z-index:2;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	left: 100px;
	top: 0px;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .home {
  width: 113px;
  height: 30px;
  background: url(images/menu/home.png) no-repeat;
  left:0px;
	top:0px;
  
 
}
#menu .home span {
  width: 113px;
  height: 30px;
  background: url(images/menu/home-over.png) no-repeat;
 left:0px;
	top:0px;
}

#menu .about {
  width: 113px;
  height: 30px;
  background: url(images/menu/about.png) no-repeat;
  left:125px;
	top:0px;
  
}
#menu .about span {
  width: 113px;
  height: 30px;
  background: url(images/menu/about-over.png) no-repeat;
  left:0px;
	top:0px;
  
}
#menu .products {
  width: 113px;
  height: 30px;
  background: url(images/menu/products.png) no-repeat;
  left:250px;
	top:0px;
  
}
#menu .products span {
  width: 113px;
  height: 30px;
  background: url(images/menu/products-over.png) no-repeat;
   left:0px;
	top:0px;
  
}

/*#menu .services {
  width: 113px;
  height: 30px;
  background: url(images/menu/services.png) no-repeat;
  left:375px;
	top:0px;
  
  
}
#menu .services span {
  width: 113px;
  height: 30px;
  background: url(images/menu/services-over.png) no-repeat;  
  left:0px;
	top:0px;
}
*/
#menu .where {
	width: 113px;
	height: 30px;
	background: url(images/menu/contact.png) no-repeat;
	left:375px;
	top:0px;
}
#menu .where span {
  width: 113px;
  height: 30px;
  background: url(images/menu/contact-over.png) no-repeat;
  left:0px;
	top:0px;
  
}
