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

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

body {
	font-family: 'Lato', sans-serif;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	
	color:#000;
	font-size:14px;
	margin:0px;
}

.clearfix {
	clear:both;
}

#ecard {
	width:980px;
	height:570px;
	margin:50px auto 20px;
	background:url(../images/bg-ecard.png);
	
	-moz-box-shadow: 0px 0px 8px rgba(168,158,152,0.5);
	-webkit-box-shadow: 0px 0px 8px rgba(168,158,152,0.5);
	box-shadow: 0px 0px 8px rgba(168,158,152,0.5);
}

#main {
	width:980px;
	height:570px;
	position: relative;
	overflow: hidden;
}

#naxos-logo {
	position: absolute;
	left:40px;
	z-index: 100;
	opacity: 0;
	
	animation-delay: 3.2s;
}

#dogs {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	animation-delay: 3.7s;
}

#chinese-lanterns {
	width:960px;
	height:550px;
	position: absolute;
	overflow: hidden;
	margin:10px;
	opacity:1;
}

#lantern-01 {
	position: absolute;
	left:40px;
	top:-10px;
	opacity: 0;
}

#lantern-02 {
	position: absolute;
	left: 140px;
	top:-10px;
	opacity: 0;
}

#lantern-03 {
	position: absolute;
	right:140px;
	top:-10px;
	opacity: 0;
}

#lantern-04 {
	position: absolute;
	right:40px;
	top:-10px;
	opacity: 0;
}

#greetings {
	width:411px;
	margin:30px 280px;
	position: absolute;
	opacity: 0;
}

#footer {
	font-size:11px;
	text-align:center;
	color:#000;
	font-weight:400;
}

#chinese-text {
	font-size:40px;
	color:#b41212;
	position: absolute;
	left:320px;
	top:235px;
	opacity: 0;
}

#text {
	font-size:15px;
	color:#b41212;
	width:670px;
	text-align: center;
	position: absolute;
	left:160px;
	top:300px;
	opacity: 0;
}

.audioplayer {
	width:350px;
	margin:10px auto;
}

.audioinfo {
	font-size:13px;
	text-align:center;
}

.audio {
	width:255px;
	margin:10px auto;
}