Just Peachy

Layout Code

Copy and paste to Template HTML

<!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=utf-8" />
<title>Life is just Peachy </title>
<style type="text/css">
<!--

body {
	background-color:#ececec;
	background-image:url(http://cbimg6.com/layouts/10/07/36402ab.png);
	background-repeat:no-repeat;
	width:881px;
	height:580px;
	top; 0px;
}

img {
	padding: 5px;
}

#content {
	position:absolute;
	left:300px;
	top:410px;
	width:529px;
	height:auto;
	z-index:1;
	font-size:12px;
	color:#b3a08a;
}
#SiteName {
	position:absolute;
	left:435px;
	top:356px;
	width:393px;
	height:45px;
	z-index:2;
	font-size:18px;
	color:#a49686;
	font-family:verdana;
}
#Nav {
	position:absolute;
	left:158px;
	top:539px;
	width:135px;
	height:480px;
	z-index:3;
	font-size:12px;
	color:#b29080;
}
a.nav:active, a.nav:visited, a.nav:link {
    display:Inline-block;
	color:#b79188;
	text-align: center;
    font-size:11px;
    font-weight:None;
    text-decoration:none;
    letter-spacing:1px;
    line-height:14px;
}

a.nav:hover {
	display:Inline-block;
    color:#c5b897;
	text-align: center;
    font-size:12px;
    font-weight:normal;
    text-decoration: none;
    letter-spacing:1px;
    line-height:14px;
}

H1 {
	background-image:url(http://cbimg6.com/layouts/10/07/36402ac.png);
	background-position:left;
	width:462px;
	height:41px;
	color:#707263;
	font-size:20px;
	text-align:left;
}

H2 {
	background-image:url(http://cbimg6.com/layouts/10/07/36402ad.png);
	width:135px;
	height:30px;
	color:#a18781;
	font-size:18px;
	text-align:center;
}
-->
</style>
</head>

<div id="SiteName">
And she thought to herself..
</div>

<div id="content">
<H1>Header Sample</H1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
  <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque  eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend  sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
  
    <h1>Second thoughts..?</h1>
  modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.

modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.
  
  modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.
  <p> </p>
</div>

<div id="Nav">
<h2>About..</h2>
<img src="http://cbimg6.com/layouts/10/07/36402aa.png" width="50" height="50" align="left"/>
modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et i

<H2>Navigate</H2>
<ul>

<li type=circle><a href="../link" class="nav">Clear</a>
<li type=circle><a href="../link" class="nav">Sitely</a>
<li type=circle><a href="../link" class="nav">Visitor</a>
<li type=circle><a href="../link" class="nav">Interact</a>
<li type=circle><a href="http://justleah.createblog.com" class="nav">Designer</a>

</ul>

<h2>Affiliates</h2>
<ul>
<li type=circle><a href="../link" class="nav">Linkage</a>
<li type=circle><a href="../link" class="nav">Linkage</a>
<li type=circle><a href="../link" class="nav">Linkage</a>
<li type=circle><a href="../link" class="nav">Linkage</a>
<li type=circle><a href="../link" class="nav">Linkage</a>
</ul>

</div>