Sany's hover nav

<div id="hoverbox"> <div class="linkbox">
<h3>Staff Links</h3>
<a href="http://vampirefreaks.com/cults/group_edit.php?c=aphroditetester" class="navlink">Edit Cult</a>
<a href="http://vampirefreaks.com/group_edit_members.php?c=aphroditetester" class="navlink">Edit Members</a>
<a href="http://vampirefreaks.com/group_invite.php?c=aphroditetester" class="navlink">Invite Members</a>
<a href="http://vampirefreaks.com/cults/controlpanel.php?c=aphroditetester" class="navlink">Control Panel</a>
<a href="http://vampirefreaks.com/cults/statistics.php?c=designguide" class="navlink">Cult Statistics</a>
<a href="http://vampirefreaks.com" class="navlink">VF Main</a>
<h3>Other Links</h3>
<a href="link" class="navlink">name</a>
<a href="link" class="navlink">name</a>

<h3>Credits</h3>
<a href="http://vampirefreaks.com/conception" class="navlink">Layout Credit</a>
<a href="http://vampirefreaks.com/nicezebra" class="navlink">Header Credit</a>
<a href="http://vampirefreaks.com/sany" class="navlink">Nav Credit</a>
</div>
<div class="navig"> N<br /> A<br /> V<br /> I<br /> G<br /> A<br /> T<br /> I<br /> O<br /> N<br /></div> </div>


<style>

#hoverbox {
position: fixed;
background: #03476E;
height:100%;
left:-200px;
top: 0px;
width:200px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

#hoverbox:hover {
left:0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease
}

.navig {
position:absolute;
height:100%;
width:30px;
left:0px;
padding: 5px;
margin-left:200px;
background: #03476E;
text-align:center;
font-weight:lighter;
line-height:40px;
font-size: 30px;
color: #87BDC7;
font-family:
trebuchet ms;
text-transform:uppercase;
text-shadow: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

#hoverbox:hover .navig {
opacity:0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease
}

.linkbox {
position:absolute;
height:100%;
padding: 5px;
left:-200px;
background: #2a2a2a;
width: 200px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease
}

#hoverbox:hover .linkbox {
width:200px;
left:0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease
}

.navlink {
display: block;
background: #038BA5;
width: 95%;
font-variant: small-caps;
font-family: trebuchet ms;
color: #87BDC7;
margin: 2px;
font-size: 12pt;
border-left: 2px solid #0D5759;
border-right: 2px solid #0d5759;
border-radius: 5px;
}
</style>