.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}
 .tabs { 
    	list-style: none; 
    	margin: 0 auto 0; 
    	width: 1000px;
		font-size:12px;
		
    }
		.tabs li { 
		  /* Makes a horizontal row */
			float: left; 
			text-align: center;
			line-height: 14px;
		
			
			/* So the psueudo elements can be
			   abs. positioned inside */
		}
		.tabs a { 
		  /* Make them block level
		     and only as wide as they need */
		  float: left; 
		  padding: 8px 13px; 
		  text-decoration: none;
		 	 height: 45px;
		  
		  /* Default colors */ 
		  color: #FFFFFF;
		  background: #5c95e6; 
		  
		  /* Only round the top corners */
		  -webkit-border-top-left-radius: 15px;
		  -webkit-border-top-right-radius: 15px;
		  -moz-border-radius-topleft: 15px;
		  -moz-border-radius-topright: 15px;
		  border-top-left-radius: 15px;
		  border-top-right-radius: 15px; 
		}
		.tabs .active {
		  /* Highest, active tab is on top */
		  z-index: 3;
		}
		.tabs .active a { 
		  /* Colors when tab is active */
		  color: #567e57; 
		}