<!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=iso-8859-1" />
<title>Accolade Signatures: Kitchen and Bath Designs</title>

<style type="text/css">
body {background-color:rgb(90,89,90); margin:0; padding:0;text-align:center; margin-top:0px;
 background-image:url(images/accolade-signature.jpg);
 background-repeat:no-repeat;
 background-position:center top;
 height:800px;
 }
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


#wrapper {
 margin:0; 
 margin-left:auto; 
 margin-right:auto; 
 padding:0; 
 width:1020px;
}


#navcontainer {
float:left;
width:300px;
text-align:left;
margin-top:40px;
height:20px;
}
#navcontainer ul {display:inline;}
#navcontainer li {
line-height:20px;
padding-right:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
color:#FFF;
letter-spacing:0.025em;
text-decoration:none;
list-style:none;
display:inline;
}
#navcontainer a {
color:#FFF;
text-decoration:none;
}
#navcontainer a:hover {
color:#FF9900;
text-decoration:none;
}
#line1 {
padding-top:50px;
border:red 1px solid;
height:2px;
position:relative;
display:inline;
}
</style>
</head>

<body>
	<div align="center">
	<table cellpadding="0" cellspacing="0" width="1000px" height="254px"><tr>
	  <td width="340px" style="border-right:2px groove #666666;" valign="top" align="left">
	  
		<div id="navcontainer">

		<ul id="navlist">
		<li id="active"><a href="index.php" id="current">ACCOLADE HOME</a></li>
		<li><a href="#">KITCHEN</a></li>
		<li><a href="#">BATH</a></li>
		</ul>

	   </div>	  
	  
	  </td>
	  <td valign="top" width="80px" style="border-right:2px groove #666666;">
	  <img src="images/space.jpg" />
	  </td><td width="580px"></td>
	</tr></table>
	</div>
	


	<div align="center" style="margin:0; padding:0; border-bottom: 2px #666666 groove; border-top: 2px #666666 groove;">
	<table cellpadding="0" cellspacing="0" width="1000px" height="70px" style="margin:0; padding:0;"><tr>
	  <td width="341px" style="border-right:2px groove #666666;" valign="top" align="left">
	  
     <img src="images/space.jpg" />
	  </td>
	  <td width="80px" style="border-right:2px groove #666666;">
	  <img src="images/space1.jpg" />
	  </td><td width="579px"></td>
	</tr></table>
	</div>


	
	<div align="center">
	<table cellpadding="0" cellspacing="0" width="1000px" height="476px"><tr>
	  <td width="341px" style="border-right:2px groove #666666;" valign="top" align="left">
	  
     <img src="images/space.jpg" />	  
	  </td>
	  <td width="80px" style="border-right:2px groove #666666;">
	  <img src="images/space1.jpg" />
	  </td><td width="579px"></td>
	</tr></table>
	</div>

</body>
</html>
