var html = "";

var middleText1 = "";
var middleText2 = "Real vision in laminating, fusing & heat transfer technology";

//was 1000 wide overall originally
var width = 755;
var menuWidth = 165;
var bodyWidth = width - menuWidth; //was 815, now 590;
var eyeWidth = 145;
var headerWidth = bodyWidth - eyeWidth;
var gradTop = 392; //height of menu (50px per box) + menuTop
//
html += '<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" bordercolor=lime width="' + width + '" align="" class="borderstyle" style="background:white;">'
html += '<TR VALIGN="top" class="bgarea">'
html += '<TD WIDTH="' + menuWidth + '" valign="middle"><A HREF="home.html" TITLE="Home"><IMG SRC="../images/logo.png" ALT="Home" WIDTH="150" HEIGHT="78" BORDER="0" ALIGN="left"></A></TD>';
html += '<TD WIDTH="' + headerWidth + '" ALIGN="center" VALIGN="middle" id="mainheader" style="font-size:16pt;font-weight:bold;color:black;"><div id="headertext" class="look" align="center"><img src="images/toptext.png" alt="" width="410" height="53" border="0"> <!-- ' + middleText1 + '' + middleText2 + '--></div></TD>'
html += '<td width="' + eyeWidth + '" align="right"><img src="../images/eye.png" alt="" width="145" height="79" hspace="0" vspace="0" border="0" align="right"></td></TR>';
html += '<TR valign=bottom><td ROWSPAN="" BGCOLOR="" width="' + menuWidth + '" class=""> <script SRC="menu.js"></script> <table border=0 bordercolor=red bgcolor="" CELLSPACING="0" CELLPADDING="0"><tr><td valign="bottom"><img src="../images/leftsidegradient.png" alt="" name="leftgradimg" id="leftgradimg" width="163" height="350" hspace="0" vspace="0" border="0" align="bottom" style="position:absolute;top:' + gradTop + 'px;"></td></tr></table></td>'; //#0099CA in bgcolor?
html += '<TD valign="top" colspan=2 rowspan=2>';
html += '<TABLE id="bodytable" CELLSPACING="0" CELLPADDING="5" BORDER="0" style="height:750px;" bordercolor=red width="' + bodyWidth + '"><TR valign="top"><TD id="bodycontent">'; // style="background:#efefef;"

html += "<img src='../images/menucornerrollover.png' alt='' width='0' height='0' border='0' style='display:none;'>"; //preloading for mouseover effect.
html += "<img src='../images/excelIIsmallerover.png' alt='' width='0' height='0' border='0' style='display:none;'>";
html += "<img src='../images/novasmallerover.png' alt='' width='0' height='0' border='0' style='display:none;'>";
html += "<img src='../images/elitesmallerover.png' alt='' width='0' height='0' border='0' style='display:none;'>";


//may want to add more here

/*

<TR><td ROWSPAN="" BGCOLOR="blue" width="165" class=""></td>
</tr>
<tr><!-- position:absolute;top:10; -->
<td><img src="images/leftsidegradient.png" alt="" width="163" height="350" border="0" align="" style=""></td>
</tr>

<img src="images/leftsidegradient.png" alt="" width="163" height="350" border="0" align="" style="position:absolute;top:81;">
*/


document.writeln(html);


