*{
  margin:0;
  padding:0;
}
 img {
	border: none;	
}

body{
     background: url(imagens/fundo-home.jpg) no-repeat; 
	color:#000;
	text-align:center;
	}

#geral {	 
     width:1000px;	 

	 margin:0 auto;
	 text-align:left;
	 } 
	 #principal {	 
     width:1000px;	 
padding:20px 0 0 0;
	 margin:0 auto;
	 text-align:left;
	 }
#sidebar{ float:left; width:120px; height:730px; background:#000; margin-left:5px;}	  

#sidebar h1 {float:left; padding:10px 0 0 11px;}


 


 #nav a:hover {color:#fff;}
 
#fernanda{float:left; padding:5px 0 0 25px;}

#conteudo{float:left; width:870px; }

#dia{float:left; padding:45px 0 0 0;}

#cocktail{float:left; padding:15px 0 0 0;background:yello;}

#festa{float:left; padding:65px 0 0 20px;}

#baile{float:right; padding:30px 10px 0 0;}



#menu{float:left; padding:15px 0 0 0;}

ul#nav, ul#nav li ul{
font: 12px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
list-style: none;
width: 10em;

background: #000;
}

ul#nav li { /* cria contexto de posicionamento para o submenu */
position: relative;
}

ul#nav li ul { /* posiciona o submenu */
position: absolute;
left: 10em;
top: 0;
display: none;
}

ul#nav li a, ul#nav ul li a {
display: block;
text-decoration: none;
color: #cc9933;
padding: 0.25em 0.5em 0.45em 0.75em;

}




/* */

ul#nav li:hover ul,
ul#nav li.over ul {display: block; width:80px;} /* revela o submenu*/