3 Divers

<head>
<title>divers</title>
<link rel="shortcut icon" href="ICON LINK GOES HERE">
</head>

<style type="text/css">
body{
background-color:#f8f8f8;

}

#header {
background-image:url('http://onyxhotel.three-words.net/images/designs/Untitled-1-1.png');
background-repeat:no-repeat;
width:900px;
height:600px;
position: fixed;
margin: -180px 0px 0px 0px;
}

#content
{position: relative;
top: 0px;
background-color: rgba(232,232,232, 0.5);
left: 290 ;
width:600px;
margin: 150px 0px 0px 125px;
padding: 10px;
padding-bottom: 25px;
font-size:10px;
font-weight:none;
text-decoration:none;
text-transform:lowercase;
font-style:none;
font-family:trebuchet ms;
letter-spacing: 1px;}

#a:active, a:visited, a:link {
color:#D7AE75;
font-size:10px;
background-color: none;
font-weight:none;
text-decoration:none;
text-transform:none;
font-style:none;
text-align: center;
font-family:arial;}

a:hover {
color:#BAB095;}

h1 {
font:  30px/15px arial ;
color: #000;
text-transform: uppercase;
text-align: left;
margin: 5px;
padding: 5px;
letter-spacing: -2px;
background-color: #;}

h2 {
font-family : arial;
color : #000;
font-size :10px;
line-height : 0px;
letter-spacing: 2px;
text-transform : normal;
text-align : left;}

h3 {
font-family : arial;
color : #000;
font-size :135px;
line-height : 0px;
letter-spacing: -20px;
text-transform : uppercase;
position: fixed;
text-align : left;}

h4 {
font: normal 12/0px Trebuchet MS;
color : #747474;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
letter-spacing: 3px;
text-transform : uppercase;
text-align : right;}

h5 {
font: italic normal 13px/0px arial ;
color : #747474;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
letter-spacing: 2px;
text-transform : uppercase;
text-align : right;}

#nav {
background: #fffafc;
border: 1px solid #fff0f5;
color: #333;
font: 9pt MS UI Gothic;
text-align : left;
width:200px;
padding-top : 3px;
padding-left : 6px;
margin-bottom: 4px;}

#nav:hover {
background: #fafaff;
border: 1px solid #;
color: #686868;
font: 9pt MS UI Gothic;
text-align : left;
padding-top : 3px;
padding-bottom : 2px;
padding-left : 6px;
margin-bottom: 2px;}

#nav a {
font: 9pt MS UI Gothic;
line-height: 15px;
text-align : left;
font-weight: normal;
color: #74d5c8;
padding-top : 3px;
text-decoration: none;}

#nav a:hover {
font: 9pt MS UI Gothic;
line-height: 15px;
text-align : left;
font-weight: normal;

padding-top : 3px;
text-decoration: none;}

#side {
position:absolute;
left:1050px;
top:300px;
background: #fff;
width: 200px;
padding: 5px;
text-align: right;
font: 10px verdana;
display: block;
color: #000;
text-decoration: none;
 }

#footer {
position: relative;
top: 0px;
background-image:url("http://onyxhotel.three-words.net/images/designs/back.png");
left: 415 ;
top: 0;
width:600px;
padding: 10px;
font-size:10px;
font-weight:none;
text-decoration:none;
text-transform:normal;
font-style:none;
font-family:trebuchet ms;
letter-spacing: 1px;
}

</style>
<body>

<div id="header">
</div>
<div style="position:absolute;left:650px; top:-67px; width:600px;">
<h3>site name</h3>
</div></div>

<div style="position:absolute;left:1050px; top:150px; width:px;">
<div id="nav"><a href="#">Home</a></div>
<div id="nav"><a href="#">Content</a> </div>
<div id="nav"><a href="#">Extras</a> </div>
<div id="nav"><a href="http://onyxhotel.three-words.net/">(c) layout by onyxhotel</a></div></div>


<div id="side">
<h5>Extra</h5>
Text

</ul>
</div></div>


<div id="content">
<h1>divers</h1>
This is your text! This layout that has a changeable site name (h2). It also comes with a footer that includes an image.
<h2> Header 2</h2>
<b>bold </b><i>italic </i><u>underline</u> <s>strikethrough</s> <a href="http:///url">link</a><br>
<h4>no blockquote for this layout :(</h4>
You can edit and tweak the code, or change the header. You may also change the size of header and change the size of everything else.

<h5>last header option </h5>


</div>

<div id="footer">
<center>
Your affies and stats will go here<br>
<a href="http://onyxhotel.three-words.net">(c) layout by onyxhotel</a>
<img src="http://onyxhotel.three-words.net/images/designs/Untitled-1copy.png"></a> <br>
YOU SITE NAME START YEAR- CURRENT YEAR<br>
example: ONYXHOTEL 2008-2012</center>
</div>