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

@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}

@-webkit-keyframes moveLeft{
	0% {-webkit-transform: translateX(40px);}
	100% {-webkit-transform: translateX(0px);}
}
@-moz-keyframes moveLeft{
	0% {-moz-transform: translateX(40px);}
	100% {-moz-transform: translateX(0px);}
}
@-o-keyframes moveLeft{
	0% {-o-transform: translateX(40px);}
	100% {-o-transform: translateX(0px);}
}
@-ms-keyframes moveLeft{
	0% {-ms-transform: translateX(40px);}
	100% {-ms-transform: translateX(0px);}
}
@keyframes moveLeft{
	0% {transform: translateX(40px);}
	100% {transform: translateX(0px);}
}

@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(3);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(3);}
	100% {-moz-transform: scale(1);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(3);}
	100% {-o-transform: scale(1);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(3);}
	100% {-ms-transform: scale(1);}
}
@keyframes scaleDown{
	0% {transform: scale(3);}
	100% {transform: scale(1);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.introPane{position:relative;}
.introPane .icon{ height:165px; width:155px; position:absolute; left:0; top:0; }

.introPane .icon{
	background-repeat:no-repeat;
	background-position: 0px 10px;

	-webkit-animation:	scaleDown 0.4s ease-out both, fadeIn 0.8s ease-out both;
	-moz-animation:		scaleDown 0.4s ease-out both, fadeIn 0.8s ease-out both;
	-o-animation:		scaleDown 0.4s ease-out both, fadeIn 0.8s ease-out both;
	-ms-animation:		scaleDown 0.4s ease-out both, fadeIn 0.8s ease-out both;
	animation:  		scaleDown 0.4s ease-out both, fadeIn 0.8s ease-out both;
}
.introPane h1{
	-webkit-animation:	moveLeft 0.5s ease-out both, fadeIn 0.8s ease-out both;
	-moz-animation:		moveLeft 0.5s ease-out both, fadeIn 0.8s ease-out both;
	-o-animation:		moveLeft 0.5s ease-out both, fadeIn 0.8s ease-out both;
	-ms-animation:		moveLeft 0.5s ease-out both, fadeIn 0.8s ease-out both;
	animation:			moveLeft 0.5s ease-out both, fadeIn 0.8s ease-out both;
}
.secIntro{
	-webkit-animation:	moveLeft 0.5s 0.2s ease-out both, fadeIn 0.8s 0.2s ease-in both;
	-moz-animation:		moveLeft 0.5s 0.2s ease-out both, fadeIn 0.8s 0.2s ease-in both;
	-o-animation:		moveLeft 0.5s 0.2s ease-out both, fadeIn 0.8s 0.2s ease-in both;
	-ms-animation:		moveLeft 0.5s 0.2s ease-out both, fadeIn 0.8s 0.2s ease-in both;
	animation:			moveLeft 0.5s 0.2s ease-out both, fadeIn 0.8s 0.2s ease-in both;
}
.secSlogan{
	-webkit-animation:	moveLeft 0.5s 0.6s ease-out both, fadeIn 0.8s 0.7s ease-out both;
	-moz-animation:		moveLeft 0.5s 0.6s ease-out both, fadeIn 0.8s 0.7s ease-out both;
	-o-animation:		moveLeft 0.5s 0.6s ease-out both, fadeIn 0.8s 0.7s ease-out both;
	-ms-animation:		moveLeft 0.5s 0.6s ease-out both, fadeIn 0.8s 0.7s ease-out both;
	animation:			moveLeft 0.5s 0.6s ease-out both, fadeIn 0.8s 0.7s ease-out both;
}