ÿþ<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>notebook</title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> <style type="text/css"> BODY { font-family: arial; font-size: 11px; } .content { position: absolute; top:40px; left:40px; width:342px; height: 487px; border: 1px solid black; } a:link, a:visited { color:#000000; text-decoration: none; } a:active { font-weight: bold; text-transform: uppercase; color: #FF0000; } .tab1 { position:absolute; top: -11px; left: 330px; width: 26px; height: 82px; padding: 10px; filter:shadow(color:gray,strength:5, direction:135); } .tab1text { position: absolute; top: 2px; left: 340px; padding: 10px; cursor: hand; } .tab2 { position:absolute; top: 70px; left: 330px; width: 26px; height: 82px; padding: 10px; filter:shadow(color:gray,strength:5, direction:135); } .tab2text { position: absolute; top: 82px; left: 340px; padding: 10px; cursor: hand; } .tab3 { position:absolute; top: 151px; left: 330px; width: 26px; height: 82px; padding: 10px; filter:shadow(color:gray,strength:5, direction:135); } .tab3text { position: absolute; top: 163px; left: 340px; padding: 10px; cursor: hand; } .tab4 { position:absolute; top: 232px; left: 330px; width: 26px; height: 82px; padding: 10px; filter:shadow(color:gray,strength:5, direction:135); } .tab4text { position: absolute; top: 244px; left: 340px; padding: 10px; cursor: hand; } .tab5 { position:absolute; top: 313px; left: 330px; width: 26px; height: 82px; padding: 10px; filter:shadow(color:gray,strength:5, direction:135); } .tab5text { position: absolute; top: 324px; left: 340px; padding: 10px; cursor: hand; } .tab6 { position:absolute; top: 394px; left: 330px; width: 26px; height: 82px; padding: 10px; filter:shadow(color:gray,strength:5, direction:135); } #tab6text { position: absolute; top: 404px; left: 340px; padding: 10px; cursor: hand; } .bottomshadow { position: absolute; top: 518px; left: 40px; width:345px; height: 1px; filter:shadow(color:gray,strength:5, direction:135); } .validator { position: absolute; top: 565px; left: 40px; } .footer { position: absolute; top: 535px; left: 40px; font-size: 10px; } </style> </head> <body> <!-- MAIN CONTENT BEGIN --> <DIV class="content"> <DIV class="tab1"><a href="layer.html" target="layer"><img src="tab.gif" border=0 alt="tab.gif"></a></div> <DIV class="tab1text"><a href="layer.html" target="layer">H<br>o<br>m<br>e</a></DIV> <DIV class="tab2"><a href="test2.html" target="layer"><img src="tab.gif" border=0 alt="tab.gif"></a></div> <DIV class="tab2text"><a href="test2.html" target="layer">T<br>a<br>b<br>2</a></DIV> <DIV class="tab3"><a href="test3.html" target="layer"><img src="tab.gif" border=0 alt="tab.gif"></a></div> <DIV class="tab3text"><a href="test3.html" target="layer">T<br>a<br>b<br>3</a></DIV> <DIV class="tab4"><a href="test4.html" target="layer"><img src="tab.gif" border=0 alt="tab.gif"></a></div> <DIV class="tab4text"><a href="test4.html" target="layer">T<br>a<br>b<br>4</a></DIV> <DIV class="tab5"><a href="test5.html" target="layer"><img src="tab.gif" border=0 alt="tab.gif"></a></div> <DIV class="tab5text"><a href="test5.html" target="layer">T<br>a<br>b<br>5</a></DIV> <DIV class="tab6"><a href="test6.html" target="layer"><img src="tab.gif" border=0 alt="tab.gif"></a></div> <DIV id="tab6text"><a href="test6.html" target="layer">T<br>a<br>b<br>6</a></DIV> <DIV><IFRAME SRC="layer.html" WIDTH="340" HEIGHT="485" FRAMEBORDER="0" NAME="layer"></IFRAME></DIV> </DIV> <DIV class="bottomshadow"><hr></DIV> <DIV class="footer">&copy Copyright 2005. Your company. Design by Internet Concepts, LLC.</DIV> <DIV class="validator"><p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional" height="31" width="88" border="0"></a> </p> </DIV> <!-- MAIN CONTENT END --> </body> </html>