#navMenu {
	margin:0; 
	padding:0;
	list-style:none;	
	font-family:Tahoma;
	line-height:60px;
	width: 1004px;
	height: 34px;
	text-indent: -5000px;
	margin-top: -33px;
	position:relative;
	z-index:1000;
}


#navMenu #home, #navMenu #quem_somos, #navMenu #servicos, #navMenu #automacao_residencial, #navMenu #automacao_comercial, #navMenu #contato{
	float:left;	
	background: url(../imagens/home.png) no-repeat center center;	/* default background image	*/
	width:125px;							/* width and height of the menu item */
	height:34px;
	position:relative;	/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
}

#navMenu #quem_somos {background: url(../imagens/quem_somos.png) no-repeat center center; width: 161px;}
#navMenu #servicos {background: url(../imagens/solucoes.png) no-repeat center center; width: 139px;}
#navMenu #automacao_residencial {background: url(../imagens/automacao_residencial.png) no-repeat center center; width: 226px;}
#navMenu #automacao_comercial {background: url(../imagens/automacao_comercial.png) no-repeat center center; width: 214px;}
#navMenu #contato {background: url(../imagens/contato.png) no-repeat center center; width: 139px;}

#navMenu #home a, #navMenu #quem_somos a, #navMenu #servicos a, #navMenu #automacao_residencial a, #navMenu #automacao_comercial a, #navMenu #contato a{
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	height:34px;
	position:relative;
	color:#777;
	outline:none;
}

#navMenu #home .hover, #navMenu #quem_somos .hover, #navMenu #servicos .hover, #navMenu #automacao_residencial .hover, #navMenu #automacao_comercial .hover, #navMenu #contato .hover {
	background:url(../imagens/home_over.png) no-repeat center center;		/* mouseover image	*/
	position:absolute;	/* must be postion absolute 	*/
	width:125px;	/*	width, height, left and top to fill the whole LI item	*/
	height:34px;
	left:0; 
	top:0;	
	z-index:0;		/* display under the Anchor tag	*/
	display:none;	/* hide it by default	*/
}

#navMenu #quem_somos .hover {background:url(../imagens/quem_somos_over.png) no-repeat center center; width: 161px;}
#navMenu #servicos .hover {background:url(../imagens/solucoes_over.png) no-repeat center center; width: 139px;}
#navMenu #automacao_residencial .hover {background:url(../imagens/automacao_residencial_over.png) no-repeat center center; width: 226px;}
#navMenu #automacao_comercial .hover {background:url(../imagens/automacao_comercial_over.png) no-repeat center center; width: 214px;}
#navMenu #contato .hover {background:url(../imagens/contato_over.png) no-repeat center center; width: 139px;}

#navMenu li.selected {
	/*background:url(selected.jpg) no-repeat center center;*/	/* selected image	*/
}