[dohtml]
<center>
<div class="sea">
<div id="seaside">
<div style="width: 400px; height: 400px; background-image: url(http://i.imgur.com/5KSIdiF.png);"></div>
<div class="sea-two">
<div id="sea-one"><table cellspacing="0" cellpadding="0"><td><div class="sea-five"><img src="http://i.imgur.com/FERY302.gif"></td><Td><div class="sea-nine"></div></td><td><div style="width: 273px;"><div class="sea-three">vincent c.</div><div class="sea-four"><table cellspacing="0" cellpadding="0"><td><div class="sea-six">STRIPPER</div></td><Td><div class="sea-seven"></div></td><td><div class="sea-six">TWENTY-TWO</div></td><Td><div class="sea-seven"></div></td><td><div class="sea-six">PANTHERS</div></td></table><Div class="sea-height"></div><table cellspacing="0" cellpadding="0"><td><div class="sea-six">AFFABLE</div></td><Td><div class="sea-seven"></div></td><td><div class="sea-six">WITTY</div></td><Td><div class="sea-seven"></div></td><td><div class="sea-six">PASSIONATE</div></td></table><div class="sea-height"></div><table cellspacing="0" cellpadding="0"><td><div class="sea-six">JAY</div></td><Td><div class="sea-seven"></div></td><td><div class="sea-six">EST</div></td><Td><div class="sea-seven"></div></td><td><div class="sea-six">J. FALAHEE</div></td></table></div></div></td></table></div>

<div class="sea-ten"><Div class="sea-eleven"> new york city born and raised, <p>


proin porta tortor non justo gravida viverra non quis ligula. proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. vestibulum ac est id lorem semper dictum. aenean id rutrum justo, vitae sollicitudin dui. sed interdum porta nisi eu placerat. donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. phasellus vel odio ultricies urna bibendum molestie. suspendisse volutpat est non neque bibendum porta. proin aliquam ac arcu id scelerisque. donec sed efficitur sem. sed pellentesque erat venenatis dui gravida, et interdum enim varius. phasellus ullamcorper efficitur mattis. curabitur at tincidunt mauris, vel tempus libero. curabitur eu dolor a massa mollis aliquam. pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. nunc non egestas lectus. aliquam laoreet eu magna sed molestie. cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. duis vestibulum justo sed elementum sagittis. phasellus nec blandit enim, sed rutrum urna. curabitur efficitur metus in egestas congue. sed ut scelerisque sem. nunc vel libero in purus placerat viverra. ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo. <p>

proin porta tortor non justo gravida viverra non quis ligula. proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. vestibulum ac est id lorem semper dictum. aenean id rutrum justo, vitae sollicitudin dui. sed interdum porta nisi eu placerat. donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. phasellus vel odio ultricies urna bibendum molestie. suspendisse volutpat est non neque bibendum porta. proin aliquam ac arcu id scelerisque. donec sed efficitur sem. sed pellentesque erat venenatis dui gravida, et interdum enim varius. phasellus ullamcorper efficitur mattis. curabitur at tincidunt mauris, vel tempus libero. curabitur eu dolor a massa mollis aliquam. pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. nunc non egestas lectus. aliquam laoreet eu magna sed molestie. cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. duis vestibulum justo sed elementum sagittis. phasellus nec blandit enim, sed rutrum urna. curabitur efficitur metus in egestas congue. sed ut scelerisque sem. nunc vel libero in purus placerat viverra. ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.<p>

proin porta tortor non justo gravida viverra non quis ligula. proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. vestibulum ac est id lorem semper dictum. aenean id rutrum justo, vitae sollicitudin dui. sed interdum porta nisi eu placerat. donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. phasellus vel odio ultricies urna bibendum molestie. suspendisse volutpat est non neque bibendum porta. proin aliquam ac arcu id scelerisque. donec sed efficitur sem. sed pellentesque erat venenatis dui gravida, et interdum enim varius. phasellus ullamcorper efficitur mattis. curabitur at tincidunt mauris, vel tempus libero. curabitur eu dolor a massa mollis aliquam. pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. nunc non egestas lectus. aliquam laoreet eu magna sed molestie. cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. duis vestibulum justo sed elementum sagittis. phasellus nec blandit enim, sed rutrum urna. curabitur efficitur metus in egestas congue. sed ut scelerisque sem. nunc vel libero in purus placerat viverra. ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.</div></div>
</div>

</div>
</div>
</div>
<style type="text/css">
.sea { width: 400px; padding: 15px; background-color: #fafafa; border: 1px solid #eee; } #seaside { width: 400px; height: 522px; overflow: hidden; } #sea-one { width: 380px; background-color: #4682B4; height: 102px; padding: 10px; overflow: hidden; } .sea-two { width: 400px; height: 522px; background-color: #fff; position: relative; top: 0px; -webkit-transition-duration: .9s; } #seaside:hover .sea-two { top: -400px; } .sea-four { width: 273px; height: 102px; position: relative; top: 102px; background-color: #4682B4; -webkit-transition-duration: .8s; } #sea-one:hover .sea-four { top: -71px; } .sea-three { font-family: roboto; margin-top: 31px; font-size: 40px; text-align: center; line-height: 100%; text-transform: uppercase; color: #fff; } .sea-five { width: 90px; padding: 5px; background-color: #fff; border: 1px solid #fff; margin-top: -68px; } .sea-six { width: 79px; padding: 12px 5px; background-color: #fff; font-family: calibri; font-size: 8px; text-align: center; line-height: 100%; text-transform: uppercase; letter-spacing: 3px; } .sea-seven { width: 3px; } .sea-height { height: 3px; } .sea-nine { width: 5px; } .sea-ten { width: 370px; height: 370px; font-family: arial; font-size: 9.5px; text-align: justify; line-height: 100%; text-transform: lowercase; color: #333; padding: 15px; } .sea-ten:first-letter { font-family: roboto; font-size: 25px; color: #fff; padding: 10px; background-color: #4B403A; text-align: center; float: left; margin-right: 8px; margin-bottom: 3px; line-height: 100%; text-transform: uppercase; } .sea-ten p:first-letter { font-family: roboto; font-size: 25px; color: #fff; padding: 10px; background-color: #4682B4; text-align: center; float: left; margin-right: 8px; margin-bottom: 3px; line-height: 100%; text-transform: uppercase; } .sea-eleven { width: 365px; height: 370px; padding-right: 5px; overflow: auto; } .sea-eleven::-webkit-scrollbar {width: 5px;background: #fff;} .sea-eleven::-webkit-scrollbar-thumb {background: #4B403A;}.sa-eleven::-webkit-scrollbar-corner {background: #fff;}
</style>
</center><center><div style="Width: 360px; font-family: calibri; font-size: 7px; margin-top: 5px; text-align: right; text-transform: uppercase; letter-spacing: 1px; line-height: 100%;"><a href="http://shine.b1.jcink.com/index.php?showuser=10542">THANKS</a> <a href="http://wecode.jcink.net/index.php?showuser=168">FELICITY</a>!</DIV></CENTER>
[/dohtml]