<link href="rpc.css" rel="stylesheet" type="text/css">
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
		<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/dark-hive/jquery-ui.min.css" rel="stylesheet">
		<center>
		<h3 class="pfor">Profile for &quot;Suna Yoon Hye&quot;</h3><div id="profile"><style>
.pfor {
   display: none;}
#profile {
   background-color: transparent;
   border: transparent;}

body {
background-image: url(http://orig07.deviantart.net/b6b5/f/2008/197/7/c/alchemy_by_exeters_kiss.jpg);
background-color: #000000;
 background-attachment: fixed;
 background-position: center center;
 background-repeat: non-repeat;
 background-size: 1400px;
}

#splashart {
   z-index: -1;
   position: fixed;
   bottom: 0;
   left: 100;
border: 5px solid #7700FF;}
#splashart img {
    height: 95%;}


#iconart {
   position: fixed;
   top: 120;
   right: 100;
   border-color: #87a1c5;
   border-style: double double solid double;
   border-width: 3px 3px 1px 3px;}
#iconart img {
    width: 200px;
    height: 200px;}

#infoarta {
   position: fixed;
   z-index: 2;
   top: 25;
   right: 350;}
#infoarta img {
   width: 150px;}

#infoartb {
   position: fixed;
   z-index: 2;
   top: 25;
   right: 500;}
#infoartb img {
   width: 150px;}

#infoartc {
   position: fixed;
   z-index: 2;
   top: 25;
   right: 650;}
#infoartc img {
   width: 150px;}

#navi {
   position: fixed;
   right: 118;
   top: 324;
   text-align: center;
   width: 188px;}
#navi a {
   margin-top: 2px;
   color: #cccccc;
   text-decoration: none;
   font-family: geneva;
   font-size: 12px;
   display: inline-block;
   border-style: solid double solid double;
   border-width: 1px 3px 1px 3px;
   border-color: #87a1c5;
   width: 100%;
   transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -webkit-transition: all 0.7s ease-in-out;}
#navi a:link, a:visited {
   background-color: #1d2549;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 2px;
   padding-left: 10px;
   text-align: center;}
#navi a:hover {
   border-color: #2c3a5a;
   background-color: #ffffff;
   color: #2c3a5a;
   letter-spacing: 4px;
   text-shadow: 0 0 0.2em #2c3a5a;
   transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;}

#infobox {
   position: fixed;
   top: 166;
   right: 355;
   border: 3px double #87a1c5;
   background-color: #1d2549;
   width: 410px;
   height: 430px;
   padding: 10px;
   padding-top: 18px;
   color: #cccccc;
   font-family: geneva;
   text-align: center;
   font-size: 13px;
   border-radius: 0px 0px 0px 30px;
   -moz-border-radius: 0px 0px 0px 30px;
   -webkit-border-radius: 0px 0px 0px 30px;}

#miscbox {
   position: fixed;
   top: 472;
   right: 100;
   border-style: solid double double double;
   border-width: 1px 3px 3px 3px;
   border-color: #87a1c5;
   background-color: #1d2549;
   width: 200px;
   height: 60px;
   color: #cccccc;
   font-family: geneva;
   text-align: center;
   font-size: 13px;
   font-style: italic;
   border-radius: 0px 0px 30px 0px;
   -moz-border-radius: 0px 0px 30px 0px;
   -webkit-border-radius: 0px 0px 30px 0px;}
#miscbox a {
   text-decoration: none;
   color: #cccccc;
   font-family: geneva;}

::-webkit-scrollbar-thumb {
   width: 0px;
   background-color: transparent;}
::-webkit-scrollbar {
   width: 0px;
   background-color: transparent;}

a.credit {
   position: fixed;
   right: 5;
   top: 5;
   color: #33ff00;
   font-family: monospace;
   font-size: 11px;
   font-weight: 300;
   text-decoration: none;}
</style>

<a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>


<div id="splashart"><img src="http://orig13.deviantart.net/0265/f/2015/047/0/6/commission___xiqing_by_urusai_baka-d8i8tvp.jpg"></div>

<div id="infoarta"><img src="http://i62.tinypic.com/s2fjba.jpg"></div>
<div id="infoartb"><img src="http://i62.tinypic.com/s2fjba.jpg"></div>
<div id="infoartc"><img src="http://i62.tinypic.com/s2fjba.jpg"></div>
<div id="iconart"><img src="http://i59.tinypic.com/287dnp0.jpg"></div>

<div id="navi">
<a href="#01">Gender:Female</a>
<a href="#02">Race:Elf</a>
<a href="#03">Age:Unkown</a>
<a href="#04"> Height 6'7"</a>
<a href="#05">Ocupation:Alchemist</a>
</div>
<div id="infobox">
<div style="height: 100%; overflow-y: hidden;">
<a name="01"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
"It's not story time yet my loves, not like she could tell you anyways. Kekekek!"
</div>

<a name="02"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
Tab Two Information
</div>

<a name="03"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
Tab Three Information
</div>

<a name="04"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
Tab Four Information
</div>

<a name="05"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
Tab Five Information
</div>
</div>
</div>

<div id="miscbox"><br>
"What price will you pay today"<br>
"Greed Kills. Avarice will survive forever.""<br>
</div></div></center>