.letterAnim {
	animation: zoomit 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
}
@keyframes zoomit {	
0% {transform: scale(.1,.1)}
50% {transform:scale(1,1)}
75%{transform:scale(.9,.9)}
100%{transform:scale(1,1)}
}
#ClickCard {
	font-family: Tempus Sans ITC, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-top: 150px;
	-webkit-transition: all 1s;
	transition: all 1s;  
	-webkit-transform: scale(.1,.1);
	transform: scale(.1,.1);
	color: black;
	text-align: center;
}
#MessageCardImageArea {
	//border: 1px solid black;
	margin-left: 15px;
	margin-top: 110px;
	-webkit-transition: all 1s;
	transition: all 1s;  
	width: 248px;
	height: 178px;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scale(0,0);
	transform: scale(0,0);
	display: none;
}
#PopDown {
	//border: 1px solid black;
	position: relative;
	margin-top:5px;
	width: 257px;
	height: 395px;
	-webkit-transition: all 1s;
	transition: all 1s;  
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
#PopDownTop {
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	width: 257px;
	height: 295px;
	background-size: 275px 295px;
	-webkit-transition: all 1s;
	transition: all 1s;  
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
#PopDownMiddle {
	position: absolute;
	left: 4px;
	top: 67px;
	background-repeat: no-repeat;
	-webkit-transition: all 1s;
	transition: all 1s;  
	width: 249px;
	height: 190px;
	background-size: 249px 190px;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
#PopDownBottom {
	position: absolute;
	left: 4px;
	top: 257px;
	background-repeat: no-repeat;
	-webkit-transition: all 1s;
	transition: all 1s;  
	width: 249px;
	height: 105px;
	background-size: 249px 105px;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
#PopDownMessageCard {
	position: absolute;
	left: 4px;
	top: 185px;
	-webkit-transition: all 1s;
	transition: all 1s;  
	width: 248px;
	height: 178px;
	background-size: 248px 178px;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
#PopDownMessageCard2 {
	position: absolute;
	left: 4px;
	top: 185px;
	opacity:  0;
	-webkit-transition: all 1s;
	transition: all 1s;  
	width: 248px;
	height: 178px;
	background-size: 248px 178px;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
.arc {	/* not used anymore */
	animation: arc 2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
}
@keyframes arc {	/* not used anymore */
0% {opacity: 1;transform:translate(0px)}
33% {opacity: 1;transform:translate(0px,-340px)}
66%{opacity: 1;transform:translate(300px,-340px)}
99%{opacity: 1;transform:translate(300px,-165px)}
100%{opacity: 1;transform:translate(300px,-165px)}
}