<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGallery Template</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="top_menu">
<ul class="menu">
<li><a href="index.html" class="nav">home</a></li>
<li><a href="#" class="nav">about us</a></li>
<li><a href="#" class="nav">services</a></li>
<li><a href="gallery.html" class="nav">gallery</a></li>
<li><a href="contact.html" class="nav">contact</a></li>
</ul>
</div>
<div id="main_content">
<div id="top_banner">
<a href="index.html"><img src="images/logo.jpg" width="230" height="130" alt="home" title="logo" border="0" class="logo" /></a>
</div>
<div id="page_content">
<div class="title">
Categories
</div>
<div class="details">
<ul class="services">
<li><a href="#" class="nav_services">Abstract photo</a></li>
<li><a href="#" class="nav_services">Nature photo</a></li>
<li><a href="#" class="nav_services">Animation photo</a></li>
<li><a href="#" class="nav_services">Flowers photo</a></li>
</ul>
</div>
<div class="details">
<ul class="services">
<li><a href="#" class="nav_services">Flowers photo</a></li>
<li><a href="#" class="nav_services_a">People photo</a></li>
<li><a href="#" class="nav_services">Beach photo</a></li>
<li><a href="#" class="nav_services">Spring photo</a></li>
</ul>
</div>
<div class="details">
<ul class="services">
<li><a href="#" class="nav_services">Flowers photo</a></li>
<li><a href="#" class="nav_services">People photo</a></li>
<li><a href="#" class="nav_services">Beach photo</a></li>
<li><a href="#" class="nav_services">Spring photo</a></li>
</ul>
</div>
<div class="details">
<ul class="services">
<li><a href="#" class="nav_services">Abstract photo</a></li>
<li><a href="#" class="nav_services">Nature photo</a></li>
<li><a href="#" class="nav_services">Animation photo</a></li>
<li><a href="#" class="nav_services">Flowers photo</a></li>
</ul>
</div>
<div class="details">
<ul class="services">
<li><a href="#" class="nav_services">Abstract photo</a></li>
<li><a href="#" class="nav_services">Nature photo</a></li>
<li><a href="#" class="nav_services">Animation photo</a></li>
<li><a href="#" class="nav_services">Flowers photo</a></li>
</ul>
</div>
<div class="title">
People Photo
</div>
<div class="content_text">
<a href="details.html"><img src="images/pic/1.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/2.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/3.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/4.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/5.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/6.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/7.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/8.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/9.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/1.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/2.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/pic/3.jpg" width="100" height="100" alt="pic" title="pic" class="gallery" /></a>
</div>
<div class="menu_navigation">
<div id="left">
<div class="left"><img src="images/more_l.jpg" width="20" height="20" alt="more" title="more" border="0" class="more" /></div>
<div class="right"><a href="gallery.html">Previous page</a></div>
</div>
<div id="right">
<div class="right"><a href="gallery.html">Next page</a></div>
<div class="left"><img src="images/more.jpg" width="20" height="20" alt="more" title="more" border="0" class="more" /></div>
</div>
</div>
<div class="title">
Inspiration Site
</div>
<div class="content_text">
<a href="http://www.cssmoban.com"><img src="images/s5.jpg" width="125" height="40" alt="s" title="s" class="inspiration" /></a>
<a href="#"><img src="images/s2.jpg" width="125" height="40" alt="s" title="s" class="inspiration" /></a>
<a href="#"><img src="images/s3.jpg" width="125" height="40" alt="s" title="s" class="inspiration" /></a>
<a href="#"><img src="images/s4.jpg" width="125" height="40" alt="s" title="s" class="inspiration" /></a>
<a href="#"><img src="images/s1.jpg" width="125" height="40" alt="s" title="s" class="inspiration" /></a>
</div>
</div>
</div>
<div id="footer">
<div id="footer_content">
<div id="copyrights">
Quartz Solution.© All Rights Reserved 2007
</div>
<div>
<ul class="footer_menu">
<li><a href="#" class="nav2">home </a></li>
<li><a href="#" class="nav2">services</a></li>
<li><a href="#" class="nav2">gallery</a></li>
<li><a href="#" class="nav2">contact</a></li>
</ul>
</div>
<div id="madeby">
<a href="http://www.cssmoban.com"><img src="images/csscreme_link.jpg" width="125" height="40" border="0" alt="csscreme" title="csscreme"/></a><br />
<a href="http://validator.w3.org/check?uri=referer" title="This site is W3C compliant">Xhtml</a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=www.csscreme.com&usermedium=all" title="This site is coded with validate CSS">css</a>
</div>
</div>
</div>
</body>
</html>