/* Background fade */
.backgroundInAnim{
	-moz-animation:			bgFadeIn 4s 1 ease-in paused;
	-webkit-animation:		bgFadeIn 4s 1 ease-in paused;
	animation:				bgFadeIn 4s 1 ease-in paused;
}

@-moz-keyframes bgFadeIn{ 		0% { opacity:0; } }
@-webkit-keyframes bgFadeIn{ 	0% { opacity:0; } }
@keyframes bgFadeIn{ 			0% { opacity:0; } }

/* Cloud moves */
.cloudsAnim{
	-moz-animation:			cloudLeft 60s infinite ease-in-out;
	-webkit-animation:		cloudLeft 60s infinite ease-in-out;
	animation:				cloudLeft 60s infinite ease-in-out;
}

@-moz-keyframes cloudLeft{ 		0% { background-position: 0px 0px;} 50% { background-position:1000px 0px; } }
@-webkit-keyframes cloudLeft{ 	0% { background-position: 0px 0px;} 50% { background-position:1000px 0px; } }
@keyframes cloudLeft{ 			0% { background-position: 0px 0px;} 50% { background-position:1000px 0px; } }	
	
/* Water moves */
.oceanAnim{
	-moz-animation:			waterRight 50s infinite ease-in-out;
	-webkit-animation:		waterRight 50s infinite ease-in-out;
	animation:				waterRight 50s infinite ease-in-out;
}

@-moz-keyframes waterRight{ 		0% { background-position: 0px 0px;} 50% { background-position:-1000px 0px; } }
@-webkit-keyframes waterRight{ 		0% { background-position: 0px 0px;} 50% { background-position:-1000px 0px; } }
@keyframes waterRight{ 				0% { background-position: 0px 0px;} 50% { background-position:-1000px 0px; } }	

/* Top cap slides */
.cap_topInAnim{
	-moz-animation:			capTopIn 3s 1 paused;
	-webkit-animation:		capTopIn 3s 1 paused;
	animation:				capTopIn 3s 1 paused;
}
	
@-moz-keyframes capTopIn{ 		0% { top:-320px; } 60% { top:-320px; } }
@-webkit-keyframes capTopIn{ 	0% { top:-320px; } 60% { top:-320px; } }
@keyframes capTopIn{ 			0% { top:-320px; } 60% { top:-320px; } }	

.cap_topOutAnim{
	-moz-animation:			capTopOut 2s 1;
	-webkit-animation:		capTopOut 2s 1;
	animation:				capTopOut 2s 1;
	top:-320px;
}

@-moz-keyframes capTopOut{ 		100% { top:-320px; } }
@-webkit-keyframes capTopOut{ 	100% { top:-320px; } }
@keyframes capTopOut{ 			100% { top:-320px; } }

.cap_topOutInAnim{
	-moz-animation:			capTopOutIn 3s 1;
	-webkit-animation:		capTopOutIn 3s 1;
	animation:				capTopOutIn 3s 1;
}
	
@-moz-keyframes capTopOutIn{ 		20% { top:-320px; } 60% { top:-320px; } }
@-webkit-keyframes capTopOutIn{ 	20% { top:-320px; } 60% { top:-320px; } }
@keyframes capTopOutIn{ 			20% { top:-320px; } 60% { top:-320px; } }	
	
/* Bottom cap slides */
.cap_botInAnim{
	-moz-animation:			capBotIn 3s 1 paused;
	-webkit-animation:		capBotIn 3s 1 paused;
	animation:				capBotIn 3s 1 paused;
}

@-moz-keyframes capBotIn{ 		0% { bottom:-320px; } 60% { bottom:-320px; }}
@-webkit-keyframes capBotIn{ 	0% { bottom:-320px; } 60% { bottom:-320px; }}
@keyframes capBotIn{ 			0% { bottom:-320px; } 60% { bottom:-320px; }}

.cap_botOutAnim{
	-moz-animation:			capBotOut 2s 1;
	-webkit-animation:		capBotOut 2s 1;
	animation:				capBotOut 2s 1;
	bottom:-320px;
}

@-moz-keyframes capBotOut{ 		100% { bottom:-320px; } }
@-webkit-keyframes capBotOut{ 	100% { bottom:-320px; } }
@keyframes capBotOut{ 			100% { bottom:-320px; } }

.cap_botOutInAnim{
	-moz-animation:			capBotOutIn 3s 1;
	-webkit-animation:		capBotOutIn 3s 1;
	animation:				capBotOutIn 3s 1;
}

@-moz-keyframes capBotOutIn{ 		10% { bottom:-320px; } 60% { bottom:-320px; }}
@-webkit-keyframes capBotOutIn{ 	10% { bottom:-320px; } 60% { bottom:-320px; }}
@keyframes capBotOutIn{ 			10% { bottom:-320px; } 60% { bottom:-320px; }}

/* Brand fades */
.brandInAnim{
	-moz-animation:			brandFadeIn 3s 1 paused;
	-webkit-animation:		brandFadeIn 3s 1 paused;
	animation:				brandFadeIn 3s 1 paused;
}

@-moz-keyframes brandFadeIn{ 		0% { opacity:0; } 60% { opacity:0; }}
@-webkit-keyframes brandFadeIn{ 	0% { opacity:0; } 60% { opacity:0; }}
@keyframes brandFadeIn{ 			0% { opacity:0; } 60% { opacity:0; }}

.brandOutAnim{
	-moz-animation:			brandFadeOut 2s 1;
	-webkit-animation:		brandFadeOut 2s 1;
	animation:				brandFadeOut 2s 1;
}

@-moz-keyframes brandFadeOut{ 			100% { opacity:0; }}
@-webkit-keyframes brandFadeOut{ 		100% { opacity:0; }}
@keyframes brandFadeOut{ 				100% { opacity:0; }}

.brandOutInAnim{
	-moz-animation:			brandFadeOutIn 3s 1;
	-webkit-animation:		brandFadeOutIn 3s 1;
	animation:				brandFadeOutIn 3s 1;
}

@-moz-keyframes brandFadeOutIn{ 		7% { opacity:0; } 70% { opacity:0; }}
@-webkit-keyframes brandFadeOutIn{ 		7% { opacity:0; } 70% { opacity:0; }}
@keyframes brandFadeOutIn{ 				7% { opacity:0; } 70% { opacity:0; }}

/* Container slides */
.containerInAnim{
	-moz-animation:			containerSlideIn 2s 1 paused;
	-webkit-animation:		containerSlideIn 2s 1 paused;
	animation:				containerSlideIn 2s 1 paused;
}	

@-moz-keyframes containerSlideIn{		0% { left:-700px; }}
@-webkit-keyframes containerSlideIn{	0% { left:-700px; }}
@keyframes containerSlideIn{			0% { left:-700px; }}

.containerOutAnim{
	-moz-animation:			containerSlideOut 2s 1;
	-webkit-animation:		containerSlideOut 2s 1;
	animation:				containerSlideOut 2s 1;
}	

@-moz-keyframes containerSlideOut{		50% { left: 59px; } 100% { left:-700px; }}
@-webkit-keyframes containerSlideOut{	50% { left: 59px; } 100% { left:-700px; }}
@keyframes containerSlideOut{			50% { left: 59px; } 100% { left:-700px; }}

.containerOutInAnim{
	-moz-animation:			containerSlideOutIn 2s 1;
	-webkit-animation:		containerSlideOutIn 2s 1;
	animation:				containerSlideOutIn 2s 1;
}	

@-moz-keyframes containerSlideOutIn{	10% { left:59px;} 50% { left:-700px; }}
@-webkit-keyframes containerSlideOutIn{	10% { left:59px;} 50% { left:-700px; }}
@keyframes containerSlideOutIn{			10% { left:59px;} 50% { left:-700px; }}

/* Content Main fade */
.content_mainInAnim{
	-moz-animation:			contentMainIn 2s 1 paused;
	-webkit-animation:		contentMainIn 2s 1 paused;
	animation:				contentMainIn 2s 1 paused;
}	

@-moz-keyframes contentMainIn{		0% { opacity:0; } 70% { opacity:.5; } 100% { opacity:1; }}
@-webkit-keyframes contentMainIn{	0% { opacity:0; } 70% { opacity:.5; } 100% { opacity:1; }}
@keyframes contentMainIn{			0% { opacity:0; } 70% { opacity:.5; } 100% { opacity:1; }}

.content_mainOutAnim{
	-moz-animation:			contentMainOut 2s 1;
	-webkit-animation:		contentMainOut 2s 1;
	animation:				contentMainOut 2s 1;
}	

@-moz-keyframes contentMainOut{		100% { opacity:0; }}
@-webkit-keyframes contentMainOut{	100% { opacity:0; }}
@keyframes contentMainOut{			100% { opacity:0; }}

.content_mainOutInAnim{
	-moz-animation:			contentMainOutIn 3s 1;
	-webkit-animation:		contentMainOutIn 3s 1;
	animation:				contentMainOutIn 3s 1;
}	

@-moz-keyframes contentMainOutIn{		20% { opacity:0; } 80% { opacity:0; }}
@-webkit-keyframes contentMainOutIn{	20% { opacity:0; } 80% { opacity:0; }}
@keyframes contentMainOutIn{			20% { opacity:0; } 80% { opacity:0; }}

/* mainDescript fade */

.mainDescriptOutInAnim{
	-moz-animation:			mainDescriptOutIn 1s 1;
	-webkit-animation:		mainDescriptOutIn 1s 1;
	animation:				mainDescriptOutIn 1s 1;
}	

@-moz-keyframes mainDescriptOutIn{		20% { opacity:0; } 80% { opacity:0; }}
@-webkit-keyframes mainDescriptOutIn{	20% { opacity:0; } 80% { opacity:0; }}
@keyframes mainDescriptOutIn{			20% { opacity:0; } 80% { opacity:0; }}

/* Sprite rotate 

.spriteOrbitAnim{
	-moz-animation: 		spriteOrbit 5s linear infinite;
	-webkit-animation: 		spriteOrbit 5s linear infinite;
	animation: 				spriteOrbit 5s linear infinite;
}

@moz-keyframes spriteOrbit{ 			0% { opacity:0; } 2% {opacity:1;} 
										5%{ margin-bottom:10px;margin-right:15px;} 
										30% { height:50px;width:50px;margin-bottom:-200px;margin-right:40px;} }
@-webkit-keyframes spriteOrbit{ 		0% { opacity:0; } 2% {opacity:1;} 
										5%{ margin-bottom:10px;margin-right:15px;} 
										30% { height:50px;width:50px;margin-bottom:-200px;margin-right:40px;} }
@keyframes spriteOrbit{ 				0% { opacity:0;height:1px;width:1px;background-color:#EEE; } 
										2% {opacity:1;} 
										5%{ margin-bottom:10px;margin-right:15px;} 
										20% { margin-bottom:-190px;margin-right:30px;background-color:#EEE;}
										30% { margin-bottom:-200px;margin-right:40px;}
										50% { height:50px;width:50px;border-radius:25px;margin-bottom:-260px;margin-right:50px;}
										70% { border-radius:10px;margin-bottom:-400px;margin-right:60px;} 
										100% { height:50px;width:200px;z-index:4;background-color:rgba(0,0,0,.7);border-radius:10px;margin-bottom:-400px;margin-right:-60px;}
										
*/