<html>
<head>
	<title>Zonic - Chameleon</title>
	<link rel=stylesheet href="../../html/style.css" type="text/css">
	<script language="javascript">
		<!--#include virtual="/html/functions.js"  -->
		<!--#include virtual="/html/navigation.js" -->

		download_up       = new Image();
		download_down     = new Image();
		download_up.src   = "images/sidebar_01.jpg";
		download_down.src = "images/sidebar_roll_01.jpg";

		register_up       = new Image();
		register_down     = new Image();
		register_up.src   = "images/sidebar_02.jpg";
		register_down.src = "images/sidebar_roll_02.jpg";

        tutorial_up       = new Image();
		tutorial_down     = new Image();
		tutorial_up.src   = "images/tutorial.jpg";
		tutorial_down.src = "images/tutorial_roll.jpg";
		
		features_up       = new Image();
		features_down     = new Image();
		features_up.src   = "images/sectionbar_01.jpg";
		features_down.src = "images/sectionbar_high_01.jpg";
		
		downloadbar_up       = new Image();
		downloadbar_down     = new Image();
		downloadbar_up.src   = "images/sectionbar_03.jpg";
		downloadbar_down.src = "images/sectionbar_high_03.jpg";
		
		tutorialbar_up       = new Image();
		tutorialbar_down     = new Image();
		tutorialbar_up.src   = "images/sectionbar_04.jpg";
		tutorialbar_down.src = "images/sectionbar_high_04.jpg";

	</script>
    <STYLE type="text/css">
    H1.chameleon {text-align: center;
                font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
                font-size:				24px;
                font-weight: normal}
    H1.image {padding-left:5;
                padding-right:5;
                padding-bottom:1}
    H1.tagline {text-align: center;
                font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
                font-size:				18px;
                color:					#888888;
                font-weight: normal}
    </STYLE>
</head>
<body>



<!--=================================================-->
<!--    Page Header                                  -->
<!--=================================================-->
<!--#include virtual="/html/header.html"             -->
<!--=================================================-->



<!--=================================================-->
<!--    Page Content                                 -->
<!--=================================================-->
<table width=780 cellpadding=40 cellspacing=0 border=0>
<tr>
<td height=400 align=left valign=top>

<table cellpadding=0 cellspacing=0 border=0>

<tr>
<td height=400 align=left valign=top>
<p style="text-align: center">
<img name=detail  src="images/headerlatest.jpg"  width=425 height=317 alt="Palm Trees">
</p>
<p style="text-align: center">
<img src="images/chameleon_icon.jpg" alt="Chameleon 1.7" width=277 height=51> </p>
<h1 class=tagline>Turning your pictures into works of art</h1>
&nbsp;
<table cellpadding=0 cellspacing=0 border=0>

<tr>
<td align=center>
		<a href="index.html" onmouseout="imageUp('features')" onmouseover="imageDown('features')">
	<img name=features src="images/sectionbar_01.jpg" alt="Features" width=118 height=48 border=0></a>
	</td>
<td align=center>
	<img name=screenshots src="images/sectionbar_high_02.jpg" alt="Screenshots" width=141 height=48 border=0></a>
	</td>
	<td align=center>
		<a href="download.html" onmouseout="imageUp('downloadbar')" onmouseover="imageDown('downloadbar')">
	<img name=downloadbar src="images/sectionbar_03.jpg" alt="Download" width=121 height=48 border=0></a>
	</td>
	<td align=center>
		<a href="tutorials/index.html" onmouseout="imageUp('tutorialbar')" onmouseover="imageDown('tutorialbar')">
	<img name=tutorialbar src="images/sectionbar_04.jpg" alt="Free tutorials" width=165 height=48 border=0></a>
	</td>
	</tr>

</table>

<p style="text-align: center">
<a href="images/screenshot1.jpg">
<img src="images/screenshot_thumb1.jpg" alt="Main Window" width=267 height=250></a>
<a href="images/screenshot2.jpg">
<img src="images/screenshot_thumb2.jpg" alt="Applying Effects" width=267 height=250></a>
<a href="images/screenshot3.jpg">
<img src="images/screenshot_thumb3.jpg" alt="Adding Borders" width=267 height=250></a>
<a href="images/screenshot4.jpg">
<img src="images/screenshot_thumb4.jpg" alt="Printing Layouts" width=267 height=250></a> </p>

</td>

<td align=left valign=top>
	<table align=center border=0 cellpadding=0 cellspacing=0 height=20>
<tr>
	<td align=center>
		<a href="http://www.zonic.co.uk/products/chameleon/files/Chameleon.dmg" onmouseout="imageUp('download')" onmouseover="imageDown('download')">
	<img name=download src="images/sidebar_01.jpg" alt="Download" width=200 height=108 border=0></a>
	</td>
</tr>
<tr>
	<td align=center>
		<a href="http://order.kagi.com/?6AF" onmouseout="imageUp('register')" onmouseover="imageDown('register')">
	<img name=register src="images/sidebar_02.jpg" alt="Register" width=200 height=55 border=0></a>
	</td>
</tr>

<tr>
	<td align=center>
	<img src="images/sidebar_03.jpg" alt="Features" width=200 height=915 border=0>
	</td>
</tr>

</table>
</td>

</tr>
</table>

</td>
</tr>
</table>
<!--=================================================-->



<!--=================================================-->
<!--    Page Footer                                  -->
<!--=================================================-->
<!--#include virtual="/html/footer.html"             -->
<!--=================================================-->



</body>
</html>

