<title>esp</title>
<script type="text/javascript" src="domtab.js"></script>
<body marginheight="0" marginwidth="0" topmargin="0"
leftmargin="0" width="100%" bgcolor="#ffffff">
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0"
CELLPADDING="0" bgColor="#ffffff">
<tr>
<td WIDTH="100%">
<style type="text/css">
.tabcontent {
padding:1em;
background:#ffffff;
border-top:1px solid #C7C7C7;
border-bottom:1px solid #C7C7C7;
}
#mainnavtabbed{
border-bottom:1px solid #E8E8E8;
list-style-type:none;
padding: 0%;
font-family: Arial, Helvetica;
margin:0;
text-indent:0;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#mainnavtabbed li{
border-bottom:1px solid #E8E8E8;
margin-left:0px;
float:left;
width:109;
margin-bottom:-1px;
}
#mainnavtabbed li a{
padding:1 9px;
border-left:1px solid #E8E8E8;
border-top:1px solid #E8E8E8;
border-bottom:1px solid #E8E8E8;
border-right:1px solid #E8E8E8;
background:red;
display:block;
text-decoration:none;
background-image: url(sos_tabs1.gif);
font-family: Arial, Helvetica;
margin:0;
text-indent:0;
font-size: 11px;
font-weight: bold;
color: #A1A1A1;
text-decoration: none;
}
#mainnavtabbed li a.tabon,#mainnavtabbed li a.tabon:hover{
color:#000000;
background:#ccc;
border-left:1px solid #C1C1C1;
border-top:1px solid #C1C1C1;
border-bottom:1px solid #ffffff;
border-right:1px solid #C1C1C1;
background-image: url(sos_tabs3.gif);
font-family: Arial, Helvetica;
font-size: 11px;
margin:0;
text-indent:0;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#mainnavtabbed li a:hover{
background:#bbb;
border-left:1px solid #C1C1C1;
border-top:1px solid #C1C1C1;
border-bottom:1px solid #E8E8E8;
border-right:1px solid #C1C1C1;
background-image: url(sos_tabs3.gif);
font-family: Arial, Helvetica;
margin:0;
text-indent:0;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
h2{
margin:0;
font-size:120%;
font-family:"trebuchet ms", verdana, sans-serif;
}
h1{
margin:0;
font-size:150%;
color:#fff;
font-family:"trebuchet ms", verdana, sans-serif;
}
</style>
</head>
<body>
<br>
<table width=1000 cellspacing=0 cellpadding=0><tr>
<td valign="top" align="left" width="5"><IMG
SRC="http://esp.ibi.com/images/cleardot.gif" WIDTH=5 HEIGHT=5 BORDER="0"></TD>
<td valign="top" align="left" width="330">
<SCRIPT>
document.write('<ul id="mainnav">');
document.write('<li><a href="#what">Sales Analysis </a></li>');
document.write('<li><a href="#how">Location Analysis</a></li>');
document.write('<li><a href="#redesign">Sales Cycle Analysis</a></li>');
document.write('</ul>');
</SCRIPT>
</td><td valign="top" align="left"></td></tr>
<tr>
<td valign="top" align="left" bgcolor="#C7C7C7"
width="5" height="1"><IMG SRC="http://esp.ibi.com/images/cleardot.gif"
WIDTH=5 HEIGHT=1 BORDER="0"></TD>
<td valign="top" align="left" height="1"></td>
<td valign="top" align="left" bgcolor="#C7C7C7"
width="668" height="1">
<IMG SRC="http://esp.ibi.com/images/cleardot.gif" WIDTH=668 HEIGHT=1
BORDER="0"></TD>
</tr>
<tr>
<td valign="top" align="left" bgcolor="#ffffff"
width="5" height="3"><IMG SRC="http://esp.ibi.com/images/cleardot.gif"
WIDTH=5 HEIGHT=3 BORDER="0"></TD>
<td valign="top" align="left" height="3"></td>
<td valign="top" align="left" bgcolor="#ffffff"
width="668" height="3">
<IMG SRC="http://esp.ibi.com/images/cleardot.gif" WIDTH=668 HEIGHT=3
BORDER="0"></TD>
</tr>
</table>
<div id="what" class="tabcontent" style="position:
relative; display: none;">
1 PC I.E./Netscape. Mac Netscape not I.E.
</div>
<div id="how" class="tabcontent" style="position:
relative; display: none;">
2 PC I.E./Netscape. Mac Netscape not I.E.
</div>
<div id="redesign" class="tabcontent" style="position:
relative; display: none;">
3 PC I.E./Netscape. Mac Netscape not I.E.
</div>
</body>
</html>