<div id="header01">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="586">
<tr><td width="33%" height="291" style="vertical-align: top; padding-left: 120; padding-top: 130">
<div id="box">
Here goes the "gallery" section
</div>
</td><td width="35%" height="291" style="vertical-align: top">&nbsp;</td>
<td width="32%" height="291" style="vertical-align: top; padding-left:15; padding-top:133">
<div id="box">
Here goes the "friends" section
</div>
</td></tr><tr>
<td width="33%" height="295" rowspan="2" style="vertical-align: top; padding-left: 120; padding-top: 1">
<div id="nav">
<a href="#link1">Box Link 1</a>
<a href="#link2">Box Link 2</a>
<a href="#link3">Box Link 3</a>
<a href="#link4">Box Link 4</a>
<a href="#link5">Box Link 5</a>
<a href="http://">Extra Link?</a>
<a href="http://">Extra Link?</a>
<a href="http://">Extra Link?</a>
<a href="http://">Extra Link?</a>
</div>
</td><td width="35%" height="295" rowspan="2" style="vertical-align: top; padding-left:8; padding-top:75">
<div id="hidden">

<a name="link1"></a>
<div id="content">
This is box 1 for the anchor boxes :]<p>
<a href="http://vampirefreaks.com">Link</a> <i>Italic</i> <b>Bold</b> <u>Underline</u><br></center>
</div>

<a name="link2"></a>
<div id="content">
Box 2 
</div>

<a name="link3"></a>
<div id="content">
Box 3 content
</div>

<a name="link4"></a>
<div id="content">
Box 4
</div>

<a name="link5"></a>
<div id="content">
Box 5
</div>

</div>
</td><td width="32%" height="160" style="vertical-align: top; padding-left:15; padding-top:1">
<div id="box">
Here goes the "hero" section
</div>
</td>
</tr><tr><td width="32%" height="135" style="vertical-align: top; padding-left:15; padding-top:1">
<div id="box">
Here goes the "other" section
</div>
</td></tr></table></div>

<style>
html, body {
	width: 100%;
	height: 100%;
	background: #fff;
}

body {
	margin: 0; 
	padding: 0;
  scrollbar-shadow-color: #0B0B0A;
  scrollbar-highlight-color: #0B0B0A;
  scrollbar-arrow-color: #D8D4CB;
  scrollbar-face-color: #0B0B0A;
  scrollbar-3dlight-color: #0B0B0A;
  scrollbar-track-color: #0B0B0A; 
  scrollbar-darkshadow-color: #0B0B0A;
}

a:link, a:visited {
  color: #CCB153;
  font: 7pt Tahoma;
  text-decoration: none;
}

a:hover {
  color: #A4820B;
  font: 7pt Tahoma;
  cursor: cross;
  background:transparent;
  text-decoration: none;
}

b{
 color: #953E34;
 font: 9px Century Gothic;
}

u{
 color: #fff;
}

i{
 color: #46394C;
}

.main {
  width: 490px;
}

html, table, div {
font: 10px Tahoma;
color: #BEB9B7;
letter-spacing: 1pt;
}

#header01 {
	background: url('http://i185.photobucket.com/albums/x135/ZomboidScreams/res2.png') no-repeat;
	width: 1024px;
	height: 693px;
	overflow:hidden;
}

#box {
width: 205px;
height: 131px; 
color: #BEB9B7;
overflow:auto;
}

#nav {
width: 205px;
height: 290px;
overflow:hidden;
}

#nav A {
	font: 9px Century Gothic;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	width: 205px;
	margin: 2px 0 1px 0;
	padding: 0 10px 0 10px;
	color: #B1B1B1;
    border-left: 4px solid #CCB153;
}

#nav A:hover {
	background: #CCB153;
	text-align:right;
	color: #000;
	border-left: 4px solid #9E3425;
}

#hidden{
height: 213px;
width: 340px;
overflow: hidden;
}

#content{
height: 213px; 
width: 340px; 
overflow: auto;
  scrollbar-shadow-color: #FF66FF;
  scrollbar-highlight-color: #FF66FF;
  scrollbar-arrow-color: #9E3425;
  scrollbar-face-color: #FF66FF;
  scrollbar-3dlight-color: #FF66FF;
  scrollbar-track-color: #FF66FF; 
  scrollbar-darkshadow-color: #FF66FF;
  {filter:chroma(color=#FF66FF);
}
</style>

<style type="text/css">
#menu0, .maintop, .leftnav, .topbar, h2, .defaultpic, .thumbnail, .gallery, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments { display: none; }
</style>
<STYLE> .profilepages { display: none; } </STYLE>