<!--record-->
<style type="text/css">
.canonspace { height: 160px; }

.canonlayer {background-color: #0b2721 padding-top: 10px; padding-bottom: 5px; font-family: 'League Gothic';  font-size: 18px; letter-spacing: 5px; color: #FFFFFF; text-align: center;  text-transform: uppercase; background-image: url(http://i.imgur.com/FfyVZkq.gif); }

.canonmain { background-color: #f8f8f8; letter-spacing: -1px; padding: 4px; text-transform: none; font-family: 'consolas', sans-serif; line-height: 11px; font-size:12px; text-align: justify; overflow: auto; height: 160px; }

#canons { width: 460px; height: 160px; white-space:normal; border:3px double #2c2c2c; position: relative; overflow: hidden; }

#canons .how { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; top: 0px; bottom: 0px; width: 450px; height: 160px; }

#canons:hover .how { -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 1.0S ALL EASE-IN-OUT; O-TRANSITION: 1.0S ALL EASE-IN-OUT; top: -170px; }
.cansize { background-size: 460px 180px; }

.zag1 {
  text-align: center;
  font: bold small-caps 15px/12px oswald;
}
.zag2 {
  font: bold small-caps 7px/10px oswald;
  text-align: center;
}
</style>


<table cellspacing="1" cellpadding="1">
<tr>
<td>
<center><div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/5BWJRxX.png); width: 460px; height: 160px;"><div style="height: 140px;"></div>
<div class="canonlayer">Milana Scott
</div></div></div>
<div class="canonmain">info here

</div></div></center></center></td></tr>

<tr><td>
<center><div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/mUB1rXS.png); width: 460px; height: 160px;"><div style="height: 140px;"></div>
<div class="canonlayer">Dexter Pride
</div></div></div><
<div class="canonmain">info here

</div></div></center></center></td></tr>
<tr><td>
<center><div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/AWIJeBp.png); width: 460px; height: 160px;"><div style="height: 140px;"></div>
<div class="canonlayer">Sophie Gonzalez
</div></div></div>
<div class="canonmain">info here

</div></div></center></td></tr>

<tr><td>
<center><div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/3LbUgUd.png); width: 460px; height: 160px;"><div style="height: 140px;"></div>
<div class="canonlayer">Aedan Hart
</div></div></div>
<div class="canonmain">info here

</div></div></center></td></tr>

<tr><td>
<center><div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/5Qp1eKJ.png); width: 460px; height: 160px;"><div style="height: 140px;"></div>
<div class="canonlayer">Roxanne Pride
</div></div></div>
<div class="canonmain">info here

</div></div></center></td></tr>

<tr><td>
<center><div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/7lEKwWn.png); width: 460px; height: 160px;"><div style="height: 140px;"></div>
<div class="canonlayer">Brian Gonzalez
</div></div></div>
<div class="canonmain">info here

</div></div></center></td></tr>

<tr><td>
<center><div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/z29oNUc.png); width: 460px; height: 160px;"><div style="height: 140px;"></div>
<div class="canonlayer">Ophelia McChord
</div></div></div>
<div class="canonmain">info here

</div></div></center></td></tr>

</table>