Miscellany

<!--- header.php --->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
  <title>
    Nexus Account Management System [LiquidNeon]
  </title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>
<body>
<!--- navigation.php --->
  <div id="navigation">
   <ul>
    <li><a href="#">Accounts</a></li>
    <li><a href="#">Tickets</a></li>
    <li><a href="#">E-Mail</a></li>
    <li><a href="#">Domains</a></li>
    <li><a href="#">Logout</a></li>
    <li><a href="#">About</a></li>
   </ul>
  </div>
<!--- $page.php --->
  <div id="content">
   <h1>Content</h1>
   <p>
   	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In gravida porttitor enim. Fusce augue ligula, placerat a, varius sed, ultricies varius, ipsum. Vivamus mollis magna sit amet tortor rutrum lobortis. Nulla facilisi. Nulla condimentum quam. Aenean ac nulla vel erat consequat gravida. Mauris eros metus, tristique vel, ullamcorper id, lacinia at, ipsum. Mauris auctor, lorem ut condimentum hendrerit, metus odio mollis neque, sed tempor libero eros at velit. Proin auctor, est sed consequat pharetra, urna augue venenatis nunc, eget lacinia dolor risus id augue. Sed turpis augue, imperdiet vitae, facilisis et, ornare in, ligula. Mauris commodo sem lobortis enim. Pellentesque aliquam laoreet orci. Integer non lorem. Cras enim. Nam egestas nulla rhoncus nulla. Maecenas dapibus orci et nisi.
   </p>
  </div>
<!--- footer.php --->
<div id="footer">
	<p class="copyright">Copyright © 2002-2005 LiquidNeon.com. All Rights Reserved.</p>
</div>
</body>
</html>


////////////////////// STYLE SHEET //////////////////////////////////////

* {
	padding: 0;
	margin: 0;
}

li {
 list-style: square outside;
 margin: .2em 1em .2em 2em;
}

body {
	color: #000000;
	font-family: times,serif;
	font-size: .9em;
}

p {
	padding: 1em 1em 1em 1em;
	margin: 0;
	text-indent: 1em;
	text-align: justify;
}

h1 {
	position: relative;
	display: inline;
	color: #000000;
	padding: 0em 1em .2em 1em;
	margin: 0em 1em 1em .2em;
	border: solid 1px #355;
	font-size: .9em;
	font-weight: bold;
}

h2 {
	position: relative;
	display: inline;
	color: #355;
	padding: .2em 1em .2em 1em;
	border: solid 1px #355;
	font-size: .9em;
	font-weight: bold;
	margin: 0;
}

div {
	border: 1px solid black;
}

a:link, a:visited {
	background-color: none;
	color: #0000FF;
	text-decoration: none;
}

a:hover, a:active {
	background-color: none;
	color: #FF0000;
	text-decoration: underline;
}

#navigation {
 margin-top: 20pt;
 width:10%; 
 float:left; 
 position:relative; 
}

#content {
 margin-top: 20pt;
 float: right; 
 display:inline; 
 position: relative; 
 width:89%; 
}

#footer {
 margin-top: 20pt;
 padding-top: 20pt;
 position: relative;
 clear: right;
 width:89%;
 height:10%;
}

.content, #footer {
	padding: 0 1em 0 1em;
	margin: 1em 2em 1em 2em;
	border: solid 1px #355;
}

#footer p {
	padding: .1em 0 .1em 0;
	margin: 0;
	text-align: center;
}