html {
	font-family:							"Trebuchet MS", Arial, sans-serif;
	height:									100%;
	font-size:								14px;
	margin:									0;
	padding:								0;
}

body {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4e5e9+0,aeb0b7+100 */
	background: 							#e4e5e9; 																										/* Old browsers */
	background:								-moz-radial-gradient(center, ellipse cover,  #e4e5e9 0%, #aeb0b7 100%);				 							/* FF3.6-15 */
	background:								-webkit-radial-gradient(center, ellipse cover,  #e4e5e9 0%,#aeb0b7 100%); 										/* Chrome10-25,Safari5.1-6 */
	background:								radial-gradient(ellipse at center,  #e4e5e9 0%,#aeb0b7 100%); 													/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:									progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e5e9', endColorstr='#aeb0b7',GradientType=1 ); 	/* IE6-9 fallback on horizontal gradient */
	height:									100%;
	width:									auto;
	margin:									0;
	padding:								0;
}

@-webkit-keyframes fadeIn { 
	from { 
		opacity:							0; 
		} to { 
			opacity:						1; 
			} 
		}
@-moz-keyframes fadeIn { 
	from { 
		opacity:							0; 
		} to { 
			opacity:						1; 
			} 
		}
@keyframes fadeIn { 
	from { 
		opacity:							0; 
		} to { 
			opacity:						1; 
			} 
		}
		

#logofade{
	position:								absolute;
	overflow:								visible;
	left: 									50%;
	top:									50%;
	height:									0;
	width:									0;
	display:								block;
	text-align:								center;
}

#logofade img{
	width:									400px;
	height:									229px;
	margin-left:							-215px;
	margin-top:								-175px;
	display:								block;
}
 
#logofade {
	opacity:								0; 								 /* make things invisible upon start */
	-webkit-animation:						fadeIn ease-in 	1; 				 /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  									/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				1s;
	-moz-animation-duration:				1s;
	animation-duration:						1s;
}
 
#logofade img {
	-webkit-animation-delay: 				2.5s;
	-moz-animation-delay: 					2.5s;
	animation-delay: 						2.5s;


}

#logo {
	padding:								8% 0 0 8%;
}

h1 {
	margin:									0;
	padding:								25px 0 0 0;
	clear:									both;
	font-size:								30px;
	color:									#3d474f;
}

h2 {
	margin-bottom:							18%;
	padding:								5px 0 25px 35px;
	color:									#3D474F;
	font-style:								italic;
	font-size:								15px;
	width:									100%;
	z-index:								2;
	clear: 									both;
	color:									#59636c;
	text-align:								center;
	position:								absolute;
	bottom:									0;
	left:									-30px;

}
/*
h2 #set1{


	text-align:								center;
	position:								absolute;
	bottom:									0;

	opacity:								0;  				
	-webkit-animation:						fadeIn ease-in 	1;  
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  						
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				2.5s;
	-moz-animation-delay: 					2.5s;
	animation-delay: 						2.5s;
}
h2 #set2{

	text-align:								center;
	position:								absolute;
	bottom:									0;
	
	opacity:								0; 
	-webkit-animation:						fadeIn ease-in 	1; 
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				3.5s;
	-moz-animation-delay: 					3.5s;
	animation-delay: 						3.5s;
}
h2 #set3{

	text-align:								center;
	position:								absolute;
	bottom:									0;
	
	opacity:								0;  
	-webkit-animation:						fadeIn ease-in 	1;  
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				4.5s;
	-moz-animation-delay: 					4.5s;
	animation-delay: 						4.5s;
}
h2 #set4{
	
	text-align:								center;
	position:								absolute;
	bottom:									0;

	opacity:								0;  
	-webkit-animation:						fadeIn ease-in 	1;  
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				5.5s;
	-moz-animation-delay: 					5.5s;
	animation-delay: 						5.5s;
}
h2 #set5{
	

	text-align:								center;
	position:								absolute;
	bottom:									0;

	opacity:								0; 
	-webkit-animation:						fadeIn ease-in 	1;  
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				6.5s;
	-moz-animation-delay: 					6.5s;
	animation-delay: 						6.5s;
}
h2 #set6{
	

	text-align:								center;
	position:								absolute;
	bottom:									0;

	opacity:								0;  
	-webkit-animation:						fadeIn ease-in 	1; 
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				7.5s;
	-moz-animation-delay: 					7.5s;
	animation-delay: 						7.5s;
}
h2 #set7{

	text-align:								center;
	position:								absolute;
	bottom:									0;
	
	opacity:								0;  
	-webkit-animation:						fadeIn ease-in 	1; 
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				8.5s;
	-moz-animation-delay: 					8.5s;
	animation-delay: 						8.5s;
}
h2 #set8{

	text-align:								center;
	position:								absolute;
	bottom:									0;
	
	opacity:								0;  
	-webkit-animation:						fadeIn ease-in 	1; 
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				9.5s;
	-moz-animation-delay: 					9.5s;
	animation-delay: 						9.5s;
}
h2 #set9{

	text-align:								center;
	position:								absolute;
	bottom:									0;
	
	opacity:								0; 
	-webkit-animation:						fadeIn ease-in 	1;  
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				10.5s;
	-moz-animation-delay: 					10.5s;
	animation-delay: 						10.5s;
}
h2 #set10{

	text-align:								center;
	position:								absolute;
	bottom:									0;
	
	opacity:								0;  
	-webkit-animation:						fadeIn ease-in 	1;  
	-moz-animation:							fadeIn ease-in 	1;
	animation:								fadeIn ease-in 	1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:				0.5s;
	-moz-animation-duration:				0.5s;
	animation-duration:						0.5s;

	-webkit-animation-delay: 				11.5s;
	-moz-animation-delay: 					11.5s;
	animation-delay: 						11.5s;
}
*/

#wrapper {
	margin: 								0 auto;
	height:									100%;
	overflow:								hidden;
	width:									100%;
}
.wrapper-group{

}
.wrapper-inner{
	overflow:								auto;
}