<!doctype html>
<html lang="en">
   <head>
      <title>Chart</title>
   </head>
<style>
.container {
	width: 970px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.chart{
	background:url(chart.png) no-repeat;
	max-height:967px;}
	
.image_1:hover{
	background: url('front_images/hover_images/1.png') no-repeat bottom;
	text-indent: -99999px;
	
	

}	
</style>   

<body>

<div class="container">
  <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" class="chart">
  <tbody>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><table width="30%" cellspacing="0" cellpadding="0" border="0">
      <tbody><tr>
        <td valign="top" align="center"><div class="">
        <a href="#"><img width="60" height="88" style="margin-top: -13px; margin-left: 20px;" src="front_images/1.png"></a></div></td>
      </tr>
      <tr>
        <td valign="top" align="center"><a href="#"><img width="41" height="19" src="front_images/2.png" style="margin-top: -15px; float: left; margin-left: 123px;"></a></td>
      </tr>
      <tr>
        <td valign="top" align="center"><table width="37%" cellspacing="0" cellpadding="0" border="0">
          <tbody><tr>
            <td width="76%">
            <a href="#"><img width="zz" height="107" alt="" src="front_images/7.png" style="width: 49px; margin-left: 31px; margin-top: -2px;"></a>
            <a href="#"><br>
            <img width="55" height="77" style="margin-top: -26px; margin-left: 8px;" src="front_images/8.png"></a>            
            <a href="#"> <img width="99" height="148" style="top: 0px; padding-top: 0px; margin-top: -158px; float: left; margin-left: 53px;" alt="" src="front_images/4.png"></a></td>
            <td width="24%">
            <a href="#"><img width="36" height="102" style="margin-top: 8px; margin-left: -12px;" alt="" src="front_images/3.png"></a>
            <a href="#"><img width="46" height="72" alt="" src="front_images/5.png" style="margin-top: -21px; margin-left: -3px;"></a></td>
          </tr>
          <tr>
            <td><a href="#"><img width="52" height="58" alt="" src="front_images/10.png" style="float: left; margin-left: -24px; margin-top: -17px;"></a>
           <a href="#"> <img width="41" height="54" style="margin-left: 65px; margin-top: -10px;" src="front_images/9.png" alt=""></a><br>
             <a href="#"> <img width="54" height="131" style="margin-top: -66px; margin-left: 112px;" src="front_images/12.png"></a></td>
            <td>&nbsp;</td>
          </tr>
        </tbody></table></td>
      </tr>
      <tr>
        <td valign="top" align="center"><table width="100%" cellspacing="0" cellpadding="0" border="0">
          <tbody><tr>
            <td valign="top">&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><a href="#"><img width="49" height="150" src="front_images/11.png" style="margin-left: -32px; float: left; margin-top: -153px;"></a></td>
            <td align="right"><a href="#"><img width="50" height="63" src="front_images/6.png" style="float: left; margin-top: -134px; margin-left: -49px;"></a></td>
          </tr>
        </tbody></table></td>
      </tr>
      <tr>
        <td valign="top" align="center">&nbsp;</td>
      </tr>
      <tr>
        <td valign="top"><table width="90%" cellspacing="0" cellpadding="0" border="0" align="center">
          <tbody>
          <tr>
            <td align=""><a href="#"><img width="32" height="84" src="front_images/13.png" style="float: right; margin-right: -6px; margin-left: 77px; margin-top: -49px;"></a></td>
            <td align=""><a href="#"><img width="44" height="92" style="margin-left: 0px; float: left; margin-right: 68px; margin-top: -39px;" src="front_images/14.png"></a></td>
          </tr>
          <tr>
            <td align=""><a href="#"><img width="38" height="62" style="float: right; margin-left: 66px; margin-right: -9px; margin-top: -2px;" src="front_images/15.png"></a></td>
            <td align=""><a href="#"><img width="38" height="62" style="margin-left: -2px; float: left; margin-right: 0px; margin-top: -6px;" src="front_images/16.png"></a></td>
          </tr>
        </tbody></table></td>
      </tr>
      <tr>
        <td valign="top" align="center">&nbsp;</td>
      </tr>
      <tr>
        <td valign="top" align="center">&nbsp;</td>
      </tr>
      <tr>
        <td valign="top" align="center">&nbsp;</td>
      </tr>
      <tr>
        <td valign="top" align="center">&nbsp;</td>
      </tr>
      </tbody>
    </table></td>
    <td valign="top"><table width="41%" cellspacing="0" cellpadding="0" border="0">
  <tbody><tr>
    <td width="19%">&nbsp;</td>
    <td width="39%"></td>
    <td width="42%"></td>
  </tr>
    <tr>
      <td>&nbsp;</td>
      <td><a href="#"><img width="53" height="64" style="margin-left: -513px; margin-top: -19px;" src="back_images/r1.png"></a></td>
      <td></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><a href="#">
      <img width="47" height="42" src="back_images/r2.png" style="margin-left: -512px; margin-top: -57px; float: left;"></a></td>
      <td></td>
    </tr>
    <tr>
      <td><a href="#">
      <img width="115" height="145" style="margin-left: -539px; float: left; margin-top: -37px;" src="back_images/r3.png">	</a></td>
      <td><a href="#"><img width="39" height="82" src="back_images/r4.png" style="margin-left: -567px; float: left; margin-top: -53px;"></a></td>
      <td><a href="#"><img width="31" height="88" style="margin-left: -454px; margin-top: -37px;" src="back_images/r6.png"></a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><a href="#"><img width="49" height="59" src="back_images/r5.png" style="margin-left: -591px; margin-top: -47px;"></a></td>
      <td><a href="#"><img width="42" height="74" style="margin-left: -446px; margin-top: -41px;" src="back_images/r7.png"></a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td valign="top"><a href="#"><img width="43" height="59" style="margin-left: -621px; margin-top: -24px;" src="back_images/r8.png"></a>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tbody><tr>
            <td>&nbsp;</td>
            <td><a href="#"><img width="43" height="64" src="back_images/r10.png" style="margin-left: -541px; margin-top: -88px; float: left;"></a></td>
          </tr>
        </tbody></table></td>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tbody><tr>
          <td><a href="#"><img width="46" height="63" src="back_images/r11.png" style="margin-left: -497px; margin-top: -65px; float: left;"></a></td>
          <td><a href="#"><img width="34" height="50" style="margin-left: -426px; margin-top: -30px;" src="back_images/r9.png"></a></td>
        </tr>
      </tbody></table></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><a href="#"><img width="47" height="90" src="back_images/r12.png" style="margin-left: -536px; margin-top: -37px;"></a></td>
      <td><a href="#"><img width="44" height="91" style="margin-left: -500px; margin-top: -33px;" src="back_images/r13.png"></a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><a href="#"><img width="29" height="78" src="back_images/r14.png" style="margin-left: -525px; margin-top: -29px;"></a></td>
      <td valign="top"><a href="#"><img width="31" height="79" src="back_images/r15.png" style="margin-left: -504px; margin-top: -27px;"></a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><a href="#"><img width="21" height="18" src="back_images/r16.png" style="margin-left: -518px; margin-top: -5px; float: left;"></a></td>
      <td valign="top"><a href="#"><img width="21" height="20" style="margin-left: -504px; margin-top: -3px; float: left;" src="back_images/r17.png"></a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td valign="top">&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><a href="#"><img width="27" height="50" style="margin-left: -525px; margin-top: -22px; float: left;" src="back_images/r18.png"></a></td>
      <td valign="top"><a href="#"><img src="back_images/r19.png" width="25" height="50" style="margin-left: -506px; margin-top: -23px; float: left;"></a></td>
    </tr>
  </tbody>
    </table>
</td>
  </tr>

  
</tbody>
</table>

   
   
   </div>
</body>
</html>