Try this...
HTML Code:
<!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" xml:lang="en" lang="en">
<head>
<title>Phil Johns Imaging - Plymouth Website and Graphic Design</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Language" content="en-uk"/>
<meta name="MSSmartTagsPreventParsing" content="true"/>
<meta name="keywords" content="website design, graphic design, web design, website, graphic, design, websites, graphics, low cost website, low cost graphic design, affordable website, affordable graphic design, Plymouth website, Plymouth graphic design, Devon website, Devon graphic design, low cost, simple, user-friendly, minimal, Plymouth, Devon, web page, Devon web design, HTML, XHTML, CSS, hand coded, cascading style sheets, valid, logo, flyer, poster, banner, stationary, business cards, identity"/>
<meta name="description" content="phil johns imaging - high quality graphic and website design at competive prices"/>
<meta name="author" content="Phil Johns"/>
<meta name="copyright" content="philjohnsimaging.co.uk - Phil Johns © 2007"/>
<!-- style sheets start -->
<style type="text/css" media="all">@import "css/twocolumn.css";</style>
<!-- style sheets end -->
<!-- rollover javscript start -->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- rollover javscript end -->
<link href="twocolumn.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('images/nav/home_dark.gif')('images/nav/about_dark.gif')('images/nav/portfolio_dark.gif')('images/nav/contact_dark.gif')">
<!-- page container start -->
<div id="page-container">
<!-- header start -->
<div id="header">
<img src="images/headerlogo.gif" alt="Phil Johns Imaging" />
</div>
<!-- header end-->
<!-- main-nav start -->
<div id="main-nav" align= "right" >
<a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/nav/home_dark.gif',1)"><img src="images/nav/home.gif" alt="Home" name="home" border="0" id="home"/></a>
<a href="about.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/nav/about_dark.gif',1)"><img src="images/nav/about.gif" alt="About" name="about" border="0" id="about"/></a>
<a href="portfolio.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('portfolio','','images/nav/portfolio_dark.gif',1)"><img src="images/nav/portfolio.gif" alt="portfolio" name="portfolio" border="0" id="portfolio"/></a>
<a href="contact.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/nav/contact_dark.gif',1)"><img src="images/nav/contact.gif" alt="contact" name="contact" border="0" id="contact"/></a>
</div>
<!-- main-nav end -->
<!-- content start -->
<div id="content-container">
<!-- left coloumn start-->
<div id="left-column">
<p>Welcome to Phil Johns Imaging... </p>
<p>Everything that you see on this website has been designed and created
by myself and I have taken all of the photos too.</p>
<p>I create and design anything from a small logo to a large poster, a complete
website or flash banners. To pursue a high standard in this work I use
a variety of the best software available for these jobs including Flash,
Photoshop and Dreamweaver.</p>
<p>In my portfolio I have a range of design work but if you want to see
other examples please get in touch and I will be happy
to send you some samples. Also, in my portfolio you will see a variety
of photographs, all taken by me; these are up for sale but on request
only.</p>
<p>Please have a look around and get in touch if you have any queries.</p>
</div>
<!-- left coloumn end -->
<!-- right column start -->
<div id="right-column" align="center">
<img src="images/previews/specialtoys.gif" alt="Phil Johns Imaging" />
<img src="images/previews/shadowingtrees.gif" alt="Phil Johns Imaging" />
<img src="images/previews/reactiongigs.gif" alt="Phil Johns Imaging" />
</div>
<!-- right column end -->
<!-- footer start -->
<div id="footer" align="right">
| Phil Johns Imaging | Valid <a href="http://validator.w3.org/check?uri=referer" ><strong>XHTML 1.0</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" ><strong>CSS 2.1</strong></a> |
</div>
<!-- footer end -->
<!-- content end -->
</div>
</body>
</html>