There

<style type="text/css">

body {

background-color: #FFFFFF;
background-image:url(http://img59.imageshack.us/img59/4902/tvnw.jpg);
background-attachment: fixed;
background-position: center right;
background-repeat: no-repeat;
font-family: Arial;
font-variant: normal;
font-size: 70%;
color: #000000;}

body, a, a:hover { cursor:url(http://www151.lunapic.com/do-not-link-here-use-hosting-instead/137202149951729?9892404951); auto; }

.pfor { display: none; }

#profile {

background-color: #FFFFFF;
border: 0px;
position: fixed;
right: 600px;
bottom: 200px;
height: 200px;
width: 400px;}

#bordertop {

position: fixed;
left: 0px;
top: 0px;
background-color: #000000;
height: 100px;
width: 100%;}

#borderbottom {

position: fixed;
left: 0px;
bottom: 0px;
background-color: #000000;
height: 100px;
width: 100%;}

#navigation {

background-color: #FFFFFF;
position: absolute;
left: 0px;
top: 0px;}

.navigation th {

height: 10px;
width: 100px;
background-color: #000000;
font-family: Arial;
font-weight: normal;
font-variant: small-caps;
font-size: 65%;
line-height: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}

.navigation th:hover {

background-color: #FFFFFF;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}

#navigation a:link { color: #000000; }
#navigation a:visited { color: #000000; }
#navigation a:hover { color: #FFFFFF; }
#navigation a:active { color: #FFFFFF; }

#navigation a:link { text-decoration:none; }
#navigation a:visited { text-decoration:none; }
#navigation a:hover { text-decoration:none; }
#navigation a:active { text-decoration:none; }

#navigation a:link { display: block; }

a:link, visited, hover, active {

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; }

#padding { padding: 25px; }

#banner {

border: 1px solid #000000;
position: absolute;
left: 0px;
top: -150px;
transition: all 3.0s ease-in-out;
-moz-transition: all 3.0s ease-in-out;
-webkit-transition: all 3.0s ease-in-out;
-o-transition: all 3.0s ease-in-out;}

#banner:hover {

left: 200px;
transition: all 3.0s ease-in-out;
-moz-transition: all 3.0s ease-in-out;
-webkit-transition: all 3.0s ease-in-out;
-o-transition: all 3.0s ease-in-out;}

p.one {

background-color: #transparent;
border-right: 5px solid #91BF74;
font-family: Century Gothic;
text-align: right;
letter-spacing: 5px;
font-weight: normal;
font-variant: small-caps;
font-size: 150%;}

p.one:first-letter { font-weight: bold; }

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-thumb { background-color: #000000; }

.information td {

width: 200px;
text-align: left;
font-family: Arial;
font-variant: normal;
font-size: 65%;
letter-spacing: 1px;
line-height: 10px;
color: #000000;}

.information b { font-family: Century Gothic; }

a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }

ul {

position: fixed;
background-color: #000000;
height: 100%;
width: 100px;
left: 100px;
top: -15px;
padding: 25px;}

li {

width: 100px;
height: 20px;
background: #FFFFFF;
font-variant: small-caps;
font-size: 75%;
letter-spacing: 1px;
text-align: center;
list-style-type: none;
margin-bottom: 10px;
line-height: 20px;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;}

li:hover {

background-color: #91BF74;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;}

li a:link { display: block; }

h1 {

position: fixed;
right: 10px;
bottom: 0px;
font-weight: normal;
font-size: 100%;
color: #FFFFFF;}

b { font-variant: small-caps; }

i { color: #666666; }

</style>

<div id="bordertop"></div>

<div id="borderbottom"></div>

<div id="navigation">

<table class="navigation">
<th><a href="#01">Irelands ~</a></th>
<th><a href="#02">Emerald~</a></th>
<th><a href="#03">Gem~</a></th>
<th><a href="#04">Mother~</a></th>
<th><a href="#05">Fuckers~</a></th>
<th><a href="#06">.....~</a></th>
<th><a href="#07">OOC~</a></th>
</table>

</div>

<h1>Layout © <a href="http://roleplaychat.org/profile.php?user=Lais%20Petralia" target="_blank">Lais Petralia</a></h1>

<div id="banner">

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTLvQLAxQ-iKUxv_BLZhudT-vhwu6hlQxlkpkAB8reIgFZeDyph" width="200" height="140">

</div>


<div style="height: 200px; overflow-y: hidden;">
<a name="01"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The Head~</p>

<table class="information">
<tr><td><b>Name:</b></td> <td>Liam Keeler</td></tr>
<tr><td><b>Nicknames:</b></td> <td>Snake Boy, The Serpent King.</td></tr>
<tr><td><b>Gender:</b></td> <td>Male.</td></tr>
<tr><td><b>Blood Status:</b></td> <td>Pure-Blood.</td></tr>
<tr><td><b>House:</b></td> <td>Slytherin.</td></tr>
<tr><td><b>School Role:</b></td> <td>Prefect.</td></tr>
<tr><td><b>Wand:</b></td> <td>Nine Inches Yew & Phoenix Feather. Inflexible/Stiff.</td></tr>
<tr><td><b>Scent:</b></td> <td>Bubblegum, Petrol and Aftershave.</td></tr>
<tr><td><b>Amortenia:</b></td> <td>Old books, Wood and Bubblegum.</td></tr>
<tr><td><b>Patronus:</b></td> <td>Basilisk.</td></tr>
<tr><td><b>Boggart:</b></td> <td>Death.</td></tr>
<tr><td><b>Mirror of Erised:</b></td> <td>Having power greater then Albus Dumbledore and Lord Voldemort.</td></tr>
<tr><td><b>Familiar:</b></td> <td>Slithers | King Cobra.</td></tr>
<tr><td><b>Age:</b></td> <td>17.</td></tr>
<tr><td><b>Build:</b></td> <td>Lean.</td></tr>
<tr><td><b>Height:</b></td> <td>6'6Ft</td></tr>
<tr><td><b>Weight:</b></td> <td>14St.</td></tr>
<tr><td><b>Date of Birth:</b></td> <td>27th of April 1996.</td></tr>
<tr><td><b>Place of Birth:</b></td> <td>Dublin.</td></tr>
<tr><td><b>Place of Residence:</b></td> <td>London.</td></tr>
<tr><td><b>Orientation:</b></td> <td>Heterosexual.</td></tr>
<tr><td><b>Status:</b></td> <td>Single.</td></tr>
<tr><td><b>Likes:</b></td> <td>Depends on the day, BubbleGum & Comics.</td></tr>
<tr><td><b>Dislikes:</b></td> <td>Depends on the day & Silence...</td></tr>
<tr><td><b>Strengths:</b></td> <td>Expert duelist, Intelligent & Reasonable physical prowess.</td></tr>
<tr><td><b>Weakness:</b></td> <td>Arrogant, Bad at Divination & Low stamina.</td></tr>
</table>

</div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="02"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The body~</p>

<div align="justify">


<p class="one">One upon a time~</p>



<p class="one">Nope, Personality doesn't get another tab~</p>



 </div>

</div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="03"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The tail~</p>

<p class="one">Self made Spells~</p>


<br><br>


<p class="one">Factoids~</p>


<tr><td><b>Factoids! All the bits I didn't explain!</b></td>





</div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="04"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The Allies & The Foes~</p>







 </div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="05"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The true form~</p>


<p class="one">Official Stuff~</p>


<p class="one">Details, Details, Details~</p>


<p class="one">I'm bored~</p>




</div>

</div>


<div style="height: 200px; overflow-y: hidden;">
<a name="06"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">Gallery~</p>

</div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="07"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">Out of Character~</p>


</div>

</div>
</div></div></div></div></div>