*{ margin:0; padding:0; outline:0;}

body, html {
	width:100%;
	height:100%;
}

body{
	background:url(i/bg.png) repeat-y center center;
}

#wrapper{
	display:table-cell;
	width:900px;
	height:450px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-225px;
	margin-left:-450px;
	text-align:center;
}
.freestyle{
	background:url(i/free_style_intro_new.jpg) no-repeat center bottom;
	float:right;
	display:inline-block;
	width:450px;
	height:450px;
}
.freestyle:hover{
	background-position:center top;
}

.lavista{
	background:url(i/la_vista_intro_new.jpg) no-repeat center bottom;
	float:left;
	display:inline-block;
	width:450px;
	height:450px;
}
.lavista:hover{
	background-position:center top;
}