HTML
<html>
<head>
<title>Gavzorz</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<meta name="Author" CONTENT="Triple W Communications">
</head>
<body>
<div align="center">
<table width="758" cellspacing="0">
<tr>
<td class="topimage"><img src="http://i5.tinypic.com/6b1d10l.gif"></td (http://i5.tinypic.com/6b1d10l.gif%22%3E%3C/td)>
</tr>
<tr>
<td>
<table width="758" cellspacing="0">
<tr>
<td width="60%" valign="top" class="box1">
<!------------Main Content Area Begins-------------->
<div class="header">Welcome</div>
<p>
Hello and welcome to my website :-D
Take a look around and let me know if you like it.
This is just a random anf fun website set up in Sep '07 By Gavin.
<p>
<div class="header">Updates</div>
<p>
PUT UPDATES HERE
<!------------Main Content Area Ends-------------->
</td>
<td width="25%" valign="top" class="box2">
<div class="header">Navigation</div>
<div class="navi">
<center>
<ul>
<!------------Links Box Begins-------------->
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<!------------Links Box Ends-------------->
</ul>
</center>
</div>
<p>
<!------------Sidebar Begins-------------->
<div class="header">Host</div>
<p>
Affies here
<p>
<div class="header">Link Me</div>
<p>
<a href = "http://www.Gavzorz.freehostia.com/ (http://www.gavzorz.freehostia.com/)">
<img src = "http://i4.tinypic.com/6c7do5d.gif (http://i4.tinypic.com/6c7do5d.gif)">
</a>
<p>
<div class="header">Stats (Unique)</div>
<p>
Put a counter here
<!------------Sidebar Ends-------------->
</p>
</td>
</tr>
</table>
<tr>
<td width="100%" class="footer">
<!------------SITE CREDITS AND COPYRIGHT-------------->
Gavzorz™
</td>
</tr>
</td>
</tr>
</table>
</div>
</body>
</html>
CSS
BODY {
background-image:url('http://i7.tinypic.com/4lyju3m.gif');
margin-top:10px;
margin-bottom:10px;
cursor:crosshair;
}
h1 {font-size:24px; color:#D0D0D0;}
h2 {font-size:20px; color:#919191;}
h3 {font-size:18px; color:#000000;}
TD {color:#7B4E27;
font-family:tahoma,sans-serif;
font-size:11px;
text-align:justify;
border:0px solid #7B4E27;
border-bottom-width:1px;
padding:0px;
}
.topimage {
font-family:tahoma,sans-serif;
font-size:11px;
border:0px solid #97B25E;
border-bottom:1px solid #7B4E27;
text-align:justify;
padding:0px;
}
.box1 {color:#7B4E27;
font-family:tahoma,sans-serif;
font-size:11px;
text-align:justify;
line-height:14px;
background-color:#97B25E ;
border:1px solid #7B4E27;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
padding:6px;
}
.box2 {color:#7B4E27;
font-family:tahoma,sans-serif;
font-size:11px;
text-align:justify;
line-height:14px;
background-color:#97B25E ;
border:1px solid #7B4E27;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
padding:6px;
}
A:link {color:#663366; font-weight:bold; text-decoration:underline;}
A:visited {color:#663366; font-weight:bold; text-decoration:underline;}
A:active {color:#663366; font-weight:bold; text-decoration:underline;}
A:hover {color:#ffffff; font-weight:bold; text-decoration:line-through;
}
.navi {width:205px; font-size:11px;border: 2px solid #000000; border-top-width:0px; border-bottom-width:2px;}
.navi ul {margin:0; padding:0; list-style:none;}
.navi li {margin:0;border-top:2px solid #000000;}
.navi a {display:block; width:205px; padding:1px 0px 1px 8px; text-decoration:none; font-family: Arial, sans-serif; font-size:10px; text-transform:uppercase;letter-spacing:0px; font-weight:normal; text-align:left;}
.navi li a:link {color:#663366; background-color:#c0c0c0 ;text-decoration:none;}
.navi li a:visited {color:#663366;text-decoration:none; letter-spacing:0px; letter-spacing:0px; background-color:#c0c0c0 ;}
.navi li a:active {color:#663366;text-decoration:none; letter-spacing:0px; letter-spacing:0px; background-color:#c0c0c0 ;}
.navi li a:hover {color:#ffffff; letter-spacing:0px; background-color:#B77A63;}
.header {
text-transform:none;
color:#ffffff ;
font-size:10px;
line-height:13px;
font-weight:bold;
background-color:#7A4D26;
letter-spacing:1px;
font-family:verdana,sans-serif;
text-align:left;
text-transform:uppercase;
margin:0px;
border-bottom:1px solid #B58C61;
border-top:1px solid #B58C61;
border-left:1px solid #B58C61;
border-right:1px solid #B58C61;
padding: 1 1 1 5;
}
blockquote {
color:#000000;
background-color:#b9b9b9;
font-size:11px;
text-align: justify;
BORDER: #000000 1px solid;
padding:4px;}
.input {color:#000000; font-size:11px; font-family:tahoma, sans-serif; background-color:#d0d0d0; border:1px solid; border-color: #ffffff; width:140px; height:18px }
.button {color:#000000; font-family:tahoma, sans-serif; font-size:11px; background-color:#d0d0d0; border:1px solid; border-color: #000000; padding:1px; height:18px;}
.textarea {color:#000000; font-family:tahoma, sans-serif; font-size:10px; background-color:#d0d0d0; border:1px solid; border-color: #ffffff;width:250px;}
.footer {color:#7B4E27;
font-family:tahoma,sans-serif;
padding:4px;
border: 1px solid #97B25E;
border-top:0px solid #97B25E;
background-color:#97B25E ;
font-size:10px;
text-align:right;
}
<STYLE type="text/css">
<!--
BODY
{
direction:;
background-attachment: scroll;
scrollbar-arrow-color: 7B4E27;
scrollbar-track-color: 7B4E27;
scrollbar-face-color: 97B25E;
scrollbar-highlight-color: 97B25E;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: 97B25E;
scrollbar-shadow-color: 97B25E;
}
-->
</STYLE>