Ksuo

<style type="text/css">
.pfor { display: none; }
</style>

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

#profile {
 font-family: cambria;
 background: none;
 border: none;
 font-size: 10px;
 color: #000;
 background-image: url(''); }
 body {cursor: url(http://i.picpar.com/f5Eb.gif), progress !important;}

body {

background-color: #000000;
background-image: url(http://36.media.tumblr.com/ede2d137e59ffd404860a2316214bff4/tumblr_nndq70jAtP1qcdtsho1_1280.jpg);
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;}

::-webkit-scrollbar {
 width: 2px;
 height: 0px;
 background:;
 }

 ::-webkit-scrollbar-thumb {
 background-color: white;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }

 a {color: #C23149;
 text-decoration: none;
 }

 a:hover {color: black;
 text-decoration: none;
 cursor: url('http://i.picpar.com/f5Eb.gif');
 }

.abox {background-color:#fff; color: #000; font-size: 13px; font-family: 'Yanone Kaffeesatz', sans-serif; text-align: justify; position: absolute; width:200; height:225; left: 510; top:265; letter-spacing:0px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid black;}

.bbox {background-color:#fff; color: #000; font-size: 13px; font-family: 'Yanone Kaffeesatz', sans-serif; text-align: justify; position: absolute; width:200; height:225; left: 730; top:265; letter-spacing:0px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid black;}

.aimg { position: absolute; width:430; height:85; left: 511; top:575; overflow:auto; border:1px solid black;}

.navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 664; Bottom: 123; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 10px; Border: double 3px #000; Height: 10px; Width: 10px; background-color: #fff; border-radius: 50%;}

.link2 {Position: absolute; Left: 55px; Border: double 3px #000; Height: 10px; Width: 10px; background-color: #fff; border-radius: 50%;}

.link3 {Position: absolute; Left: 100px; Border: double 3px #000; Height: 10px; Width: 10px; background-color: #fff; border-radius: 50%;}

.link1:hover {Background-color: #B50426;}
.link2:hover {Background-color: #B50426;}
.link3:hover {Background-color: #B50426;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
	#title {position:absolute;
	color: black;
	font-size:70;
	font-family:tunga;
	left:230;
	top:140;
	}



#mainpicture { position:fixed; left:40px; top:140px; height: 540px; width:400px; }

#bar { position: fixed; bottom: 100px; left:-10px; height: 60px; width: 2000px; border: 1px #000 solid; background-color: #B50426; overflow: auto; opacity: 0.9; z-index: -3; }

h1 { Color: #000; font-family: 'Mr Dafoe', cursive; Border-left: 15px double #880000; Border-right: 15px double #880000; Border-bottom: 1px solid black; font-size:15px; text-align: center; Text-Shadow: #878487 2px 1px 1px; Margin-top: 6px;}

h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}

</style>

<div id="mainpicture">
<img src="PUT A RENDERED IMG HERE" class="image" height="100%" width="100%">
</div>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
</div></div>

<div id="bar">
</div>

<div id="1" class="slide">
<div class="abox">

Left Box.

</div>

<div class="bbox">

Right Box.

</div>

<div class="aimg">
<img src="LITTLE GIF HERE" Height="100%" Width="100%">
</div></div></div>

<div id="2" class="slide">
<div class="abox">

<h1>Connections</h1>

<center>

<a href="profile.php?user=LINK HERE"><img src="FRIEND IMG" width="75" height="75" border="1px solid"></a>
<a href="profile.php?user=LINK HERE"><img src="FRIEND IMG" width="75" height="75" border="1px solid"></a>
<a href="profile.php?user=LINK HERE"><img src="FRIEND IMG" width="75" height="75" border="1px solid"></a>
<a href="profile.php?user=LINK HERE"><img src="FRIEND IMG" width="75" height="75" border="1px solid"></a>
<a href="profile.php?user=LINK HERE"><img src="FRIEND IMG" width="75" height="75" border="1px solid"></a>
<a href="profile.php?user=LINK HERE"><img src="FRIEND IMG" width="75" height="75" border="1px solid"></a>

</center></div>

<div class="bbox">

<h1>Title</h1>

Words and stuff

</div>

<div class="aimg">
<img src="LITTLE GIF HERE" Height="100%" Width="100%">
</div></div></div></div></center>

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