Before Crisis

Designer's Comments

Look carefully for specific instructions

Best viewed in IE. Will fix later to make it compatible for FF.

Layout Code

Copy and paste to Template HTML

<head>
<style>
body{background-color:#141C2F;}
a.nav:link, a.nav:active, a.nav:visited{font-size:11px; color:#000000; font-family:tahoma; border: solid #000000;border-width:0px 10px 0px 10px; text-align:center; width:183px; height:14px;}
a.nav:hover{letter-spacing:1px; border: solid #7B7B7B;border-width:0px 10px 0px 10px;width:183px}
a:link, a:active, a:visited{text-decoration:none; color:#FFFFFF;}
a:hover{border-bottom: 1px #FFFFFF dotted;}

#crazy {position: absolute; top: 0px; left: 0px; z-index: 1; overflow: auto;}
#ha{position: absolute; top: 600px; left: 0px;}
#Air{position:absolute; top:565px; left:0px; width: 391px; height: 330px; z-index:1;overflow: auto;}
#Aki{position:absolute; top:348px; left:548px; width: 183px; height: 229px; overflow: hidden; z-index:1;}

div {font-family:arial; font-size:11px; color: #000000; font-weight:normal;
scrollbar-face-color: #293246;
scrollbar-shadow-color: #293246;
scrollbar-highlight-color: #293246;
scrollbar-3dlight-color: #293246;
scrollbar-darkshadow-color: #293246;
scrollbar-track-color: #293246;
scrollbar-arrow-color: #000000;}

h1 {font-size: 26px; line-height:22px; font-weight:normal; color: #000000; font-family: georgia; letter-spacing: 3px; text-align:right; border-bottom:dashed 1px #141C2F;padding-right: 10px;}

</style>
</head>

<img src="http://cbimg9.com/layouts/08/06/28030aa.jpg" id="crazy" width="800" height="600">
<img src="http://cbimg9.com/layouts/08/06/28030ab.jpg" id="ha" width="482" height="300">
<div id="air">
<h1>Content Title</h1>
<P>Link and such is in the navigation. Credits towards Creative Uncut for <u>image</u>. Brushes from <i>Dreamon</i> and Celestial Star. Layout by <B>Jay</b>.</p>
<P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque nec 
neque. Nullam felis. Vestibulum ante ipsum primis in faucibus orci luctus et 
ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetuer 
adipiscing elit. In felis ligula, interdum sed, tempor id, faucibus nec, pede. 
Nam semper sapien a tellus. Donec et sapien sit amet lacus porta dapibus. Nam 
scelerisque dolor nec arcu. Ut blandit justo at nulla. In urna elit, tristique 
vel, varius ut, pharetra vitae, neque. Praesent lorem. Integer a ante. Sed mi 
purus, euismod non, pretium vitae, eleifend nec, magna. Integer feugiat. Donec 
vestibulum mattis turpis. Morbi at augue. </P>
<P>Donec a orci. Morbi nec est vitae enim sollicitudin viverra. Curabitur 
pellentesque orci non dui. Duis ut dolor. Mauris eu odio nec nulla varius 
commodo. Vivamus urna orci, molestie eget, luctus et, condimentum non, tortor. 
Vivamus ut ipsum eu mi consectetuer sodales. Aenean porttitor mauris eu metus. 
Nullam ut augue. Curabitur erat risus, semper in, ornare sed, tempus ac, ipsum. 
Nulla ullamcorper. Etiam in justo ac purus pharetra volutpat. Donec ultrices, 
augue in viverra aliquam, neque erat tempus dolor, vitae molestie nulla nisl vel 
leo. Sed et justo. In quis leo. Curabitur porttitor risus ut augue. Aenean 
tellus enim, porta sed, euismod eget, commodo vitae, arcu. Nunc at arcu et diam 
tristique scelerisque. Integer ornare, felis eu feugiat gravida, tortor ligula 
vehicula nisi, euismod vulputate lectus dolor at felis. </P>
<P>Curabitur imperdiet rutrum risus. Pellentesque habitant morbi tristique 
senectus et netus et malesuada fames ac turpis egestas. Cras eget enim a justo 
viverra egestas. Nunc tellus augue, ullamcorper eu, aliquet sit amet, luctus at, 
odio. Fusce interdum venenatis elit. Donec ac metus a sapien euismod egestas. 
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia 
Curae; Nam ac turpis. Nullam pharetra. Vestibulum ante ipsum primis in faucibus 
orci luctus et ultrices posuere cubilia Curae; Pellentesque imperdiet. Duis ut 
enim. In hac habitasse platea dictumst. Nullam vel augue nec metus sagittis 
consectetuer. Vivamus ligula. Etiam mattis euismod odio. </P>
<P>Nulla placerat. Integer hendrerit aliquam lacus. Proin pharetra libero. 
Mauris iaculis erat eu dui. Morbi mattis malesuada eros. Donec eget erat sit 
amet mauris ultricies blandit. Fusce mattis libero sed nisi. Nunc erat metus, 
convallis vel, lobortis sit amet, interdum non, pede. Curabitur sed felis vitae 
lorem fermentum aliquam. Pellentesque vel urna. Sed orci nisl, pellentesque 
quis, porttitor non, ullamcorper eget, neque. Maecenas pulvinar consequat enim. 
Donec risus. </P>
<P>Nam sagittis est quis leo placerat pellentesque. Etiam iaculis, urna et 
mattis pellentesque, quam ligula iaculis tellus, nec tempus eros velit eget 
diam. Vestibulum tincidunt purus non nisi. Morbi aliquam dui aliquet nunc. 
Quisque fringilla, erat sed blandit consequat, odio urna porttitor ligula, sit 
amet lobortis libero elit non tellus. Morbi eleifend eros quis urna. Quisque 
lobortis. In hac habitasse platea dictumst. Mauris hendrerit metus non est. In 
vitae arcu in magna mollis auctor. Pellentesque rhoncus. Fusce odio. Donec non 
nibh vel massa aliquet rutrum. </P>

</p>

</div>
<div id="aki">

<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://www.google.com" class="nav">Link Title Here</a>
<a href="http://celestial-star.net" class="nav">Celestial Star</a>
<a href="http://dreamon72.deviantart.com/art/Dreamon-Shape-Brushes-31563114" class="nav">Dreamon Brushes</a>
<a href="http://www.creativeuncut.com/index.html" class="nav">Creative Uncut</a>
<a href="http://twiztedxhunter.createblog.com/" class="nav">Layout By Jay</a>

</div>