*{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
}
html {
overflow: hidden;
}
body {
	background-image: url(../imagens/bg.jpg);
}
#conteudo, #conteudo_rodape, #m_filmes
{
	float:left;
	clear: none;
}
#principal {
	width: 1000px;
}
#topo {
	width: 1000px;
	height: 130px;
	background-image: url(../imagens/topo.jpg);
	background-color: #F93;
}
#m_filmes {
	width: 150px;
}
#conteudo {
	width: 1000px;
}
#conteudo_rodape {
	width: 1000px;
}
#rodape {
	width: 1000px;
	clear: both;
	height: 70px;
}
#menu {
	float: left;
	width: 1000px;
	background-color: #003399;
}
ul#menu {
	list-style: none;
	background: #F60;
	margin: 0px; /* zerando a margem */
	padding: 0px; /* zerando o espaço entre os elementos */
	width: 1000px; /* aqui definimos a largura do menu, se esse atributo não estivesse definido, ele ocuparia a tela inteira */
}
ul#menu li {
	float: left;
	width: 200px;
	
}
ul#menu li a {
	width: 194px; /* aqui estamos definindo a largura do link ( largura total - padding-left = 180px - 3px = 177px ) */
	height: 18px; /* aqui se aplica a mesma situação de cima, mas não foi definido a altura ( 20px - 2px = 18px ) */
	display: block; /* Essa aqui que é a jogada... o display com a propriedade block, o espaço todo do fundo ficará de outra cor */
	padding-top: 3px;
	padding-left: 4px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #000; /* Esta borda separa os itens da lista */
}
ul#menu li a:hover {
	color: #000;
	background: #F93; /* mudando apenas a cor do fundo do link */
}
#poster {
	width: 86px;
}
#seta {
	width: 150px;
	height: 20px;
}