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;
}