@charset "UTF-8";
/* CSS Document */

body {background-color:#242424; font:Arial, Helvetica, sans-serif;}

#middlediv {width:970px; padding-top:10px; padding-bottom:10px; border-right:1px solid #101010; border-bottom:1px solid #191919; border-left:1px solid #292929; border-top:1px solid #383838; height:400px; position:relative; margin-left:50%; left:-480px; margin-top:10%;}

#middlediv li {position:relative; left:-30px; float:left; width:290px; height:300px; margin-left:20px; list-style:none; overflow:hidden;-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;} 

#middlediv ul li:hover {border-bottom:2px solid #fff; height:350px}

#middlediv ul li span {position:relative; margin-left:40%;  color:#FFFFFF; font-size:18px; text-align:center; background-color:#0099FF}