html {
	background: url(../images/background/background_index.jpg) no-repeat center center fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div.square {
	position: absolute;
	width: 250px;
	height: 250px;
	background-color: #FFF;
	background-size: 100%;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	text-align: center;
	line-height: 250px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	-khtml-border-radius: 35px;
	-o-border-radius: 35px;
	border-radius: 35px;
	box-shadow: 5px 5px 5px #333333;
}

div.square:hover {
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

div#square1 {
	top: 10%;
	left: 10%;
}

div#square2 {
	top: 5%;
	right: 25%;
}

div#square3 {
	top: 30%;
	right: 10%;
}

div#square4 {
	bottom: 15%;
	left: 30%;
}