#inner{
	width: 100%;
	margin: 0 auto;
	float: center;
}


#body{
	border-top: #00c4ab 5px solid;
}

#header{
	font-size: xx-large;
	padding: 20px 0;
	border-top: #00c4ab 5px solid;
	background-color; #00c4ab; 
	text-align: center;
}	

h2{
	font-size: x-large;
	text-align: center;
	width: 50%;
	margin: 0 auto;
	padding: 20px 20% 20px 20%;
	border: #00c4ab 1px solid;

}



#main{  
    width: 50%;    
    margin: 0 auto;  
}  
 
 
#section {  
	width: 50%;  
	margin: 0 auto ; 
	padding: 50px 20% 50px 20%;
	text-align: left;    
} 


#gnav{
	font-size: x-large;
	text-align: center;
	background: #00c4ab;
	margin-bottom:20px;
	padding-left:0;
	padding-right:0;
}

#gnav a{
	display: block;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

#gnav a:hover{
	background: #fff;
	color: #00c4ab;
}

#gnav a.selected{
	background: #fff;
	color: #00c4ab;
	font-weight: bold;
}


#gnav ul{
	overflow: hidden;
}
#gnav li{
	float: left;
	width: 24%;
	border-right: #fff 2px solid;
}
#gnav li:first-child{
	width: 24%;
	border-left: #fff 2px solid;
	margin-left: 2%;
}

.train{
	animation-name: train;
	animation-direction: reverese;
	animation-iteration-count: infinite;
	animation-duration: 10s;
	animation-fill-mode: reverse;
	animation-timing-function: linear;
	animation-delay: 0;
}
@keyframes train{
	from{
		margin-left: 0;
	}

	to{
		margin-left: 600px;

	}

}