sorry i didnt want to overwhelm the reader.
here is the code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>comp name.</title>
<meta http-equiv="Content-Type" content="text/html"; charset=iso-8859-1">
<meta name="keywords" content="Keywords here">
<meta name="description" content="Description here">
<META NAME="robots" CONTENT="index, follow"> <!-- (Robot commands: All, None, Index, No Index, Follow, No Follow) -->
<META NAME="revisit-after" CONTENT="30 days">
<META NAME="distribution" CONTENT="global">
<META NAME="rating" CONTENT="general">
<META NAME="Content-Language" CONTENT="english">
<script language="JavaScript" type="text/JavaScript" src=" template.js"></script>
<link href="template.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
function FP_swapImgRestore() {//v1.0
var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } }
doc.$imgSwaps=null; }
}
function FP_changeProp() {//v1.0
var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o";
ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) { x=d.$cpe[i];
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}
// -->
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="FP_preloadImgs(/*url*/'btn_careers_dn.jpg', /*url*/'careers.jpg', /*url*/'btn_links_dn.jpg', /*url*/'btn_links.jpg',
/*url*/'btn_about_dn.jpg', /*url*/'btn_contact_dn.jpg'); MM_preloadImages('images/btn_home_dn.jpg','images/btn_about_dn.jpg','images/btn_contact_dn.jpg','images/btn_products_dn.jpg','images/btn_support_dn.jpg','images/btn_news_dn.jpg')" bgcolor="#FFFFFF">
<div align="center">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="78">
<table style="width: 100%;">
<tr>
<td style="text-align: left; background-image: url('rep.jpg'); background-repeat: repeat-x;width: 100%">
<img src="banner.jpg" height ="100%">
</td>
</tr>
</table>
<tr>
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" background="topnavbg.jpg">
<tr>
<td height="9" colspan="2" background="basebg2.jpg">
<img src="basebg2.jpg" width="1" height="9"></td>
</tr>
<tr>
<td width="150" rowspan="2" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<img border="0" src="businessman_on_phone1.jpg" width="158" height="119"></td>
</tr>
<tr>
<td height="1" bgcolor="#FFFFFF">
<img src="spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><img src="spacer.gif" width="1" height="1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" rowspan="3">
<img src="spacer.gif" width="20" height="1"></td>
<td><br>
<span class="sidelinks">Other Services</span></td>
</tr>
<tr>
<td class="sidelinks2">
<ul style="line-height: 150%; margin-top: 10">
<li>
<p class="MsoNormal" style="line-height: 100%; margin-bottom: 9px">
<span lang="EN-US" id="id1" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id1',1,'style.textDecoration','underline','style.color','#000080')">Waste and Recycling Solution</span></p>
</li>
<li>
<p class="MsoNormal" style="line-height: 100%; margin-bottom: 9px">
<span lang="EN-US" id="id2" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id2',1,'style.textDecoration','underline','style.color','#000080')">Producer Responsibility Complian</span></p>
</li>
<li>
<p class="MsoNormal" style="line-height: 100%; margin-bottom: 9px">
<span lang="EN-US" id="id3" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline','style.color','#000080')">Sustainable Procurement</span></p>
</li>
<li>
<p class="MsoNormal" style="line-height: 100%; margin-bottom: 9px">
<span lang="EN-US" id="id4" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id4',1,'style.color','#000080','style.textDecoration','underline')">Corporate Social Responsibility</span></li>
</ul>
</td>
</tr>
<tr>
<td class="sidelinks2"> <br>
</td>
</tr>
<tr>
<td>
<img src="spacer.gif" width="20" height="1"></td>
</tr>
</table></td>
</tr>
</table></td>
<td valign="top" bgcolor="#FFFFFF">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="29" colspan="3" background="navbasebg.jpg">
<img src="navbasebg.jpg" width="1" height="29"><img src="btn_home.jpg" name="btn_home" width="55" height="33" id="btn_home" onMouseOver="FP_swapImg(1,1,/*id*/'btn_home',/*url*/'btn_home_dn.jpg')" onMouseOut="FP_swapImgRestore()"><img src="btn_about.jpg" name="btn_about" width="58" height="33" id="btn_about" onMouseOver="FP_swapImg(1,1,/*id*/'btn_about',/*url*/'btn_about_dn.jpg')" onMouseOut="FP_swapImgRestore()"><img src="btn_contact.jpg" name="btn_contact" width="67" height="33" id="btn_contact" onMouseOver="FP_swapImg(1,1,/*id*/'btn_contact',/*url*/'btn_contact_dn.jpg')" onMouseOut="FP_swapImgRestore()"><img border="0" src="careers.jpg" width="72" height="33" id="img1" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'btn_careers_dn.jpg');" onmouseout="FP_swapImg(1,0,/*id*/'img1',/*url*/'careers.jpg')"><img border="0" src="btn_links.jpg" width="58" height="33" id="img2" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'btn_links_dn.jpg');" onmouseout="FP_swapImg(1,0,/*id*/'img2',/*url*/'btn_links.jpg')"><img border="0" src="btn_expertise.jpg" width="79" height="33" id="img3" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img3',/*url*/'btn_expertise_dn.jpg')"></td>
</tr>
<tr>
<td width="40"> </td>
<td>
<h1><br>
Page Header</h1>
<h2>Sub Header</h2>
<p>Page content goes here; put some writing here. </p>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="145" align="center" valign="top" bordercolor="#000000" bordercolorlight="#000000">
<img border="1" src="keyboard1.jpg" width="118" height="92"></td>
<td valign="top"><p class="producthdr">Service One</p>
<p>
product info
viewers.</p>
<p>>> more information</p></td>
</tr>
<tr>
<td width="145" align="center"> </td>
<td> </td>
</tr>
<tr>
<td width="145" align="center" valign="top">
<img border="1" src="handshake1.jpg" width="122" height="90"></td>
<td valign="top"><p class="producthdr">Service Two</p>
<p>Service Description here. Product info.</p>
<p>>> more information</p></td>
</tr>
</table>
<p> </p>
</td>
<td width="25"> </td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="24" background="basebg1.jpg">
<img src="basebg1.jpg" width="1" height="24"></td>
</tr>
<tr>
<td height="44" valign="top" background="basebg2.jpg"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="26" class="baseline">
<p align="center"> © Copyright 2007 Company. All Rights Reserved.</td>
<td align="right" class="baseline"> </td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>
[code]
[/code]