//your index file WITH NO FUCKING INDENTING

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>
:: WWW.NEWSITE.COM.AU :: VERSION 0.1
</title>
<style type="text/css" media="all">
@import url("css/style.css");
</style>
<meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-1" />
</head>
<body>
<div id="wrap">
<div id="nav">
<div id="navbar">
<ul id="navlist">
<li><a href="#">home</a>&#124;</li>
<li><a href="#">about</a>&#124;</li>

<li><a href="#">articles</a>&#124;</li>
<li><a href="#">forums</a>&#124;</li>
<li><a href="#">tutorials</a>&#124;</li>
<li><a href="#">contact us</a></li>
</ul>
</div>
</div>
<div id="header">
</div>
<div id="content_body">
<div id="content_left">
<p class="left_header">
Lorem ipsum

</p>
<p class="left_footer">
1st of Febuary 2007 | added by: DX 

</p>
<p class="left_body">
			<span class="image"><img src="http://www.ascensionlan.com/images/lukenadam_small.png"></span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In ornare rutrum mauris. Fusce a mauris vel dolor iaculis facilisis. Nulla facilisi. Nunc condimentum imperdiet lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla consectetuer. Pellentesque libero neque, sagittis eu, viverra id, varius vitae, augue. Cras eget ante in lorem bibendum adipiscing. Suspendisse dolor. Proin laoreet.
		<br /><br />
		Nunc sed felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris nisi risus, tincidunt in, nonummy varius, porttitor fringilla, ligula. Sed tempus, diam vitae blandit facilisis, leo massa tristique eros, ut pharetra elit quam scelerisque erat. Nulla molestie augue quis felis. Praesent convallis condimentum nunc. Nullam interdum gravida nibh. Mauris nec augue. Vestibulum aliquet leo at metus. Integer eu dolor eu purus aliquet convallis. Vestibulum suscipit fermentum felis. Nunc commodo. Praesent vitae sapien. Curabitur egestas interdum pede. Nam vitae purus volutpat enim consectetuer vehicula. Curabitur non lacus.
		<br /><br />
		Nunc a metus vel dui commodo ornare. Nullam viverra, odio et rhoncus luctus, purus lacus scelerisque odio, nec eleifend neque pede ut metus. Nullam ultricies augue eget felis. Sed in augue. Donec neque tortor, tristique et, consectetuer sed, ornare eget, dolor. Morbi vel turpis. Nullam at lectus. Cras fermentum, massa in euismod egestas, elit sapien facilisis lorem, nec tristique dolor eros non enim. Donec imperdiet. Donec malesuada, elit a consequat laoreet, pede ligula congue orci, id rhoncus risus justo non sem. In hac habitasse platea dictumst. Vestibulum vulputate pede ac felis. Sed congue ornare purus. Nam sem turpis, nonummy vel, dapibus vel, fringilla et, purus. Duis non enim.
</p>
<p class="left_header">
Lorem ipsum
</p>
<p class="left_footer">
1st of Febuary 2007 | added by: DX 


</p>
<p class="left_body">
	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In ornare rutrum mauris. Fusce a mauris vel dolor iaculis facilisis. Nulla facilisi. Nunc condimentum imperdiet lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla consectetuer. Pellentesque libero neque, sagittis eu, viverra id, varius vitae, augue. Cras eget ante in lorem bibendum adipiscing. Suspendisse dolor. Proin laoreet.
<br /><br />
Nunc sed felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris nisi risus, tincidunt in, nonummy varius, porttitor fringilla, ligula. Sed tempus, diam vitae blandit facilisis, leo massa tristique eros, ut pharetra elit quam scelerisque erat. Nulla molestie augue quis felis. Praesent convallis condimentum nunc. Nullam interdum gravida nibh. Mauris nec augue. Vestibulum aliquet leo at metus. Integer eu dolor eu purus aliquet convallis. Vestibulum suscipit fermentum felis. Nunc commodo. Praesent vitae sapien. Curabitur egestas interdum pede. Nam vitae purus volutpat enim consectetuer vehicula. Curabitur non lacus.
<br /><br />
Nunc a metus vel dui commodo ornare. Nullam viverra, odio et rhoncus luctus, purus lacus scelerisque odio, nec eleifend neque pede ut metus. Nullam ultricies augue eget felis. Sed in augue. Donec neque tortor, tristique et, consectetuer sed, ornare eget, dolor. Morbi vel turpis. Nullam at lectus. Cras fermentum, massa in euismod egestas, elit sapien facilisis lorem, nec tristique dolor eros non enim. Donec imperdiet. Donec malesuada, elit a consequat laoreet, pede ligula congue orci, id rhoncus risus justo non sem. In hac habitasse platea dictumst. Vestibulum vulputate pede ac felis. Sed congue ornare purus. Nam sem turpis, nonummy vel, dapibus vel, fringilla et, purus. Duis non enim. 
</p>


</div>
<div id="content_right">
Right
</div>
</div>
<div class="clear"></div>

</div>
</body>
</html>


// your css

/* Default Tags */

body {

    background-color: #f3f2f2;

    font-size: 11px;

    font-family: Verdana, Arial, Helvetica, sans-serif;



}



/* Wrapper */



div#wrap { 

background-color: #FFFFFF;

width:800px; 

padding:0;

 margin:5px auto;

  }



/* Header */

#header {

float: left;

width: 800px;

	height: 155px;

	background: url("../img/banner.png") top center no-repeat;



}

div.clear { clear:both; }





/* Navagational Links */

#nav	 {

	float: left;

  width: 800px;

	padding-top: 4px;

	padding-bottom: 4px;

  text-align: left;

  	margin-left: 27px;

}

#navbar {

	clear: both;

	float: left;

	width: 800px;

	padding-top: 0px;

	font-size: 10px;

}

ul#navlist

{

	margin: 0;

	padding: 0 0px 0 0;



}



#navlist li

{

	display: inline;

	list-style-type: none;

	font-weight: bold;



}



#navlist a { padding: 2px 15px; }



#navlist a:link

{

	color: #cccccc;

	background-color: transparent;

	text-decoration: none;





}

#navlist a:visited

{

	color: #cccccc;

	background-color: transparent;

	text-decoration: none;

}



#navlist a:hover

{

	color: #0063b0;



	text-decoration: none;

}



div#content_body {

	float: left;

	padding-top: 10px;

	padding-bottom: 10px;

  text-align: left;

  	margin-left: 30px;

  	margin-right: 30px;

}

div#content_left {

	width: 500px;

	padding-top: 5px;

		float: left;

		border-right: solid #dbdbdb 1px;

}

.left_header {

 margin:0px;

  padding-top:0px;

 padding-left:5px;

		font-weight: bold;

		width: 485px;

		color: #2278bb;

}

.left_footer {

 margin:0px; 

 padding-top:0px;

 padding-left:5px;

	font-size: 9px;

	color: #a9a9a9;



	font-weight: none;



}

.left_body {

float: right;

		text-align: justify;

		width: 470px;

		color: #000;

		font-size: 11px;

		padding-top: 5px;

		padding-left: 5px;

		padding-right: 13px;

	  padding-bottom: 10px;



}

span.image {
	margin: 5px;
	width: 150px;
	height: 156px;
	overflow: hidden;
	float: left;
}

div#content_right {

	width: 200px;

	padding-top: 5px;

		float: right;

}