BODY { background: url(http://rettocamme.com/images/bg_moons.gif); text-align:center; margin: 0; padding: 0;}
#noscript {
	position:absolute;
	width: 900px;
	left: 50%;
	top: 10px;
	margin-left: -450px;
	background: #cccccc;
}
#facebook-box {
	position:relative;
	width: 600px;
	margin: 20px auto;
	background: white;
}
#main { 
	position:relative;
	width: 900px; 
	height: 675px; 
	margin: 50px auto; 
	background: url(images/rettocamme_bg.jpg) no-repeat;
	overflow:hidden;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 450px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 450px;
	-webkit-border-radius: 10px 450px 10px 450px;
	border-radius: 10px 450px 10px 450px;	
animation: bordermove 15s infinite ease-in-out;
-moz-animation: bordermove 15s infinite ease-in-out; /* Firefox */
-webkit-animation: bordermove 15s infinite ease-in-out; /* Safari and Chrome */	
	} 

#main.lost {
	background-image: none;
	background-color: #ffff00;
	overflow:hidden;
	height: 400px;
}	
#main.lost DIV {
	margin: 100px 200px;
	font-size: large;
	width: auto;
	height: auto;	
}
#main.lost DIV SPAN{
	display: block;
}
	
#main DIV span {display:none;}
#main DIV {
	position:absolute;
	width: 100px;
	height: 100px;
	/*border: 1px solid orange;*/
	cursor: pointer;
}

#main DIV#dance { top: 325px; left: 125px; width: 125px; }
#main DIV#art { top: 350px; left: 255px; }
#main DIV#design { top: 375px; left: 375px; width: 125px; }
#main DIV#events { top: 380px; left: 505px; width: 150px;}
#main DIV#contact { top: 395px; left: 655px; width: 150px; }
#main DIV#facebook { top: 475px; left: 60px; width: 350px; }
#main DIV#blog { top: 525px; left: 550px; width: 200px; }
	
	
@keyframes bordermove
{
0% {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 450px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 450px;
-webkit-border-radius: 10px 450px 10px 450px;
border-radius: 10px 450px 10px 450px;
}
50% {
-moz-border-radius-topleft: 450px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 450px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 450px 10px 450px 10px;
border-radius: 450px 10px 450px 10px;
} 100% {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 450px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 450px;
-webkit-border-radius: 10px 450px 10px 450px;
border-radius: 10px 450px 10px 450px;
}
}

@-moz-keyframes bordermove /* Firefox */
{ 0% {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 450px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 450px;
-webkit-border-radius: 10px 450px 10px 450px;
border-radius: 10px 450px 10px 450px;
}
50% {
-moz-border-radius-topleft: 450px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 450px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 450px 10px 450px 10px;
border-radius: 450px 10px 450px 10px;
} 100% {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 450px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 450px;
-webkit-border-radius: 10px 450px 10px 450px;
border-radius: 10px 450px 10px 450px;
}

}

@-webkit-keyframes bordermove /* Safari and Chrome */
{
0% {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 450px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 450px;
-webkit-border-radius: 10px 450px 10px 450px;
border-radius: 10px 450px 10px 450px;
}
50% {
-moz-border-radius-topleft: 450px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 450px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 450px 10px 450px 10px;
border-radius: 450px 10px 450px 10px;
} 100% {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 450px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 450px;
-webkit-border-radius: 10px 450px 10px 450px;
border-radius: 10px 450px 10px 450px;
}

}