html, body { height: 100%; }

body {
	color: #000;
	background-color: #AAA;
	margin: 0;
	padding: 0;
	text-align: center;
}

#outer {
	position: relative;
	height: 100%;
	width: 100%;
}


#inner {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 640px;
	margin-top: -320px;
	margin-left: -400px;
	background-image: url(../Images/Home_page.gif);
	background-repeat: no-repeat;
}

a {
	position: absolute;
	text-decoration: none;
	background-repeat: no-repeat;
}
a i { visibility: hidden; }

a#Kimazo { left: 562px; top: 155px; width: 100px; height: 70px; }
a#OksanaK { left: 159px; top: 448px; width: 90px; height: 70px; }
a#about { left: 431px; top: 283px; width: 96px; height: 53px; }
a#Shop { left: 345px; top: 435px; width: 65px; height: 65px; }

a#Kimazo:hover { background-image: url(../Images/HP_KZ_hover.gif); }
a#OksanaK:hover { background-image: url(../Images/HP_OK_hover.gif); }
a#about:hover { background-image: url(../Images/HP_AP_hover.gif); }
a#Shop:hover { background-image: url(../Images/HP_Shop_gomme_hover.gif); }