Final Fantasy VII Advent Children Petpage Layouts

<img src=http://img.photobucket.com/albums/v368/darkwater657/petpage/cltop.jpg id="idt">
<style />
#idt{position:absolute;top:0px;left:0px;}
#dt{position:absolute;top:59px;left:638px;width:126px;}
#dt2{position:absolute;top:546px;left:43px;width:561px;}
#content{position:absolute;top:614px;left:0px;background-color:none;z-index:4;}
table,.trmap{background:transparent;}
font.sf,.hold{visibility:hidden;}
body{scrollbar-face-color:#192121;
scrollbar-shadow-color:#192121;
scrollbar-highlight-color:#4F5B5B;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-color:#000;
scrollbar-track-color:#516B6C;
scrollbar-arrow-color:#fff;
background-color:#516B6C;
background-image: url(http://img.photobucket.com/albums/v368/darkwater657/petpage/clbg.jpg);background-repeat:repeat-y;}
td,p,font,.contain{font:9px Arial;color:#000;}
hr{border:1px solid #000;}
.Head{background-color:#000;border:1px solid #000;color:#FAE8A0;font:9px Arial;text-align:center;display:block;padding-top:3px;padding-bottom:3px;width:148px;}
.Head2{background-color:#000;border:1px solid #000;color:#FAE8A0;font:9px Arial;text-align:center;display:block;padding-top:3px;padding-bottom:3px;width:562px;}
.Tabbot{background-color:#D6DADA;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;color:#000;font:9px Arial;text-align:center;padding-top:5px;padding-bottom:5px;width:148px;}
.Tabbot2{background-color:#D6DADA;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;color:#000;font:9px Arial;text-align:left;padding-top:5px;padding-bottom:5px;width:562px;}
.fl{float:left;margin-right:5px;}
a.nav{border:1px double #000;display:block;text-align:center;background-color:#454F50;text-transform:uppercase;font-size:9px Arial;color:#000;text-decoration:none;}
a.nav:hover{border:1px double #000;text-align:center;background-color:#111D1D;color:#FAE8A0;text-decoration:none;}
a:link,a:visited,a:active,a:hover{color:#D6DADA;font:9px Arial;text-decoration:none;}
.l a,.l a:active,.l a:visited{font-weight:normal;width:148px;}
#TB{font:9px Arial;width:136px;text-align:center;}
</style /><div id="dt">

<div class="Head"><b>Navigation</b></div>
<div class="l"><div id="TB">
<a href="/addpet.phtml" class="nav">Create a Pet</a>
<a href="/petcentral.phtml" class="nav">Pet Central</a>
<a href="/explore.phtml" class="nav">Explore</a>
<a href="/gameroom.phtml" class="nav">Games</a>
<a href="/neomessages.phtml" class="nav">Neomail</a>
<a href="/objects.phtml" class="nav">Shops</a>
<a href="/neoboards/index.phtml" class="nav">Boards</a>
<a href="/nf.phtml" class="nav">News</a>
<a href="/stuff.phtml" class="nav">Stuff</a>
<a href="/help.phtml" class="nav">Help</a>
<a href="/loginpage.phtml" class="nav">Login</a>
<a href="/" class="nav">Logout</a>
</div></div><br>

<div class="Head">About Me</div>
<div class="Tabbot">
<b>Name:</b> Insert text.<br>
<b>Location:</b> Insert text.<br>
<b>Birthday:</b> Insert text.<br>
<b>Age:</b> Insert text.<br>
<b>Gender:</b> Insert text.<br>
<b>Grade:</b> Insert text.<br>
<b>Likes:</b> Insert text.<br>
<b>Dislikes:</b> Insert text.<br>
<b>Other:</b> Insert text.<br>
</div><br>

<div class="Head">About My Pet</div>
<div class="Tabbot">
<b>Name:</b> Insert text.<br>
<b>Birthday:</b> Insert text.<br>
<b>Age:</b> Insert text.<br>
<b>Gender:</b> Insert text.<br>
<b>Likes:</b> Insert text.<br>
<b>Dislikes:</b>Insert text.<br>
<b>Other:</b> Insert text.<br>
</div><br>

<div class="Head">Announcements</div>
<div class="Tabbot"><center>
<marquee behavior=scroll direction="up" scrollamount="1" width="136" height="100"><center>
This is your scroll box (marquee). Place any text here that you wish to see scroll in the box (I.e. updates or announcements). Links in this marquee will not box themselves. They will appear as ordinary text links.
</center></center></marquee></div><br>

<div class="Head">Spare Box</div>
<div class="Tabbot">
<div class="link">
This is a spare text box for any other information you would like to give. Copy this entire paragraph (code chunk) to create multiple boxes just like this one. Paste them directly beneath this paragraph and they will appear in the right column of the layout. And remember, any link created in a box such as this will automatically border itself as the navigation has. You don't need to do anything special to create the effect.
</div></div>

<div class="Head2">Saturday, March 10, 2007</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/clav.jpg" class="fl">
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the avatar. Again, you don't need to do anything special to activate this effect.
<br style="clear: both;"/></div><hr>

<div class="Head2">Friday, March 9, 2007</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/clav.jpg" class="fl">
Note: Any links added to you or your pets information will appear as ordinary text links and will not automatically box themselves. If you need this effect or other help, neomail me @ dark_riku_765.
<br style="clear: both;"/></div><hr>

<div class="Head2">Thursday, March 8, 2007</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/clav.jpg" class="fl">
This layout features none other than Cloud from the Final Fantasy VII series. Images were used from the Final Fantasy VII Advent Children movie as well as the Kingdom Hearts II Playstation II game. This layout was made entirely by Dark at Towairaito-Graphics. No part of this layout (I.e. code or images) may be reproduced to create your own version, without permission. Failure to inform myself before you use any of this material in any such way will result in an immediate report to TNT or other authoritative figure.
<br style="clear: both;"/></div>

<br><hr><font><center>[NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., Š 1999-2007.
Ž denotes Reg. US Pat. & TM Office. All rights reserved.]
<hr><br></font></center></div><div id="content">