#menu-box a {
	text-decoration:none;
	color:#fff;
	display:block;
	text-align:center;
	width:70px;
}

.about, .about-active{
	width:80px;
	height:130px;
	display:inline;
	float:left;
	position:relative;
	top:28px;
	left:25px;
	z-index:1;
	background:url('../images/menu01.png') no-repeat 7px 101px;
	cursor:pointer;
}

.about:hover {
	background:url('../images/menu01-hover.png') bottom no-repeat;
}

.about-active {
	background:url('../images/menu01-hover.png') bottom no-repeat;
}

.about a, .about-active a {
	position:relative;
	top:107px;
	left:6px;
}

.offer, .offer-active {
	width:80px;
	height:130px;
	display:inline;
	float:left;
	position:relative;
	top:35px;
	left:12px;
	z-index:2;
	background:url('../images/menu02.png') no-repeat 0px 95px;
	cursor:pointer;
}

.offer:hover {
	background:url('../images/menu02-hover.png') bottom no-repeat;
}

.offer-active {
	background:url('../images/menu02-hover.png') bottom no-repeat;
}

.offer a, .offer-active a {
	position:relative;
	top:103px;
	left:-2px;
}

.clients, .clients-active {
	width:80px;
	height:130px;
	display:inline;
	float:left;
	position:relative;
	top:33px;
	left:-20px;
	z-index:3;
	background:url('../images/menu03.png') no-repeat 13px 96px;
	cursor:pointer;
}

.clients:hover {
	background:url('../images/menu03-hover.png') bottom no-repeat;
}

.clients-active {
	background:url('../images/menu03-hover.png') bottom no-repeat;
}

.clients a, .clients-active a {
	position:relative;
	top:103px;
	left:12px;
}

.references, .references-active{
	width:80px;
	height:130px;
	display:inline;
	float:left;
	position:relative;
	top:32px;
	left:-28px;
	z-index:4;
	background:url('../images/menu04.png') no-repeat 0px 94px;
	cursor:pointer;
}

.references:hover {
	background:url('../images/menu04-hover.png') no-repeat;
}

.references-active {
	background:url('../images/menu04-hover.png') no-repeat;
}

.references a, .references-active a {
	position:relative;
	top:100px;
	left:2px;
}