CoconutHouse
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Coconut House</title>
<link href="css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="container">
		<div id="header" class="wrapper clearfix">
			<h1><a href="index.html">The Coconut House</a></h1>
			<ul class="clearfix">
				<li class="item-0"><a href="index.html">Home</a></li>
				<li class="item-1"><a href="page.html">Shop</a></li>
				<li class="item-2"><a href="page.html">Ingredients</a></li>
				<li class="item-3"><a href="page.html">Benefits</a></li>
				<li class="item-4"><a href="page.html">About</a></li>
				<li class="item-5"><a href="page.html">Contact</a></li>
			</ul>
		</div>
		<div id="rotator-mask">
			<div class="wrapper clearfix">
				<div id="rotator">
					<img src="img/slide.jpg" alt="slide" width="470" height="252" />
					<img src="img/slide2.jpg" alt="slide" width="470" height="252" />
				</div>
				
				<div id="news">
					<h2>What’s New</h2>
					<div>
						<h3>New website for The Coconut House</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo ante et massa ultrices nec posuere turpis euismod. Phasellus porttitor tellus sed leo consequat mollis. Proin eu ligula ac justo lacinia rhoncus at sit amet ipsum. Nullam consectetur pretium tellus, eget lacinia orci dignissim non. Nam viverra mi eget lorem rhoncus venenatis. Pellentesque ac sapien mauris.</p>
					</div>
				</div>
				
				<span id="rotator-next">Next</span>
				<span id="rotator-prev">Previous</span>
			</div>
		</div>
		<div id="products" class="wrapper clearfix">
			<h2>The Coconut Shop</h2>
			<div class="widget">
				<a href="page.html"><img src="img/coconut-1.png" alt="Coconut Creme Brulee Lip Balm" width="224" height="205" /></a>
				<h3>Coconut Creme Brulee Lip Balm</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo ante</p>		
				<a href="#" class="btn">MORE DETAILS</a>		
			</div>
			<div class="widget">
				<a href="page.html"><img src="img/coconut-2.png" alt="Mango Papaya Swirl Lip Balm" width="224" height="205" /></a>
				<h3>Mango Papaya Swirl Lip Balm</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo ante</p>		
				<a href="#" class="btn">MORE DETAILS</a>		
			</div>
			<div class="widget">
				<a href="page.html"><img src="img/coconut-1.png" alt="Key Lime Mojito Lip Balm" width="224" height="205" /></a>
				<h3>Key Lime Mojito Lip Balm</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo ante</p>		
				<a href="#" class="btn">MORE DETAILS</a>		
			</div>
			<div class="widget">
				<a href="page.html"><img src="img/coconut-1.png" alt="Passion Peach Sorbet Lip Balm" width="224" height="205" /></a>
				<h3>Passion Peach Sorbet Lip Balm</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo ante</p>		
				<a href="#" class="btn">MORE DETAILS</a>		
			</div>
		</div>
  	<div class="push"></div>
  </div>
  <div id="footer">
  	<div class="wrapper">
		  <p>Copyright &copy; <a href="index.html">The Coconut House</a>.  All Rights Reserved.</p>
		  <small>site by <a href="http://www.alluregraphicdesign.com" rel="external">Allure Graphic Design</a></small>
  	</div>
  </div>
	
	<script type="text/javascript" src="js/vendor/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" src="js/plugins.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
</body>
</html>