body {
	padding: 0 50px;
	background:#F1EFE2;
	font-size: 1.4em;
	}
h1 {
	margin-top: 20px;
	margin-bottom: 60px;
	color: #345;
}

h2 {color: #678;text-align: left;text-shadow: 1px 1px #fff;font-size:1.1em}
p, a {color: #789;}

/* Flexible menu 1 */

.menu { 
	width: 800px;
    margin: 0; 
    padding: 0; 
    display : table;
    table-layout: fixed;
      } 
      
.menu li { 
    display: table-cell;
    padding: 0; margin: 0;
    width: 10%; 
    overflow: hidden;
      } 
.menu a { 		
	display: block;
	padding: 8px 12px;
    text-shadow: 0px 0px 6px #777; 
    background: #98B924; 
    border: 2px solid #fff;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
      } 

.menu li:first-child a {  
	-moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px; 
	} 
.menu li:last-child a {  
	-moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0; 
	} 
.menu li + li a {
	border-left: 0;
} 

.menu li:hover, .menu li:focus { 
    width: 20%;
      } 
.menu li:hover a, .menu li:focus a { 
    background: #b8da40; 
      }



/* Animate */

#anime li { 
    -webkit-transition: width .4s;
    -moz-transition: width .4s;
    transition: width .4s;
      }

/* Graphical Flexible menu */

.graphic {
    display : table;
    table-layout: fixed;
  	width: 800px;
  	margin: 0; padding: 0;
  	list-style: none;
}
.graphic li {
    display: table-cell;
    height: 200px;
    width: 50px;
    border-left: 1px solid #fff;
    background: url(img1.jpg) left top no-repeat;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}   
.graphic li a {
    display: block;
    height: 100%;
    opacity: 0;
    filter:alpha(opacity=0);
}   
.graphic li:hover {
  	width: 100px;
}      

.graphic #link1 {
    background-image: url(img1.jpg);
}
.graphic #link2 {
    background-image: url(img2.jpg);
}
.graphic #link3 {
    background-image: url(img3.jpg);
}
.graphic #link4 {
    background-image: url(img4.jpg);
}
.graphic #link5 {
    background-image: url(img5.jpg);
}

.good {color: green;}