<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en">

<head>
<title>CEM Aquatics</title>

<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<style type="text/css">
 
body {
	font-family: arial, helvetica, serif;
	font-size: 12px;
	color: #666666;
	background: #004276;
	padding: 0;
	margin: 0;
}

#content {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

a {
	text-decoration: none;
}

a:link {
	color: #004276;
}

a:visited {
	color: #AAAAAA;
}

a:active {
	color: #004276;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: arial, helvetica, serif;
	font-size: 16px; 
	font-weight: bold; 
	text-align: left;
	color: #666666;
	background: #FFFFFF;
	padding: 20px 20px 0 20px;
	margin: 0;
}

h2 {
	font-family: arial, helvetica, serif;
	font-size: 12px; 
	font-weight: normal; 
	text-align: left;
	color: #666666;
	background: #FFFFFF;
	padding: 0 20px 0 20px;
	margin: 0;
}

h3 {
	font-family: arial, helvetica, serif;
	font-size: 11px; 
	font-weight: normal; 
	text-align: center;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav a {

	color: #666666;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #666666;
	padding: 0;
	margin: 0;
}

#nav li li a:hover {
	color: #333333;
	font-weight: bold;
}

li {
	float: left;
	position: relative;
	text-align: center;
	width: 118px;
	height: 14px;
	cursor: default;
	background-color: white;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}

li#first {
	width: 121px;
}

li#last {
	width: 121px;
	border-right: 0;
}

li#first:hover {
	background-color: #EEEEEE;
	
	
}

li#last:hover {
	background-color: #EEEEEE;
	
}

li#top:hover {
	background-color: #EEEEEE;
	
}

li#first:active {
	background-color: #EEEEEE;
	
	
}

li#last:active {
	background-color: #EEEEEE;
	
}

li#top:active {
	background-color: #EEEEEE;
	
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: url(cem/menu.jpg) bottom left no-repeat;
	padding: 0.5em 0 4.5em 0;
	margin: 0;
	border: solid 1px #999999;
	border-width: 0 1px 1px 1px;
}

li>ul {
	top: 15px;
	left: -1px;
}

li li {
	display: block;
	float: none;
	text-align: left;
	background-color: transparent;
	margin: 0 -1em 0 1em;
	border: 0;
}

li:hover ul{ 
	display: block;

}

img {
	display: block;
	padding: 0 0 3px 0;
	margin: 0;
	border: 0;
}
</style>

<script language="javascript" type="text/javascript"> 

img2 = new Image() 

seconds = "2"; 

function imgOne() 
{ 
document.myimg.src = "cem/midright1b.jpg";
setTimeout("imgTwo()", seconds * 1000); 
} 
function imgTwo() 
{ 
document.myimg.src = "cem/midright2b.jpg"; 
setTimeout("imgThree()", seconds * 1000); 
} 
function imgThree() 
{ 
document.myimg.src = "cem/midright3b.jpg"; 
setTimeout("imgFour()", seconds * 1000); 
} 
function imgFour() 
{ 
document.myimg.src = "cem/midright4b.jpg"; 
setTimeout("imgFive()", seconds * 1000); 
} 
function imgFive() 
{ 
document.myimg.src = "cem/midright5b.jpg"; 
setTimeout("imgSix()", seconds * 1000); 
} 
function imgSix() 
{ 
document.myimg.src = "cem/midright6b.jpg"; 
setTimeout("imgSeven()", seconds * 1000); 
}  
function imgSeven() 
{ 
document.myimg.src = "cem/midright7b.jpg"; 
setTimeout("imgOne()", seconds * 1000); 
}
</script>




</head>

<body>

<div id="content">
<br>

<table valign="top" align="center" cellpadding="0" cellspacing="3">
	<tr>
		<td align="center" valign="top"><img src="cem/leftb.jpg" alt="" border="0"></td>

		<td align="center" valign="top">
			
			<table valign="top" align="center" cellpadding="0" cellspacing="0">
<tr><td><img src="cem/topright3.jpg" valign="top" alt="" border="0"></td></tr>

<tr><td>
<ul id="nav">

	<li id="first">
		<div><a href="index.html">Home</a></div>

	</li>

	<li id="top">
		<div><a href="about.html">About Us</a></div>

	</li>
	
	<li id="top">
		<div><a href="msd.html">MSD Sheets</a></div>
	</li>

	<li id="top">
		<div>Projects</div>
		<ul>
			<li><a href="pools.html">Swimming Pools</a></li>
			<li><a href="fountains.html">Fountains</a></li>
		</ul>
	</li>

	<li id="last">
		<div>Contact</div>
		<ul>
			<li><a href="service.html">Request Service</a></li>
			<li><a href="catalog.html">Request Catalog</a></li>
			<li><a href="contact.html">Contact Us</a></li>
		</ul>
	</li>
</ul>
</td></tr>

<tr><td align="center" valign="top"><div style="width:600px; height:373px; background-color:white;">
<h1>Fountains</h1>
<h2><p>Select from the list below for more information about these CEM fountain projects.</p>

<a href="lagoon.html">Lagoon</a></p></h2>
</div></td></tr>

			</table>
		</td>
	</tr>
</table>

<table align="center" valign="top" cellspacing="0" cellpadding="0">
<td align="center">
<h3>3154 S. Washington St., Salt Lake City, UT 84115, (801) 485-6800, FAX (801) 466-7457<br>
Copyright © 2007 CEM Aquatics</h3>
</td>
</tr>
</table>

</div>

</body>

</html>