Aurelia Description

<center>

<img src="http://i.imgur.com/bPv2rAm.png" />

<style>
.overlay {
width: 1000px;
height: 1080px;
background: #d0ebd2;
position: relative;
}

.innerbox {
overflow: auto;
border: none;
background: #474747;
position: absolute;
}

#Welcome {
top: 4px;
left: 4px;
width: 700px;
height: 300px;
}

#Rules {
top: 4px;
left: 710px;
width: 287px;
height: 450px;
}

#Updates {
top: 310px;
left: 4px;
width: 700px;
height: 220px;
}

#Pirates {
top: 537px;
left: 4px;
width: 350px;
height: 300px;
}

#Knights {
top: 537px;
left: 360px;
width: 345px;
height: 300px;
}

#Staff {
top: 460px;
left: 710px;
width: 287px;
height: 377px;
}

#Citizens {
top: 843px;
left: 4px;
width: 993px;
height: 233px;
}
</style>

<div class="overlay">
<div class="innerbox" id="Welcome"><div align="center"><img src="http://i.imgur.com/OmRYOWw.png" /></div>
<hr />
WELCOME INFORMATION HERE
</div>
<div class="innerbox" id="Rules"><div align="center"><img src="http://i.imgur.com/MZYoiF0.png" /></div>
<hr />
RULES &amp; GUIDELINES HERE
</div>
<div class="innerbox" id="Updates"><div align="center"><img src="http://i.imgur.com/DNut7yt.png" /></div>
<hr />
<table width="100%"><tr><td width="4%" valign="top"><b>XX/XX/XXXX:</b></td>
<td width="4%" valign="top"><b>XX/XX/XXXX:</b></td>
<td width="4%" valign="top"><b>XX/XX/XXXX:</b></td>
<td width="4%" valign="top"><b>XX/XX/XXXX:</b></td>
</tr>

<tr>
<td width="4%"><small>UPDATE TITLE HERE</small></td>
<td width="4%"><small>UPDATE TITLE HERE</small></td>
<td width="4%"><small>UPDATE TITLE HERE</small></td>
<td width="4%"><small>UPDATE TITLE HERE</small></td>
</tr>

<tr>
<td width="4%"><i>UPDATE INFO HERE</i></td>
<td width="4%"><i>UPDATE INFO HERE</i></td>
<td width="4%"><i>UPDATE INFO HERE</i></td>
<td width="4%"><i>UPDATE INFO HERE</i></td>
</tr>
</table>
<br />

</div>
<div class="innerbox" id="Pirates"><div align="center"><img src="http://i.imgur.com/PFVd2rM.png" /></div>
<hr />
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>

</div>
<div class="innerbox" id="Knights"><div align="center"><img src="http://i.imgur.com/LGKQA1S.png" /></div>
<hr />
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
</div>
<div class="innerbox" id="Staff"><div align="center"><img src="http://i.imgur.com/SY0lorY.png" /></div>
<hr />
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Position"><img src="img here" /></a>
</div>
<div class="innerbox" id="Citizens"><div align="center"><img src="http://i.imgur.com/G9ky8co.png" /></div>
<hr />
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
<a href="link" class="ft" title="Name||Play-by"><img src="img here" /></a>
</div>
</div>
</center>
<style>

.navi {
top: 0px;
left: 30px;
width: 150px;
height: 25px;
position: absolute;
overflow: hidden;
background: #60584c;
border-radius: 5px;
border: 1px solid #60584c;
border-radius: 0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}


.navi:hover {
height: 200px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}

.navilink {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
border: 2px solid #60584c;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 4px;
font: 8pt century gothic;
color: #000000;
background: transparent;
}

.navilink:hover {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
border: 2px solid #60584c;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 4px;
font: 8pt century gothic;
color: #fff;
background: transparent;
}

</style>
</center>
<center><div class="navi">
<h3>Navigation</h3>
<a href="http://vampirefreaks.com/profiles/home.php" class="navilink">VF Main</a>
<a href="http://vampirefreaks.com/cults/group_edit.php?c=CULTNAMEHERE" class="navilink">Edit Cult</a>
<a href="http://vampirefreaks.com/group_edit_members.php?c=CULTNAMEHERE" class="navilink">Edit Members</a>
<a href="http://vampirefreaks.com/group_invite.php?c=CULTNAMEHERE" class="navilink">Invite Members</a>
<a href="http://vampirefreaks.com/cults/controlpanel.php?c=CULTNAMEHERE" class="navilink">Control Panel</a>
<a href="http://vampirefreaks.com/Whispered-Deaths" title="Layout Credit" class="navilink">©2015</a>
<a href="http://vampirefreaks.com/KonekoHime" title="Nav Credit" class="navilink">©2015</a>
</div>
</center>