@charset "utf-8";

.navi{
/*
border:solid 1px #333; 
border-radius:10px; 
box-shadow:0 0 5px #666;
background-color: #dee0e5;
background-image: -moz-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
background-image: -webkit-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
background-image: -o-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
background-image: -ms-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
*/
padding:1px 0; 
overflow:hidden;
}
	
.navi li{ 
width:142.8px;
height:32px; 
float:left; 
list-style:none; 
padding: 0; 
/*border-left: dotted 1px #999;*/
background-repeat: no-repeat;
}

.navi li a{
	display:block; 
	color:#0e345c; 
	text-align:center; 
	text-decoration:none; 
	padding: 10px 5px 5px;
	letter-spacing:.1em; 
	/*text-shadow:0 0 3px #FFF; */
	font:bold 13px/1em Arial, Helvetica, sans-serif;
	-moz-transition:margin-top .25s ease-out;
	-webkit-transition:margin-top .25s ease-out;
	-o-transition:margin-top .25s ease-out;
	-ms-transition:margin-top .25s ease-out;
	
}
.navi li a:hover{ 
margin-top:-41px;
}

.navi li:nth-child(1) a:after, .navi li:nth-child(2) a:after, .navi li:nth-child(3) a:after,
.navi li:nth-child(4) a:after, .navi li:nth-child(5) a:after, .navi li:nth-child(6) a:after,.navi li:nth-child(7) a:after
{ 
content: attr(title);
}

.navi li a:after{ 
display:block; 
margin:29px 0; 
color:#a8a7a7; 
font-weight: bold;
}

.content{ 
border-radius:10px; 
padding:15px; 
box-shadow:0 0 5px #666; 
background:#FFF;
-moz-column-count:2; 
-moz-column-gap:20px;
-webkit-column-count:2; 
-webkit-column-gap:20px;
-o-column-count:2; 
-o-column-gap:20px;
-ms-column-count:2; 
-ms-column-gap:20px;}