#main-page a{
	display: block;
	position: absolute;
}


#about {
	width: 147px;
	height: 106px;
	background: url(../img/about.png) no-repeat;
	top: 120px;
}

#about:hover {
	background: url(../img/about_hover.png) no-repeat;
}

#banner {
	width: 164px;
	height: 94px;
	background: url(../img/banner_com.png) no-repeat;
	top: 30px;
	left: 120px;
}

#banner:hover {
	background: url(../img/banner_com_hover.png) no-repeat;
}

#context {
	width: 164px;
	height: 94px;
	background: url(../img/context.png) no-repeat;
	top: 80px;
	left: 300px;
}

#context:hover {
	background: url(../img/context_hover.png) no-repeat;
}

#unstandart {
	width: 164px;
	height: 94px;
	background: url(../img/unstandart.png) no-repeat;
	top: 40px;
	left: 480px;
}

#unstandart:hover {
	background: url(../img/unstandart_hover.png) no-repeat;
}

#pr {
	width: 101px;
	height: 72px;
	background: url(../img/pr.png) no-repeat;
	top: 80px;
	left: 670px;
}

#pr:hover {
	background: url(../img/pr_hover.png) no-repeat;
}

#production {
	width: 136px;
	height: 78px;
	background: url(../img/production.png) no-repeat;
	top: 150px;
	left: 765px;
}

#production:hover {
	background: url(../img/production_hover.png) no-repeat;
}

#contacts {
	width: 127px;
	height: 73px;
	background: url(../img/contacts.png) no-repeat;
	top: 250px;
	left: 750px;
}

#contacts:hover {
	background: url(../img/contacts_hover.png) no-repeat;
}