Untitled

<html>
<head>
<style>
ul.dropdown {
list-style:none;
text-align:center;
}

ul.dropdown li {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
margin-top: 1;
background-color: #378688;
color: #ffffff;
display:inline;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #44b3b3;
color: #ffffff;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #ffffff; text-decoration: none; }
ul.dropdown a:hover	 { color: #ffffff; }
ul.dropdown a:active	{ color: #ffffff; }


/* -- level mark -- */

ul.dropdown ul {
width: 150px;
}

ul.dropdown ul li {
font-weight: normal;
}

ul.dropdown,
ul.dropdown li, ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.dropdown {
position: relative;
z-index: 597;

}

ul.dropdown li {

display:inline;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}

ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}

ul.dropdown ul li {
float: left;
}

ul.dropdown ul ul {
top: 1px;
left: 99%;
}

ul.dropdown li:hover > ul {
visibility: visible;
}

body {
	margin:0;
	padding:0
}

#menu {
	width:100%;
	background-color: #378688;
	margin-bottom:1px;
	display:block;
	left:50%;
}

</style>
</head>


<body>

<div id="header" style="width:100%; background-color:#378688; text-align:center; padding-top:10px; padding-bottom:10px; color:#ffffff;">
<img src="images/logo.png" width="550" alt="Courtville Antiques" title="Courtville Antiques">
<br>
Tel: +353-1-6794042 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
Address: Powerscourt Townhouse, South William Street, Dublin 2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
Email: <a href="mailto:courtville@eircom.net" style="color:#ffffff; text-decoration:none;" onmouseover="this.style.textDecoration='underline'"
onmouseout="this.style.textDecoration='none'">courtville@eircom.net (mailto:courtville@eircom.net)</a>
</div>
<br>
<br>

<div id="menu">
<ul id="nav" class="dropdown dropdown-horizontal">
   <li><a href="./">Home</a></li>
   <li class="dir">Silver</li>
   <li class="dir">Antique Jewellery</li>
   <li class="dir">Engagement Rings
       <ul>
           <li class="dir"><a href="./">Diamond Rings</a>
       </ul>
   </li>
   <li><a href="./">Porcelain</a></li>
   <li><a href="./">About Us</a></li>
</ul>
<div style="clear: both"> &nbsp;</div>

</div>


</body>
</html>