Flite  PeopleFinder

 

 

Here is the code that produced the above effect:

. . .

<style type="text/css">
<!--
body   { margin:0 }
p,pre  { margin:20px }
.top   { position:absolute; left:0; top:0; width:100%; height:50px; z-index:0; 
         background-color:#336699; }
.menu  { position:absolute; left:0px; top:39px; z-index:1; margin:0; padding:0; 
         padding-left:10px; font:10px arial,helvetica,sans-serif; color:beige; height:10px }
.flite { position:absolute; margin:0; padding:0; padding-right:20px; top:10px; right:0; 
         font:bold 44px arial,helvetica,sans-serif; color:white; z-index:2 }
-->
</style>

. . .

<div class="top"></div>
<div class="menu">menu1 | menu2 | menu3 | menu4 | menu5</div>
<div class="flite">Flite  <span style="color:#EEDE80">PeopleFinder</span></div>

. . .