document.write('<table width="100%" cellspacing="0" cellpadding="0" border="0">');
document.write('<!-- Note: Using 100% to get grey bars at bottom to extend across full page width; but, must use exact cell widths to get banner to stay in place ... not spread across the page as well-->');
document.write('<!--row 1: left buffer; contact link  -->');
document.write('<tr>');
document.write('<td rowspan="5" width="72"><img src="images/onepixel.gif" width="72"></td>');
document.write('<td colspan="7" align="right" width="591"><a href="process-faq.html"><img src="images/faq.jpg" border="0"></a><a href="contact.html"><img src="images/contact.jpg" border="0"></a></td>');
document.write('<td rowspan="4" width="*"><img src="images/onepixel.gif" height="1"></td>');
document.write('</tr>');
document.write('<!--row 2: starts after left buffer; "message" graphic; color boxes  -->');
document.write('<tr>');
document.write('<td rowspan="3" width="265"><a href="index.html"><img src="images/message.gif" galleryimg="no" border="0"></a></td>');
document.write('<td width="1"><img src="images/onepixel.gif" width="1"></td>');
document.write('<td bgcolor="#01959f" width="109"><a href="work.html"><img src="images/onepixel.gif" width="109" border="0"></a></td>');
document.write('<td width="1"><img src="images/onepixel.gif" width="1"></td>');
document.write('<td bgcolor="#fa7236" width="108"><a href="process.html"><img src="images/onepixel.gif" width="108" border="0"></a></td>');
document.write('<td width="1"><img src="images/onepixel.gif" width="1"></td>');
document.write('<td bgcolor="#70c8d4" width="109"><a href="yourprojects.html"><img src="images/onepixel.gif" width="109" border="0"></a></td>');
document.write('</tr>');
document.write('<!--row 3: starts after "message" graphic; 1 pixel vertical spacer  -->');
document.write('<tr>');
document.write('<td colspan="6"><img src="images/onepixel.gif" height="1"></td>');
document.write('</tr>');
document.write('<!--row 4: starts after "message" graphic; main page links (our work, etc.)  -->');
document.write('<tr>');
document.write('<td><img src="images/onepixel.gif" width="1"></td>');
document.write('<td><a href="work.html"><img src="images/work.jpg" border="0"></a></td>');
document.write('<td><img src="images/onepixel.gif" width="1"></td>');
document.write('<td><a href="process.html"><img src="images/process.jpg" border="0"></a></td>');
document.write('<td><img src="images/onepixel.gif" width="1"></td>');
document.write('<td><a href="yourprojects.html"><img src="images/workspace.jpg" border="0"></a></td>');
document.write('</tr>');
document.write('<!--row 5: starts after left buffer; 1 pixel vertical spacer  -->');
document.write('<tr>');
document.write('<td colspan="8"><img src="images/onepixel.gif" height="1"></td>');
document.write('</tr>');
document.write('<!--row 6: starts at left margin; bread crumbs  -->');
document.write('<tr>');
document.write('<td bgcolor="#a7a7a7"><img src="images/onepixel.gif" height="16"></td>');

if (document.location.href.substring(25, 37) == 'yourprojects')
  {
  document.write('<td colspan="8" bgcolor="#a7a7a7"><a href="index.html" class="crumbback">Home</a>&nbsp;<span class="crumbback">&gt;</span>&nbsp;<span class="crumbhere">Your Projects</span></td>');
  }
  else if (document.location.href.substring(25, 29) == 'work')
  { 
  document.write('<td colspan="8" bgcolor="#a7a7a7"><a href="index.html" class="crumbback">Home</a>&nbsp;<span class="crumbback">&gt;</span>&nbsp;<span class="crumbhere">Our Work</span></td>');
  }

 else if (document.location.href.substring(25, 32) == 'process')
  { 
  document.write('<td colspan="8" bgcolor="#a7a7a7"><a href="index.html" class="crumbback">Home</a>&nbsp;<span class="crumbback">&gt;</span>&nbsp;<span class="crumbhere">Our Process</span></td>');
  }

 else if (document.location.href.substring(25, 32) == 'contact')
  { 
  document.write('<td colspan="8" bgcolor="#a7a7a7"><a href="index.html" class="crumbback">Home</a>&nbsp;<span class="crumbback">&gt;</span>&nbsp;<span class="crumbhere">Contact Us</span></td>');
  }

 else if (document.location.href.substring(25, 39) == 'projectprofile')
  { 
  document.write('<td colspan="8" bgcolor="#a7a7a7"><a href="index.html" class="crumbback">Home</a>&nbsp;<span class="crumbback">&gt;</span>&nbsp;<span class="crumbhere">Project Profile</span></td>');
  }


document.write('</tr>');
document.write('<!--row 7: starts at left margin; 1 pixel vertical spacer  -->');
document.write('<tr>');
document.write('<td colspan="9" bgcolor="#ffffff"><img src="images/onepixel.gif" height="1"></td>');
document.write('</tr>');
document.write('<!--row 8: starts at left margin; empty grey bar  -->');
document.write('<tr>');
document.write('<td colspan="9" bgcolor="#cccccc"><img src="images/onepixel.gif" height="8"></td>');
document.write('</tr>');
document.write('</table>');