/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu {
	position: relative;
	background: transparent;
	width: 800px;
	height: 26px;
	margin: 0 auto;
	
	}

#menu ul {
padding:0; margin:0 8px 0 0; list-style-type: none; float: right;
}
#menu ul li {
float:left; position:relative;
} 

/* main menu */
#menu ul li.dream { background:transparent url(/images/hnav_dream.jpg) no-repeat top left; width: 108px; }
#menu ul li.design { background:transparent url(/images/hnav_design.jpg) no-repeat top left; width: 108px; }
#menu ul li.deliver { background:transparent url(/images/hnav_deliver.jpg) no-repeat top left; width: 68px; padding-right: 5px; }

#menu ul li a, #menu ul li a:visited {
display:block; text-decoration:none; height:26px; color:#000; padding-left:30px; line-height:29px; font: 11px verdana, sans-serif;
text-align: center; }

* html #menu ul li a, #menu ul li a:visited {
width:100px; w\idth:70px;
}

#menu ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
#menu table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* Gets rid of text on first level image */
#menu ul li a { text-indent: -9999px; }

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
#menu ul li:hover a,
#menu ul li a:hover {
	color:#fff; text-decoration:underline; border:0;
	}
	
	
	/* necessary to remove background off second level anchors */
	#menu ul li.dream:hover a, #menu ul li.dream a:hover {
		background: transparent url(/images/hnav_dream_hover.jpg) no-repeat bottom left;
		}
	#menu ul li.dream:hover ul li a:hover, #menu ul li.dream a:hover ul li a:hover,
	#menu ul li.dream:hover ul li a, #menu ul li.dream a:hover ul li a {
		background-image: none;
		}
	#menu ul li.design:hover a, #menu ul li.design a:hover {
		background: transparent url(/images/hnav_design_hover.jpg) no-repeat bottom left;
		}
	#menu ul li.design:hover ul li a:hover, #menu ul li.design a:hover ul li a:hover,
	#menu ul li.design:hover ul li a, #menu ul li.design a:hover ul li a {
		background-image: none;
		}
	#menu ul li.deliver:hover a, #menu ul li.deliver a:hover {
		background: transparent url(/images/hnav_deliver_hover.jpg) no-repeat bottom left;
		}
	#menu ul li.deliver:hover ul li a:hover, #menu ul li.deliver a:hover ul li a:hover,
	#menu ul li.deliver:hover ul li a, #menu ul li.deliver a:hover ul li a {
		background-image: none;
		}
	/* End the necessary evil */


#menu ul li:hover ul,
#menu ul li a:hover ul {
visibility:visible; width:160px; height:auto; position:absolute; top:26px; left:0; background:#fff; overflow:visible; 
}
#menu ul li:hover ul li a,
#menu ul li a:hover ul li a {
display:block; text-decoration:none; color:#000000; height:auto; line-height:1.5em; padding:5px 10px 5px 10px; width:160px; w\idth:140px; border-bottom: 1px solid #000000; text-indent: 0; /* <-- Returns text to sub-level links under first level images */ 
}
#menu ul li:hover ul li a.drop,
#menu ul li a:hover ul li a.drop {
display:block; color:#000000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:160px; w\idth:140px;
}
#menu ul li:hover ul li ul,
#menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
/* second level link styles */
#menu ul li:hover ul li a:hover,
#menu ul li a:hover ul li a:hover {
color:#fff; text-decoration:none; background: #000000; border-bottom: 1px solid #323A15;
}