@charset "utf-8";
/* CSS Document */
ol, ul {
	list-style: none;
}
h1 { font: bold 40px/40px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }
h2 { font: bold 25px/30px Helvetica, Arial, Sans-serif; color: deepSkyBlue; text-shadow: 0px 2px 6px rgba(0, 191, 255, 0.5); margin-left:20px;}
body {
}
body a {
	text-decoration:none;
}
#vnav {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
	margin-top:20px;
	text-align:center;
}

.block-img {
display: table;
margin: 0 auto;
padding: 30px;
}
.block {
display: table-cell;
float: left;
height: auto;
min-height: 180px;
width: 250px;
}

.block-vert {
height: 160px;
width: 250px;
}

.block img.image  {
margin: 0;
}


.block-vert img.image  {
margin: 0;
}

img.image {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: whiteSmoke;
width: 200px;
border: 15px solid whiteSmoke;
margin: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
position: relative;
vertical-align: middle;
}

img.image:hover {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
width: 300px;
margin: -40px;
box-shadow: 0 10px 15px rgba(0,0,0,0.5);
z-index: 200;
}