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 } .PF { position:absolute; right:0; top:42px; margin:0; padding:0; padding-right:20px; font:bold 44px arial,helvetica,sans-serif; color:#336699; z-index:2 } --> </style> . . . <body> <div class="top"></div> <div class="menu">menu1 | menu2 | menu3 | menu4 | menu5</div> <div class="flite">Flite</div> <p class="PF">PeopleFinder</p> . . .