Estella fixed

<style type="text/css">


@import url(http://fonts.googleapis.com/css?family=Great+Vibes);

body {

background-color: #000000;
background-image: url(http://i.picpar.com/X6Sb.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: 100%;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #00D1FF;}

::-webkit-scrollbar-button:vertical:{
background-color: #280B52;}

::-webkit-scrollbar-thumb:vertical {
background-color:#280B52;
height:150px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
height:60px;}


::-webkit-scrollbar {
height:60px;
width:5px;
background-color:#fff;}

	a {color: #00D1FF;
	text-decoration: none;
	}

	a:hover {color: #ccc;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

#mainfuckinimage { position:fixed; left:-12px; top:-12px; border: solid 10px #00D1FF; }
#imagetwo { position:fixed; left:572px; top:105px; border: double 3px #00D1FF; z-index: 10;}

.boxone {
background-color: #FFF;
background-image: url("");
color: #000;
border: 3px solid #00D1FF;
font-family: Calibri;
font-size: 12px;
line-height: 15px;
position: absolute;
left: 875px;
top: 105px;
height: 330px;
width: 250px;
margin: 5px;
z-index: 1;
overflow-y: hidden;
overflow: auto;
}

.slide {
Position: fixed;
Left: -300;
Top: 0px;
Height: 900px;
Width: 900px;
transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}

.slide:target {
Position: fixed;
Left: 10px;
transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;

}

#padding { padding: 5px; }

#navi {
   position: fixed;
   left: 400;
   top: 170;
   text-align: center;
   width: 200px;
   z-index: 11; }
#navi a {
   display:inline-block;
   width: 20%;
   padding: 4px;
   font-family: tunga;
   font-size: 12px;
   text-transform: none;
   text-align: center;
   color: 00D1FF;
   border: 1px solid #00D1FF;
   background-color: #000000;
   transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -webkit-transition: all 0.8s ease-in-out;}
#navi a:hover {
   color: #000000;
   background-color: #ffdd00;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;}

h2 {

position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #FFFFFF;}
</style>

<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#00D1FF">A Bad Bitch</font></a></h2>

<div id="navi">
<b><a href="#01">1</a><br><br><br>
<a href="#02">2</a><br><br><br>
<a href="#03">3</a><br><br><br>
<a href="#04">4</a></b>
</div>

<div id="mainfuckinimage">
<img src="http://i.picpar.com/a7Sb.jpg" class="image" height="680px;" width="430px;">
</div>

<div id="imagetwo">
<img src="http://i.picpar.com/Y6Sb.gif" class="image" height="337px;" width="270px;">
</div>

<div id="01" class="slide">
<div class="boxone">
<div id="padding" align="justify">

<CENTER><h1>Estella</h1>
The Shooting Star</CENTER>
<br><b>Nick Name:</b> Stella, Stelly, Stella Bella, Stella Ella, E, Stellar, simply ask, she can tell you all of them.
 <br><b>Age:</b> Appears 21
<br><b>Gender:</b> Female
<br><b> Sexual Preference:</b> Straight
<br><b>Relationship Status:</b> Single - Seeking Romance
<br><b>Race:</b> Appears to be human
<br><b>Height: </b>5'6
<br><b>Weight:</b> 130
<br><b>Occupation:</b> No Job. Such a lazy bum.


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

<div id="02" class="slide">
<div class="boxone">
<div id="padding" align="justify">

Once upon a time, deep within the galaxy there was an all known creature known as the Eater of Planets. A creature of great power that once on a comet flew over the planet it meant certain death. The Eater of Planets would come down and harvest that planets energy only to strengthen its own powers to wipe out and control the universe. It had gone through many galaxies, destroying all in it's path until it was approached by twelve creatures Celestial Zodiac Guardians. They created a vessel of innocence, purity, and kindness forcing the evil creature into a dormant state in the back of the vessel's mind. They bound themselves to the vessels wrists in order to to shackle the evil creature and help protect the vessel. The vessel was pulled into a planets gravitational pull, pulling her down into the planet she woke up on a new world. The Zodiac Guardians protect not just the world, but the vessel they bound themselves to. The evil force can be reawaken by any major traumatic experience that could happen to Stella, which is why the Guardian's come out on their own and much like Leo, and removes Stella from the situation. The other way it can be awaken is if the meteor crosses over the earth, which there has been a prophecy about, the guardian's simply don't know whenever that might be. Now a once truly evil creature had been reduced to an innocent rather confused young girl. Soft whispers have started to fill the young girls head, trying to get her to do things she knows is wrong. She doesn't quite understand why she is hearing whispers, but she will continue to push them from her mind.

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

<div id="03" class="slide">
<div class="boxone">
<div id="padding" align="justify">

 <h3> Companions </h3>
Stella has several animal companions she can summon through her tattoos, some even summon on their own when they sense she is in need of them. Their forms will depend on what state she is in and why she would need them. When one of her animal friends are summoned they all summon as a cluster of stars, as celestial beings.

<CENTER>


<br><b>Aries</b> - As per normal will summon as a celestial Ram.
<br><b>Taurus</b> - As per normal Taurus will summon as a massive celestial bull.
<br><b>Gemini </b>- Gemini will summon as two Celestial wolves, one black and one white to signify ying and yang. The two wolves can change their sizes depending on why she needs them, they tend to be the most protective over her and will come out even when she didn't actually summon them.
<br><b>Cancer </b>- As per normal Cancer will summon as a large celestial crab.
<br><b>Leo</b> - As per normal Leo will summon as a massive celestial lion or even a simple lion cub.
<br><b>Virgo</b> - Virgo will summon as a celestial mouse, the smallest of the Zodiac's it will not get any larger then the size of an actual mouse.
<br><b>Libra </b>- Libra will summon as a celestial serpent, the kind of snake that will summon depends on why she needs it.
<br><b>Scorpio </b>- As per normal Scorpio will summon as a massive celestial scorpion.
<br><b>Sagittarius</b> - Sagittarius will summon as a celestial horse, almost always as a celestial Clydesdale.
<br><b>Capricorn</b> - As per normal Capricorn will summon as a Celestial goat.
<br><b>Aquarius </b>- Aquarius will summon as a celestial bird, depending on why she needs it, it can be as small as a hummingbird, or even shift into a celestial dragon.
<br><b>Pisces</b> - As per normal Pisces will summon as a celestial fish, what that fish that it will summon as depends on why she needs it.
<br><br><br><br>



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