Untitled

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
		<meta name="generator" content="Adobe GoLive"/>
		<title>Untitled Page</title>
		<style type="text/css">
		body {
			background: url(images/bck.gif); 
			background-repeat: repeat-x;
			background-color: #0099ff;
			margin: 0; padding: 0;
			text-align: center;
			font-family: Arial; font-size: 9pt;
		}
		#container {
			position: relative; width: 730px; margin: 0 auto; padding: 0;
			text-align: left;
		}
		#left {position: absolute; left: 0; width: 230px; margin: 0; padding: 0;}
			#spotlight {
				position: relative;
				background-image: url(images/spotlightbck.gif);			
				height: 40px; margin: 0; padding: 0;
			}
				img.sll {
					position: absolute; left: 0;
					width: 10px; height: 40px;
				}
				.text {
					position: absolute; left: 10px; top: 12px;
					color: #ffffff; font-weight: bold;
					font-size: 10pt;
				}
			#leftlinks {
				background-image: url(images/bckleftlinks.gif);
				background-color: #0a6ec6;
				background-repeat: repeat-x;
				height: 169px;
				padding: 10px 0 0 15px;
				color: #ffffff; font-weight: bold;
				font-size: 8pt;
			}
				.block {color: #52bcee; font-size: 175%; vertical-align: middle;}
			#leftad {
				background-image: url(images/bckleftad.gif);
				height: 214px;
				margin: 0; padding: 0;
			}

		#right {position: absolute; width: 500px; left: 230px;}
			#topnav {text-align: center; margin-top: 9px;}			
			#intro {
				background-image: url(images/bckintro.gif);
				background-color: #0076d2;
				background-repeat: repeat-x;
				height: 150px;
				padding: 9px 10px 10px 10px;
			}
			
		#footer {
			background-color: #0099ff;
			margin: 0; padding: 0;
	
		}
		</style>
	</head>

	<body bgcolor="#ffffff">
		<div id="container">
			<div id="left">
				<div align="center"><img src="images/logo.gif" alt="" height="200" width="190" border="0"/></div><div id="spotlight"><img class="sll" src="images/spotlightleft.gif" alt=""/>
				<div class="text">Spotlight</div>
				</div>
				
				<div id="leftlinks">
					<span class="block">&#x25AA;</span> article 1<br/>
					<span class="block">&#x25AA;</span> article 2<br/>
					<span class="block">&#x25AA;</span> article 3<br/>
					<span class="block">&#x25AA;</span> article 4<br/>
					<span class="block">&#x25AA;</span> article 5
				</div>
					
				<div id="leftad">Ad goes here</div>
			</div>
			<div id="right">
				<div id="topnav">
					<img src="images/home.gif" alt="" height="35" width="100" border="0"/><img src="images/magazine.gif" alt="" height="35" width="100" border="0"/><img src="images/ency.gif" alt="" height="35" width="100" border="0"/><img src="images/forums.gif" alt="" height="35" width="100" border="0"/></div>
				<img src="images/headerimg.gif" alt="" height="196" width="500" border="0"/><div id="intro">
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed quis mauris. Etiam quis erat ac justo rutrum fringilla. Nulla ligula augue, tristique hendrerit, euismod eu, pharetra at, ante. Maecenas fermentum nisi eget lorem. Quisque porta sagittis quam. Suspendisse accumsan. Nullam felis erat, nonummy id, commodo ac, pellentesque in, sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam imperdiet. Ut in ante. Integer lobortis tempus nunc. Donec mattis pellentesque sem. Suspendisse hendrerit dolor eu tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean tristique arcu sit amet est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. 
				</div>
			</div>					
		</div>

		<div id="footer">Copyright 2006 projectbluefoot.com. All rights reserved. Home | Magazine | Encyclopedia | Forums | Contact</div>		
	</body>

</html>