αηxιεтιεs

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic|Rationale);
@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);

body {

background-color: #fff;
background-image: url(http://i.picpar.com/w99.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:transparent;}
::-webkit-scrollbar-thumb {background-color:transparent; }
::-webkit-scrollbar {width:1px;height:5px;}

a {color: #8371a1; 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: #a590b1;}

.abox {background-color:#EDF1E0; color: #000; font-size: 12px; font-family: 'rationale', sans-serif; text-align: justify; position: absolute; width:194; height:265; left: 308; top:240; letter-spacing: .3; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #cdc4bb;}

.navbar {Background-color: transparent; Position: absolute; Left: 47.5%; Top: 78%; padding: 4px; z-index: 100; font-family:'rationale', sans-serif; text-transform:uppercase; Font-size: 12px; text-align: center; letter-spacing: .5px;}

.link1 {Position: absolute; Left: 10px; Border: solid 1px #cdc4bb; Height: 15px; Width: 25px; background-color: #EDF1E0;}

.link2 {Position: absolute; Left: 45px; Border: solid 1px #cdc4bb; Height: 15px; Width: 25px; background-color: #EDF1E0;}

.link3 {Position: absolute; Left: 80px; Border: solid 1px #cdc4bb; Height: 15px; Width: 25px; background-color: #EDF1E0;}

.link4 {Position: absolute; Left: 115px; Border: solid 1px #cdc4bb; Height: 15px; Width: 25px; background-color: #EDF1E0;}

.link5 {Position: absolute; Left: 150px; Border: solid 1px #cdc4bb; Height: 15px; Width: 25px; background-color: #EDF1E0;}

.link6 {Position: absolute; Left: 185px; Border: solid 1px #cdc4bb; Height: 15px; Width: 25px; background-color: #EDF1E0;}

.link1:hover {Background-color: #EDF1E0;}
.link2:hover {Background-color: #EDF1E0;}
.link3:hover {Background-color: #EDF1E0;}
.link4:hover {Background-color: #EDF1E0;}
.link5:hover {Background-color: #EDF1E0;}
.link6:hover {Background-color: #EDF1E0;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -20px; Left: 350; 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: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}

.picbar {Background-color: transparent; Position: absolute; Left: 33%; Top: 30.4%; padding: 4px; z-index: 100; font-family:'rationale', sans-serif; text-transform:uppercase; Font-size: 12px; text-align: center; letter-spacing: .5px;}

.pic1 {Position: absolute; Left: 10px; Border: solid 1px #cdc4bb; Height: 15px; Width: 55px; background-color: #EDF1E0;}

.pic2 {Position: absolute; Left: 83px; Border: solid 1px #cdc4bb; Height: 15px; Width: 55px; background-color: #EDF1E0;}

.pic3 {Position: absolute; Left: 155px; Border: solid 1px #cdc4bb; Height: 15px; Width: 55px; background-color: #EDF1E0;}

.pic4 {Position: absolute; Left: 225px; Border: solid 1px #cdc4bb; Height: 15px; Width: 55px; background-color: #EDF1E0;}

.pic5 {Position: absolute; Left: 295px; Border: solid 1px #cdc4bb; Height: 15px; Width: 55px; background-color: #EDF1E0;}

.pic6 {Position: absolute; Left: 365px; Border: solid 1px #cdc4bb; Height: 15px; Width: 55px; background-color: #EDF1E0;}

.pic1:hover {Background-color: #EDF1E0;}
.pic2:hover {Background-color: #EDF1E0;}
.pic3:hover {Background-color: #EDF1E0;}
.pic4:hover {Background-color: #EDF1E0;}
.pic5:hover {Background-color: #EDF1E0;}
.pic6:hover {Background-color: #EDF1E0;}


#line { position: fixed; top: 30%; left: 33%; height: 30px; width: 435px; background-color: #cdc4bb; overflow: auto; z-index: 2; }

#box { position: fixed; top: 34%; left: 34%; height: 325px; width: 408px; background-color: #EDF1E0; overflow: auto; z-index: 1; }

#pic { position:fixed; left: 35%; top: 36%; height: 280px; width: 150px; border: 1px solid #BFC0DE; z-index: 2; Padding: 9px; background-color: #d5bdb9;}

</style>

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

<div id="pic"><img src="MAIN PIC" height="100%" width="100%"></div>

<div class="navbar">
<a class="link1" href="#1">I</a>
<a class="link2" href="#2">II</a>
<a class="link3" href="#3">III</a>
<a class="link4" href="#4">IV</a>
<a class="link5" href="#5">V</a>
<a class="link6" href="#6">VI</a>
</div></div>

<div class="picbar">
<a class="pic1" href="" target="_blank">Picture 1</a>
<a class="pic2" href="" target="_blank">Picture 2</a>
<a class="pic3" href="" target="_blank">Picture 3</a>
<a class="pic4" href="" target="_blank">Picture 4</a>
<a class="pic5" href="" target="_blank">Picture 5</a>
<a class="pic6" href="" target="_blank">Picture 6</a>
</div></div>

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

</div></div>

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

</div></div>

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

<a href="profile.php?user="><img src="" width="65" height="70" border="1px solid" align="left"></a> <center><b>- Name -</b></center><br> Description. Doesn't matter how long it is. <br><br>

</div></div>

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

</div></div>

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

</div></div>