*{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #fff;
}
#conteudo{
	width: 936px;
	height: 751px;
	background-color: #000;
	position: relative;
	left: 0;
	top: 0;
}
#conteudo.capa{
	background-image: url(img/capa2.jpg);
}
#personagens{
	width: 250px;
	height: 680px;
	position: absolute;
	left: 15px;
	top: 70px;
	z-index: 3;
}
#timeline{
	position: absolute;
	left: 0;
	top: 0;
	width: 936px;
	height: 700px;
	z-index: 1;
}
#personagens h2,
#personagens h2 a{
	width: 250px;
	height: 209px;
	float: left;
	display: block;
}
#personagens h2 a{
	overflow: hidden;
	text-indent: -5000px;
}
#conteudo.bella #personagens h2.p1 a,
#conteudo.edward #personagens h2.p2 a,
#conteudo.jacob #personagens h2.p3 a,
#personagens h2 a:hover{
	background-position: 0 -209px;
}

#personagens h2.p1 a{	background-image: url(img/menu_bella.jpg);}
#personagens h2.p2 a{	background-image: url(img/menu_edward.jpg);}
#personagens h2.p3 a{	background-image: url(img/menu_jacob.jpg);}