Garrus Vakarian

<center>
                <h3 class="pfor">Profile for "Garrus Vakarian"</h3><div id="profile"><style type="text/css">
@font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }


#profile { border: hidden; background-color: transparent; }

.pfor {display:none;}



body{
background:#000000;
background-repeat:no-repeat;
background-attachment:fixed;
background-position: center center;
background-repeat: repeat;
background-size: 200%;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}





#pictureone {


position: fixed;
left: 500px;
bottom: -180px;
margin: 25px;
opacity: 0.8;}

#navigation{

position: fixed;
Left: 70px;
top: 60px;
opacity: 0.5;
border: 5px solid #ffffff;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation:hover { opacity:1; }

#navigation2{

position: fixed;
Left: 291px;
top: 60px;
opacity: 0.5;
border: 5px solid #ffffff;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation2:hover { opacity:1; }

#navigation3{

position: fixed;
Left: 70px;
bottom: 60px;
opacity: 0.5;
border: 5px solid #ffffff;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation3:hover { opacity:1; }

#navigation4{

position: fixed;
Left: 291px;
bottom: 60px;
opacity: 0.5;
border: 5px solid #ffffff;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation4:hover { opacity:1; }

#Name{
position: fixed;
top: 0px;
left: 500px;
color: #FEFEFE;
font-size: 20px;
line-height: 80px;
letter-spacing: 3px;
font-family: lavanderia sturdy;
text-shadow: #800000 2px 3px 4px;
z-index: 700;
}





#main{
left:70px;
bottom:180px;
position: fixed;
width: 400px;
height: 300px;
color: #548695;
font-family: century gothic;
font-variant: small-caps;
text-align: justify;
font-size: 12px;
border-bottom: #548695 3px solid;
border-right: #548695 3px solid;
border-left: #ffffff 3px solid;
border-top: #ffffff 3px solid;
background-image: url(http://i.picpar.com/w99.png);}
b, strong {font-family:'verdana'; font-variant: small-caps; font-size:14px; color: #2B4AAD; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
i {color: #ffffff; font-family: 'calibri'; font-variant: small-caps; font-size:11pt; letter-spacing:0px}
u {color: #548695; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #444444; font-size: 20px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #533034 0px 0px 1px;}
small {font-size: 25px; font-variant: small-caps; color: #444444; text-transform: normal; letter-spacing: -1px; text-align: right; background-color: none; font-family: century gothic; text-shadow: #533034 2px 3px 4px; margin-top: 5px; margin-bottom: 8px; display: block; padding: 0px; font-weight: normal; line-height: 15px;}
::-webkit-scrollbar-thumb { background-color: transparent; }

::-webkit-scrollbar {width: 4px;}


h1{
font-family: Georgia;
font-size:25;
letter-spacing:1px;
color:#d8a078;
font-style:italic;
font-weight:light;
text-align: center;
text-transform:none;
}

h1 {

position: fixed;
left: 10px;
top: 0px;
font-weight: normal;
font-size: 50%;
color: #ffffff;}



</style>
<h1>Layout © <a href="http://roleplaychat.org/profile.php?user=Liam+Keeler" target="_blank">real niggaz.~</a></h1>



<div id="Name">"Can it wait for a bit?<br>
I'm in the middle of some calibrations."<br>
-Garrus Vakarian.</div>

<div id="pictureone"><img src="http://i58.tinypic.com/23w3gn.jpg" class="image" width="auto" height="auto"></div>

<div id="navigation" class="box">

<a href="#01" title="Infomation"><img src="http://static4.fjcdn.com/thumbnails/comments/Can+it+wait+a+bit+i+m+in+the+middle+of+_ee3853ed0a00fff710107107c3cf1846.gif" width="175" height="100"></a>
</div>

<div id="navigation2" class="box">

<a href="#02" title="Character Sheet"><img src="http://24.media.tumblr.com/3c8d6c6dde27435e33c74510f1a2b43c/tumblr_mep0klak6M1qcbq9jo6_r4_500.gif"width="175" height="100"></a>
</div>


<div id="navigation3" class="box">


<a href="#03" title="Gear and Effects"><img src="http://33.media.tumblr.com/9e0b381951723785389cbe20b8d4a700/tumblr_mt1202Ptuj1qzkdnwo3_250.gif" width="175" height="100"></a>

</div>

<div id="navigation4" class="box">
<a href="#04" title="History"><img src="http://ak-hdl.buzzfed.com/static/2014-06/26/15/enhanced/webdr11/anigif_enhanced-1363-1403810020-1.gif" width="175" height="100"></a>


</div>


<div id="main">

<div style="height: 300px; width: 400px; overflow-y: hidden;">
<a name="01"></a>
<div style="height: 300px; width: 390px; overflow: auto;" align="center">

Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.Shit in here.

</div>

<div style="height: 300px; width: 400px; overflow-y: hidden;">
<a name="02"></a>
<div style="height: 300px; width: 390px; overflow: auto;" align="center">

<i>Italics</i> Some text <b>Bold</b> some text <u>Underlined</u> some text <big>Use for headings</big>

</div>

<div style="height: 300px; width: 400px; overflow-y: hidden;">
<a name="03"></a>
<div style="height: 300px; width: 390px; overflow: auto;" align="center">

Shit in here.

</div>

<div style="height: 300px; width: 400px; overflow-y: hidden;">
<a name="04"></a>
<div style="height: 300px; width: 390px; overflow: auto;" align="center">

Shit in here.

</div>

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