For Dario

<style type="text/css">

body {
background-color: #FFFFFF;
background-image: url();
background-repeat: no-repeat;
background-position: bottom left;
background-size: 40%;
background-attachment: fixed;
overflow: hidden;  }

#profile { border: hidden; background-color: transparent; }

.pfor {display: none;}



 #boxlin{
background color: #ffffff;
                text-align:center;
                opacity:.8;
                -webkit-transition: all 0.7s ease-in-out;
                -moz-transition: all 0.7s ease-in-out;
                -o-transition: all 0.7s ease-in-out;
                -ms-transition: all 0.7s ease-in-out;
                transition: all 0.7s ease-in-out;
                height: 500px;
                width: 200px;
                position: absolute;
                top: 80px;
                left: 120px;
                border: 1px solid #32CC1B;
                z-index:3;
        }
        #boxlin a{
                margin-bottom:7px;
                width:200px;
                height:15px;
                font-family: Helvetica;
                text-align:center;
                font-size:12px;
                letter-spacing:1px;
                color:#000;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                background-color: white;
                text-decoration: none;
                display: inline-block;
        }

        #boxlin a:hover{
                color: white;
                background-color:#32CC1B;
                text-transform:;
                letter-spacing:1px;
                text-align:center;
                text-decoration: none;
                font-family: Helvetica;
                font-size: 12px;
        }


#box1 {
                font-family: cursive;
                font-size: 10px;
color:000000;
                font-weight: lighter;
                text-transform: none;
                background-color: #ffffff;
                text-align: left;
                height: 500px;
                width: 300px;
                border: 1px solid #32CC1B;
                align: left;
                overflow: auto;
                position: absolute;
                left: 331px;
                top: 80px;
                z-index:3;
        }

#box2 {

                background-color: #ffdc8d;
                height: 500px;
                width: 450px;
                background:url('http://i.imgbox.com/kVh9zrEv.png');
                background-size: 100%;
                background-repeat: no-repeat;
                position: absolute;
                top: 80px;
                left: 641px;
                border: 1px solid #32CC1B;
                z-index:3;
        }

#box3 {

                background-color: #FFFFFF;
                height: 520px;
                width: 991px;

                background-size: 100%;
                position: absolute;
                top: 70px;
                left: 110px;
                border: 1px solid #32CC1B;
                z-index:1;
        }

b {
color: #000000;
font-family:georgia;
font-weight:bold;
font-size:10px;
letter-spacing: 1px;
}

i{
color:#000000;
font-family:georgia;
font-weight:light;
letter-spacing: 1px;
font-size:10px;
font-style:italic;
}

u{
text-decoration:none;
border-bottom:1px dotted #9188a7;
}

</style>


<div id="box1">


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

<br><b>Name:</b> NAME GOES HERE<br>
<br><b>Gender:</b> Male <br>
<br><b>Age:</b> AGE GOES HERE <br>
<br><b>Height:</b> HEIGHT GOES HERE <br>
<br><b>Weight:</b> WEIGHT GOES HERE <br>
<br><b>Orientation:</b> ORIENTATION GOES HERE </i><br>
<br><b>Position:</b> Dominant <br>
<br><b>Personality:</b> PERSONALITY GOES HERE <br>
<br><b>Likes:</b> LIKES GO HERE <br>
<br><b>Dislikes:</b> DISLIKES GO HERE <br>


</center>


        </div>


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

BACKGROUND GOES HERE






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



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

<a href="enter the url for friend in here" target"_blank>FRIEND NAME GOES HERE</a>, brief description of friend here.
<br><br>

<a href="enter the url for friend in here" target"_blank>FRIEND NAME GOES HERE</a>, brief description of friend here.
<br><br>

<a href="enter the url for friend in here" target"_blank>FRIEND NAME GOES HERE</a>, brief description of friend here.
<br><br>

<a href="enter the url for friend in here" target"_blank>FRIEND NAME GOES HERE</a>, brief description of friend here.
<br><br>

<a href="enter the url for friend in here" target"_blank>FRIEND NAME GOES HERE</a>, brief description of friend here.
<br><br>

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



       <div style="height: 400px; overflow-y: hidden;">
        <a name="04"></a>
        <div style=" height: 400px; overflow: auto;" align="left">
<center>
<br><b>OOC</b><br><br>

OOC GOES HERE



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

<div id="boxlin">
<br><br><br><br>
        <a href="#01" class="boxlin">Statistics</a>
<br><br><br><br>
        <a href="#02" class="boxlin">About</a>
<br><br><br><br>
        <a href="#03" class="boxlin">Friends</a>
<br><br><br><br>
        <a href="#04" class="boxlin">OOC</a>

 </div>

<div id="box2">
</div>

<div id="box3">
</div></div></center></div></center>