*{margin:0; padding:0;}

ul{
	list-style-type:none;
}

ul#menu{
	width:624px;
	margin:0 auto;
	margin-top:52px;
}

ul#menu li{
	position:relative;
	float:left; /* alinhando na horizontal */
}

ul#menu li a{
	text-align:center;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:13px;
	color:#7f001a;
	display:block;
	float:left;
	padding:0px 0px 0px 0px;
	width:156px;
	height:39px;
	line-height:37px;
	text-decoration:none;
	background-image:url('../layout/menu.jpg');
}

ul#menu li a:hover{
	color:#fff;
	background-image:url('../layout/menu.jpg');
}

/* fazendo desaparecer os sub menu */
ul#menu li ul{
	background-color:#ccc;
	display:none;
	position:absolute;
	top:39px;
	left:1px;
	clear:both;
}

/* fazendo aparecer */
ul#menu li:hover ul,
ul#menu li.hover ul{
	display:block;
}

/* RESOLVENDO O PROBLEMA COM O IE6 NOS SUB MENUS */
ul#menu li ul a{
	width:150px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

ul#menu li ul li{
	float:none;
	clear:both;
}

ul#menu li ul li a{float:none;}


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */* html * { color: expression( (function(who){ if(!who.MXPC){        who.MXPC = '1';        if(who.nodeName != 'A'){                who.onmouseenter=function(){ who.className += ' hover'};                who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }        (who==who.parentNode.firstChild) ? who.className += ' first-child' : '';} } )(this) , 'auto') }