For Damian

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">

body {
background:url('http://newartcolorz.com/images/2014/7/free-background-images-6183-6531-hd-wallpapers.jpg');
background-color: #ffffff;
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}

#pictureone {


position: fixed;
left: 0px;
bottom: 0px;
margin: 25px;
}

#picturetwo {


position: fixed;
right: 30px;
top: 0px;
margin: 25px;
opacity: 0.8;}

h1{
font-family: Georgia;
font-size:25;
letter-spacing:1px;
color:#d8a078;
font-style:italic;
font-weight:light;
text-align: center;
text-transform:none;
}

h1 {

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



#navigation{

position: fixed;
Left: 330px;
top: 120px;
opacity: 0.5;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation:hover { opacity:1; }

#navigation2{

position: fixed;
Left: 390px;
top: 120px;
opacity: 0.5;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation2:hover { opacity:1; }

#navigation3{

position: fixed;
Left: 445px;
top: 120px;
opacity: 0.5;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation3:hover { opacity:1; }

#navigation4{

position: fixed;
Left: 505px;
top: 120px;
opacity: 0.5;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation4:hover { opacity:1; }

a href {
text-decoration: underline;
font-family:consolas;
color: #505050;
letter-spacing: -1px;
}

u {
text-decoration: underline;
font-family:consolas;
color: #505050;
letter-spacing: -1px;
}

b {
color: #493c23;
font-family:consolas;
text-transform:none;
letter-spacing: 2px;
}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #a8a8a8;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #a8a8a8;border: 0px ;width: 15px;}

#main{
left:310px;
bottom:180px;
position: fixed;
width: 400px;
height: 300px;
color: #548695;
font-family: century gothic;
font-variant: small-caps;
text-align: justify;
font-size: 12px;
border-radius: 25px;
border-bottom: #548695 3px solid;
border-right: #548695 3px solid;
border-left: #000000 3px solid;
border-top: #000000 3px solid;
Background-size: 100%;}

</style>

<h1>Layout © <a href="http://roleplaychat.org/profile.php?user=Liam+Keeler" target="_blank">real niggaz.~</a></h1>

<div id="pictureone"><img src="http://i60.tinypic.com/nd65ch.gif" class="image" width="auto" height="600px;"></div>
<div id="picturetwo"><img src="https://i.ppy.sh/5eeb644a18ad862b6c0bc7a2fb7e59052b410b62/687474703a2f2f7075752e73682f6373624b392e706e67" class="image" width="auto" height="auto"></div>


<div id="navigation" class="box">

<a href="#01" title="Character Sheet"><img src="http://i59.tinypic.com/2wh15ad.png" width="50" height="50"></a>
</div>

<div id="navigation2" class="box">

<a href="#02" title="Skills and Gear"><img src="http://i62.tinypic.com/2a8q329.png"width="50" height="50"></a>
</div>


<div id="navigation3" class="box">


<a href="#03" title="Friends list"><img src="http://i59.tinypic.com/21919na.png" width="58" height="55"></a>

</div>

<div id="navigation4" class="box">
<a href="#04" title="OOC"><img src="http://i57.tinypic.com/xpuhyu.png" width="58" height="55"></a>

</div>


<div id="main">

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

<b><i>PUT A TITLE OR SOME SHIT HERE NIGGA!</b></i>
<br><br>
Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.

</div>

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

<i>Italics</i> Some text <b>Bold</b> some text <u>Underlined</u> some text <big>Use for headings</big>

</div>

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

Shit in here.

</div>

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

Shit in here.

</div>

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