Top nav - conception

<center><div id="navi"><center><a href="http://vampirefreaks.com" class="navlink"> VF Main</a>
<a href="http://vampirefreaks.com/cults/group_edit.php?c=skinnylove" class="navlink">Edit Cult</a>
<a href="http://vampirefreaks.com/group_edit_members.php?c=skinnylove" class="navlink">Edit Members</a>
<a href="http://vampirefreaks.com/cults/controlpanel.php?c=skinnylove" class="navlink">Control Panel</a>
<a href="http://vampirefreaks.com/cults/statistics.php?c=skinnylove" class="navlink">Cult Statistics</a>
<a href="http://vampirefreaks.com/group_invite.php?c=skinnylove" class="navlink">Invite Members</a>
</center>
</div>

<style>
#navi {
margin: 0px;
top: 0px;
position: absolute;
left: 0px;
height: 50px;
width: 100%;
font-family: trebuchet MS;
font-size: 12pt;
text-transform: uppercase;
text-align: center;
letter-spacing: 2pt;
background-color: #0f0f0f;
padding-bottom: 6px;
border-bottom: 2px solid #141414;
}

.navlink:link, .navlink:active, .navlink:visited {
color: #601286;
border-left: 5px solid #601286;
border-right: 5px solid #601286;
font-family: Trebuchet MS;
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;
font-weight: lighter;
padding: 2px;
width: 150px;
text-align: center;
display: inline-table;
background: #CFACF7;
margin-top: 15px;
border-radius: 20px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
color: #CFACF7;
border-left: 5px solid #cfacf7;
border-right: 5px solid #cfacf7;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
display: inline-table;
background: #601286;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

</style>