@font-face { font-family: Calligraphy; src: url(http://images.apple.com/html5/showcase/typography/fonts/calligraphy-flf/CalligraphyFLF.woff); }


html, body {
	padding:0;
	margin:0;
	text-align:center;
	height:100%;	
	background-color: white;

}


#stage {
	padding:0;
	margin:0;
   position: relative;
width:100%;  
height:100%;	
}
#stage h1 {
	z-index: 2;
		padding:0;
		margin:0;
	position:absolute;
	left:8%;
	top:75%;
	color: rgba(128, 0, 84, 0.89);
	font: normal 600 200% Calligraphy, cursive, Garamond;
}

#stage p {
	z-index: 2;
		padding:0;
		margin:0;
	position:absolute;
	left:8%;
	top:80%;
	color: gray;
	font: normal 400 133% Calligraphy,  cursive, Garamond;
}
.family-name{
	display: none;
}

#stage img  {
   z-index: 1;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration:30s;
		-moz-animation-timing-function: ease-in-out;
		-moz-animation-iteration-count: infinite;
		-moz-animation-duration:30s;
		-ms-animation-timing-function: ease-in-out;
		-ms-animation-iteration-count: infinite;
		-ms-animation-duration:30s;
		-o-animation-timing-function: ease-in-out;
		-o-animation-iteration-count: infinite;
		-o-animation-duration:30s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-duration:30s;		
	}
	#stage img:nth-of-type(1) {	
		-webkit-animation-name: fadingAnimation01;
		-moz-animation-name: fadingAnimation01;	
		-ms-animation-name: fadingAnimation01;	
		-o-animation-name: fadingAnimation01;	
		animation-name: fadingAnimation01;
	}
	#stage img:nth-of-type(2) {	
		-webkit-animation-name: fadingAnimation02;
		-moz-animation-name: fadingAnimation02;
		-ms-animation-name: fadingAnimation02;	
		-o-animation-name: fadingAnimation02;		
		animation-name: fadingAnimation02;
	}
	#stage img:nth-of-type(3) {	
		-webkit-animation-name: fadingAnimation03;
		-moz-animation-name: fadingAnimation03;
		-ms-animation-name: fadingAnimation03;	
		-o-animation-name: fadingAnimation03;	
		animation-name: fadingAnimation03;
	}
	
	#stage img:nth-of-type(4) {	
		-webkit-animation-name: fadingAnimation04;
		-moz-animation-name: fadingAnimation04;
		-ms-animation-name: fadingAnimation04;	
		-o-animation-name: fadingAnimation04;	
		animation-name: fadingAnimation04;
	}
	
	@-webkit-keyframes fadingAnimation01 {
		0%   { opacity:1;} 16% { opacity:1;	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:1;}
	}
	@-webkit-keyframes fadingAnimation02 {
		0%   { opacity:0;} 16% { opacity:0;	} 33% { opacity:1; } 50% { opacity:1;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:0;}
	}
	@-webkit-keyframes fadingAnimation03 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@-webkit-keyframes fadingAnimation04 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@-moz-keyframes fadingAnimation01 {
		0%   { opacity:1;} 16% { opacity:1;	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:1;}
	}
	@-moz-keyframes fadingAnimation02 {
		0%   { opacity:0;} 16% { opacity:0;	} 33% { opacity:1; } 50% { opacity:1;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:0;}
	}
	@-moz-keyframes fadingAnimation03 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@-moz-keyframes fadingAnimation04 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@-ms-keyframes fadingAnimation01 {
		0%   { opacity:1;} 16% { opacity:1;	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:1;}
	}
	@-ms-keyframes fadingAnimation02 {
		0%   { opacity:0;} 16% { opacity:0;	} 33% { opacity:1; } 50% { opacity:1;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:0;}
	}
	@-ms-keyframes fadingAnimation03 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@-ms-keyframes fadingAnimation04 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@-o-keyframes fadingAnimation01 {
		0%   { opacity:1;} 16% { opacity:1;	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:1;}
	}
	@-o-keyframes fadingAnimation02 {
		0%   { opacity:0;} 16% { opacity:0;	} 33% { opacity:1; } 50% { opacity:1;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:0;}
	}
	@-o-keyframes fadingAnimation03 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@-o-keyframes fadingAnimation04 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@keyframes fadingAnimation01 {
		0%   { opacity:1;} 16% { opacity:1;	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:1;}
	}
	@keyframes fadingAnimation02 {
		0%   { opacity:0;} 16% { opacity:0;	} 33% { opacity:1; } 50% { opacity:1;} 67% { opacity:0;} 84% { opacity:0;} 100% { opacity:0;}
	}
	@keyframes fadingAnimation03 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}
	@keyframes fadingAnimation04 {
		0%   { opacity:0;} 16% { opacity:0	} 33% { opacity:0; } 50% { opacity:0;} 67% { opacity:1;} 84% { opacity:1;} 100% { opacity:0;}
	}