Here is the code
<!DOCTYPE html>
<html lang="en">
<head>
<title>Basix</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Walkway_Bold_400.font.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, .menu li a');
</script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1">
<div style="position:relative;">
<div style="position:absolute; z-index:1;">
<object width="725" height="655">
<param name="movie" value="background_spheres_swf/bgd_spheres.swf"></param>
<embed width="725" height="655" src="background_spheres_swf/bgd_spheres.swf"></embed>
</object>
</div> <!--start-->
<div style="position:relative; z-index:2;">
<div class="main">
<!--==============================header=================================-->
<header>
<h1><img src="images/logo1a.png" alt="" height="114" width="364" /></h1>
<nav>
<ul class="menu">
<li><a href="index-1.html">About Basix </a></li>
<li><a href="index-2.html">Solutions </a></li>
<li><a href="index-3.html">Customer</a></li>
<li><a href="index-4.html">Contacts </a></li>
</ul>
</nav>
</header>
<!--==============================footer=================================-->
<footer>
<span>vertuex © 2010</span> | <a href="index-5.html">Privacy policy </a><br><!-- {%FOOTER_LINK} -->
</footer>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</div>
</div>
</body>
</html>
