HTML
---------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<link rel="stylesheet" type="text/css" href="index_files/sheetmang.css" ?="">  
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>P h a t P h a b z . c o m</title>
</head>

<body>
	<div id="container">
		<img src="index_files/phatlogopic.jpg">
		<div id="phatpic"></div>

		<div id="nav">
			<a href="http://phatphabz.com/index2.php"><img src="index_files/nav_home.jpg" border="0"></a>
			<a href="http://phatphabz.com/current.php"><img src="index_files/nav_shoppics.jpg" border="0"></a>
			<a href="http://phatphabz.com/past.php"><img src="index_files/nav_custrides.jpg" border="0"></a>
		</div>

		<div id="left-col">
			<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam et nibh
				in eros commodo varius. Nulla vitae risus nec arcu convallis pulvinar.
				Donec semper. Cum sociis natoque penatibus et magnis dis parturient
				montes, nascetur ridiculus mus. Aliquam blandit nisl eu lectus. In
				facilisis enim eu mauris. Nullam malesuada. Maecenas nisl nulla, mollis
				vitae, egestas lobortis, rutrum sit amet, felis. In dictum nisl vel
				odio. Maecenas mollis ante vitae arcu nonummy euismod.
			</p>

			<p>
				Quisque lorem diam, varius et, sodales eu, auctor eget, eros.
				Mauris et est. Morbi consectetuer. Sed vestibulum, neque id sodales
				consectetuer, leo velit dignissim ante, ut tempor ante velit ut urna.
				Donec ultrices lacus eget elit. Maecenas vitae risus. Maecenas
				ultricies eros sed lectus. Pellentesque nisi. Etiam augue lacus,
				lacinia sed, tempor et, tempor sed, est. Aliquam aliquam, tortor quis
				tempus imperdiet, neque lacus rutrum diam, in pulvinar diam nisl et
				diam. Suspendisse volutpat commodo nulla. Quisque venenatis, massa
				vitae placerat auctor, urna lectus imperdiet nisl, vitae porta turpis
				odio id mauris. Nam felis nunc, mattis et, porttitor sit amet, euismod
				sed, dui. Aliquam erat volutpat. Phasellus eget leo. Praesent sed enim
				vel turpis vulputate fringilla. Ut at nulla. Nullam semper enim in
				ipsum. Aliquam vestibulum augue. Mauris accumsan.
			</p>
		</div>

		<div id="right-col">
			<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing
				elit. Donec lobortis, arcu eu malesuada vulputate, lorem nisi consequat
				lacus, lacinia consequat felis lorem eu nulla. Duis eu odio vitae
				libero eleifend sodales. Maecenas ipsum. Maecenas faucibus justo quis
				elit condimentum sagittis. Sed imperdiet congue odio. Quisque est.
				Suspendisse fringilla eros quis massa. Nam arcu tortor, elementum
				vehicula, dignissim eget, convallis ut, elit. Aenean erat urna,
				imperdiet at, scelerisque non, luctus vitae, dui. Pellentesque rhoncus
				sodales leo.
			</p>

			<p>
				Morbi blandit pede ac tortor. Ut aliquet, tellus ac auctor gravida,
				risus erat gravida dui, ut egestas nibh nunc a sem. Fusce gravida.
				Quisque et.
			</p>

			<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
				lobortis, arcu eu malesuada vulputate, lorem nisi consequat lacus,
				lacinia consequat felis lorem eu nulla. Duis eu odio vitae libero
				eleifend sodales. Maecenas ipsum. Maecenas faucibus justo quis elit
				condimentum sagittis. Sed imperdiet congue odio. Quisque est.
				Suspendisse fringilla eros quis massa. Nam arcu tortor, elementum
				vehicula, dignissim eget, convallis ut, elit. Aenean erat urna,
				imperdiet at, scelerisque non, luctus vitae, dui. Pellentesque rhoncus
				sodales leo.
			</p>

			<p>
				Morbi blandit pede ac tortor. Ut aliquet, tellus ac auctor
				gravida, risus erat gravida dui, ut egestas nibh nunc a sem. Fusce
				gravida. Quisque et.
			</p>

			<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
				lobortis, arcu eu malesuada vulputate, lorem nisi consequat lacus,
				lacinia consequat felis lorem eu nulla. Duis eu odio vitae libero
				eleifend sodales. Maecenas ipsum. Maecenas faucibus justo quis elit
				condimentum sagittis. Sed imperdiet congue odio. Quisque est.
				Suspendisse fringilla eros quis massa. Nam arcu tortor, elementum
				vehicula, dignissim eget, convallis ut, elit. Aenean erat urna,
				imperdiet at, scelerisque non, luctus vitae, dui. Pellentesque rhoncus
				sodales leo.
			</p>

			<p>
				Morbi blandit pede ac tortor. Ut aliquet, tellus ac auctor
				gravida, risus erat gravida dui, ut egestas nibh nunc a sem. Fusce
				gravida. Quisque et.
			</p>

		</div>
		<div style="clear: both;"></div>
	</div>
</body>
</html>



CSS
----------------------------------------------------------------


* { margin:0; padding:0; }

body
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	background-color: #000;
}

#container
{
	margin:0 auto;
	width: 900px;
	margin-bottom:10px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #CC0000;
	background: black url(dragbg.jpg) bottom right no-repeat;
}

#phatpic {
	width: 250px;
}

#nav
{
	text-align: center;
	padding:0 0 5px 0;
	border-bottom:1px #ccc solid;
}

#left-col
{
	width:400px;
	margin:5px 10px 10px 20px;
	float: left;
}

#right-col
{
	width:400px;
	margin:5px 20px 10px 10px;
	float: right;
}

#gal-left
{
	width: 200px;
	margin:5px 20px 10px 10px;
	float: left;
	text-align: center;
}

#gal-right
{
	width: 600px;
	margin:5px 10px 10px 20px;
	float: right;
	text-align: center;
}