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

#menubox {
	float: left;
	height: 264px;
	width: 230px;
	border: 1px solid #999999;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#menu li.item_active a {
	background-position:left top;
}
#menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	text-indent: -900%;
	display: block;
	position: absolute;
	outline: none;
}
#menu a:hover span {
	display: block;
}
#menu a:hover {
  background-position: left top;
}
#menu .home {
	width: 230px;
	height: 44px;
	background-image: url(imgs/home.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#menu .home span {
	width: 52px;
	height: 20px;
	top: 44px;
}
#menu .about {
	width: 230px;
	height: 44px;
	top: 44px;
	background-image: url(imgs/about.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#menu .about span {
	width: 52px;
	height: 20px;
	top: 44px;
}
#menu .services {
	width: 230px;
	height: 44px;
	top: 88px;
	background-image: url(imgs/services.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#menu .services span {
	width: 52px;
	height: 20px;
	top: 88px;
}
#menu .projects {
	width: 230px;
	height: 44px;
	top: 132px;
	background-image: url(imgs/projects.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#menu .projects span {
	width: 52px;
	height: 20px;
	top: 132px;
}
#menu .tips {
	width: 230px;
	height: 44px;
	top: 176px;
	background-image: url(imgs/tips.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#menu .tips span {
	width: 52px;
	height: 20px;
	top: 176px;
}
#menu .contact {
	width: 230px;
	height: 44px;
	top: 220px;
	background-image: url(imgs/contact.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#menu .contact span {
	width: 52px;
	height: 20px;
	top: 220px;
}