Nys

<style>

.pfor {display: none;}
#profile {background-color: Transparent;}
#profile {border: 0px;}


::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-track {width: 3px; border-radius: 0px; background-color: #FFF;}
::-webkit-scrollbar-thumb {width: 3px; border-radius: 0px; background-color: #FFF;}


body {
background-image:url("");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-color: #000000;
}

#pic {
position: fixed;
top: 0px;
left: 620px;
z-index: 10;
}


#secpic {
position: fixed;
top: 300px;
left: 429px;
opacity: 1;
z-index: 30;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}

#secpic:hover {
position: fixed;
opacity: 0;
z-index: 1;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}

#box {
position: fixed;
top: 380px;
left: 223px;
height: 200px;
width: 570px;
background-color: #FFF;
border: solid 6px #292929;
border-radius: 2px 2px 2px 2px;
z-index: 15;
}

#navbox {
float: left;
height: 200px;
width: 200px;
background-color: #454545;
border-right: solid 6px #292929;
}

#nav {
float: left;
padding: 24px;
margin-top: -15px;
}

#nav a {
display: block;
background-color: #292929;
border: 2px solid #292929;
padding: 1px;
margin-top: 15px;
width: 150px;
height: 14px;
text-decoration: none;
color: #FFF;
font-family: 'Roboto', sans-serif;
font-size: 11px;
font-variant: small-caps;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}

#nav a:hover {
color: #292929;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}

.shift {
position: fixed;
height: 200px;
width: 364px;
overflow: auto;
left: 980px;
top: 386px;
background-color: #FFF;
opacity: 0;
transition: all 0.0s ease-in-out;
-webkit-transition: all 0.0s ease-in-out;
-moz-transition: all 0.0s ease-in-out;
-o-transition: all 0.0s ease-in-out;
-ms-transition: all 0.0s ease-in-out;
}

.shift:target {
left: 435px;
opacity: 1.0;
transition: all 0.0s ease-in-out;
-webkit-transition: all 0.0s ease-in-out;
-moz-transition: all 0.0s ease-in-out;
-o-transition: all 0.0s ease-in-out;
-ms-transition: all 0.0s ease-in-out;
}

#rightbox {
float: left;
height: 190px;
width: 364px;
}

#boxtext {
padding: 10px;
font-family: 'Roboto', sans-serif;
font-size: 10px;
color: #000000;
text-align: justify;
overflow: hidden;
}

h1 {
font-family: 'Roboto';
font-size: 10px;
letter-spacing: 2px;
line-height: 13px;
padding: 2px;
color: #000000;
border-bottom: solid 1px #000;
margin-top: -5px;
text-align: right;
}

a, a:visited {
text-decoration: none;
opacity: 0.7;
transition: all 0.7s ease-in-out;
-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;
}

a:hover {
opacity: 1.0;
text-decoration: none;
transition: all 0.7s ease-in-out;
-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;
}

</style>

<img src="http://i.imgbox.com/CceAhXsh.png" id="pic" width="460px" height="620px">

<img src="" id="secpic">


<div id="box">
<div id="navbox">
<div id="nav">

<a href="#five">Stats</a>
<a href="#two">History</a>
<a href="#three">Gallery</a>
<a href="#four">Friends</a>
<a href="#one">OOC</a>

</div></div>

<div id="rightbox">
<div id="boxtext">
<h1><i>Title.</i></h1>
<br>
<b>Name:</b> Nyssa <br>
<b>Age:</b> Twenty-one <br>
<b>Sex:</b> Female <br>
<b>Height:</b> 5'2 <br>
<b>Weight:</b> 121 lbs. <br>
<b>Eye color:</b> <br>
<b>Hair color:</b> <br>
<b>Status:</b> Single <br>
<b>Kinks:</b> <a href="" target="_blank">F-List</a><br>

</div></div>


<div id="four" class="shift">
<div id="boxtext">
<h1><i>Title</i></h1>

Friends

</div></div>
<div id="three" class="shift">
<div id="boxtext">
<h1><i>Gallery</i></h1>
<center>

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

<div id="two" class="shift">
<div id="boxtext">
Words

</div></div>

<div id="one" class="shift">
<div id="boxtext">
<h1><i>OOC</i></h1>

</div></div>

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