Nao

<style type="text/css">

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

body {

background-color: #fff;
background-image: url(http://data.whicdn.com/images/33645609/tumblr_ls0w5txuft1r3vazto11_r1_400_large.png);
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-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #fff;}
::-webkit-scrollbar {width:11px;height:5px;}

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

a:hover {color: black; 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;}

b, strong {font-weight: bold; color: #74828d;}

#pictureone { position:fixed; left: 21%; top: 20%; border: solid #000 1px; height: 403px; width: 200px;}

#box { position: fixed; top: 17.5%; left: 19.7%; height: 435px; width: 236px; background-color: ; overflow: auto; z-index: 1; border: #fff solid 1px;}

.abox {background-color:#fff; color: #000; font-size: 11px; font-family: 'Rajdhani', sans-serif; text-align: justify; position: absolute; width: 235; height: 260; left: 215; top:135; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid black; opacity: .9;}

.aimg {background-color: #fff; position: absolute; width: 239; height: 130; left: 217; top:408; overflow:auto; border:1px solid white;}

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

.link1 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #4c5f66; border-radius: 50%;}

.link2 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #49372d; border-radius: 50%;}

.link3 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #2c1716; border-radius: 50%;}

.link4 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #1d1612; border-radius: 50%;}

.link5 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000000; border-radius: 50%;}

.link1:hover {Background-color: #fff; Border: solid 1px #fff;}
.link2:hover {Background-color: #fff; Border: solid 1px #fff;}
.link3:hover {Background-color: #fff; Border: solid 1px #fff;}
.link4:hover {Background-color: #fff; Border: solid 1px #fff;}
.link5:hover {Background-color: #fff; Border: solid 1px #fff;}

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

.slide:target {Left: 310; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}


h1 { Color: #000; Border-bottom: 1.5px solid #4F335E; Border-left: 40px solid #8C0E30; font-size:16px; text-align: center; Text-Shadow: #878487 2px 1px 1px; Font-family: 'Rajdhani', sans-serif; Margin-Top: 1px;}

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

.circle{border-radius:150px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;}

.circle:hover{border-radius:0px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg);}
</style>

<div id="pictureone">
<img src="" class="image" width="100%;" height="100%;">
</div>

<div id="box"></div>

<div class="navbar">
<a class="link1" href="#1"></a><br><br>
<a class="link2" href="#2"></a><br><br>
<a class="link3" href="#3"></a><br><br>
<a class="link4" href="#4"></a><br><br>
<a class="link5" href="#5"></a>
</div></div>


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

</div>

<div class="aimg">
<img src="http://data.whicdn.com/images/98962919/large.gif" Height="100%" Width="100%">
</div></div>

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

</div>

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

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


</div>

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

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

</div>

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

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