#panel { 
	width:210px;
	list-style:none; 
	display:inline-block;	
	padding-bottom:15px;
}

#panel li {  
	border-radius:3px;	
	margin-top:15px;
	width:200px;
	background: #DED8D3;
	background: -moz-linear-gradient(right, #E9E5E2 0%,#DED8D3 100%);
	background: -webkit-linear-gradient(right, #E9E5E2 0%,#DED8D3 100%);
	background: -o-linear-gradient(right, #E9E5E2 0%,#DED8D3 100%);
	border-left:1px solid #CBC3BD; border-top:1px solid #CBC3BD; border-right:1px solid #CBC3BD; border-bottom:1px solid #CBC3BD;
}

#panel li.animation { 
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

#panel li.animation:hover { 
	-moz-transform:translateX(-10px);
	-o-transform:translateX(-10px);	
	-webkit-transform:translateX(-10px);
	box-shadow:10px 10px 10px rgba(0,0,0,0.5);
}

#panel li.activ { 
	background: -moz-linear-gradient(right, #E9E5E2 0%,#EAD4B9 100%);
	background: -webkit-linear-gradient(right, #E9E5E2 0%,#EAD4B9 100%);
	background: -o-linear-gradient(right, #E9E5E2 0%,#EAD4B9 100%);
}

#panel li a { 
	color:#DA5B23;	
	display:block; 
	padding:10px;
	text-decoration:none;
}

.container {
	width: 290px;
	margin: 0 auto; 
	overflow: hidden;
	position:relative;
}