* {
	margin:0;
	padding:0;
	}
 
html, body {
	height:100%;
	background-color:#07243B;
	background-image: url(../img/bg_body_index.png);
	background-repeat: repeat;
	background-position: left top;
}

#distance {
	width:1px;
	height:50%;
	margin-bottom:-200px; /* half of container's height */
	float:left;
}
 
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:400px;
	width:800px;
	clear:left;
	background-image: url(../img/bg_container_index.png);
	background-repeat: repeat-y;
	background-position: center top;
}

h1{
	display:block;
	position:absolute;
	text-indent: -9999px;
	width: 308px;
	height: 200px;
	left: 246px;
	top: 38px;
	background-image: url(../img/bg_h1_index.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#ita, #eng,
#ita a, #eng a
{
	display: block;
	position: absolute;
	width:50px;
	height:20px;
	left:0;
	top:0;
	background-image: url(../img/index_languages.png);
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#ita{
	left:335px;
	top:324px;
}

#ita, #ita a{
	background-position: left top;
}

#ita a:hover{
	background-position: left bottom;
}

#eng{
	left:415px;
	top:324px;
}

#eng, #eng a{
	background-position: right top;
}

#eng a:hover {
	background-position: right bottom;
}