@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: NeoSansStd;
	font-style:italic;
	src: url('NeoSansStd-Italic.otf');
}

@font-face {
	font-family: NeoSansStd;
	font-weight:normal;
	src: url('NeoSansStd-Regular.otf');
}


@font-face {
	font-family: NeoSansStd;
	font-weight: bold;
	src: url('NeoSansStd-Medium.otf');
}

@font-face {
	font-family: NeoSansStd;
	font-weight: lighter;
	font-weight: 200;
	src: url('NeoSansStd-Light.otf');
}

* {
	margin: 0;
}

html, body {
	font-family: NeoSansStd, sans-serif;
	font-size:24px;
	height:100%;
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

a:link {
	border:none;
	text-decoration:none;
}

#content {
	position:absolute;
	top:50%;
	height:500px;
	margin:0px auto;
	margin-top:-320px;/* negative half of the height */
	width:100%;

}

#content-inner {
	margin:0px auto;
	text-align:center;
	width:510px;
}

#bg {
	background-image:url(../img/BG_underConstruction.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:500px;
	overflow:hidden;
	width:500px;
}

#mask {
	background-image:url(../img/mask.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	display:block;
	height:500px;
	position:absolute;
	width:500px;
}

#antonio {
	background-image:url(../img/IMG_antonio.png);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	display:block;
	height:510px;
	transition: background-position 1s;
	-moz-transition: background-position 1s; /* Firefox 4 */
	-webkit-transition: background-position 1s;
	-o-transition: background-position 1s; /* Opera */
	width:500px;
	z-index:99;
}



#antonio:hover {
	background-position: 0px 240px;
	transition: background-position 1s;
	-moz-transition: background-position 1s; /* Firefox 4 */
	-webkit-transition: background-position 1s;
	-o-transition: background-position 1s; /* Opera */
}

#icons {
	margin-top:20px;
}

.icon {
	margin-left:15px;
}

#footer {
	clear:both;
	color:#999;
	font-size:12px;
	padding-top:13px;
	width:500px;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -630px; /* the bottom margin is the negative value of the footer's height */
}

.content, .push {
	bottom:0px;
	height:0px;
	text-align:center;
}

#iPad-layout {
	display:none;
	z-index:1000;
}