*{
    transition: 1s;
}


html, body{
	background-color: #333;
	color: #fff;
	margin: 0px;
	padding: 0px;
	widht: 100%;
	height: 100%;
	font-family:verdana, arial;
	text-align:center;
}

div.menu{
	padding-top:10px;
	padding-bottom:20px;
}

div.menu a{
	text-decoration:none;
	color:#aaa;
}

div.menu a:hover{
	padding-left:20px;
	padding-right:20px;
	color:fff;
}

div.image{
	border-left:2px solid #fff;
	padding-left:20px;
    width: 260px;
    height: auto;
    padding-right:20px;
    border-right: 2px solid #fff;
    padding-top:2px;
    margin:auto;
}

div.image *{
}

div.image a img{
	width: 250px;
}

div.image:hover{
    width: 560px;
    padding-bottom:20px;
    padding-top:20px;
    background-color:#2F2F2F;
}

div.image:hover a img{
	width: 550px;
}