/* -> Initializing document ----------------------------------- */

*{margin:0;padding:0;}
html{font-size:100%;}

body{
	text-align: center;
	/* Feel free to change the background-color : */
	background-color: #fff;
}

a{text-decoration:none;}
a:active{outline:none;}
:focus{-moz-outline-style:none;}
a img{border:none;}


/* -> The website frame --------------------------------------- */

div#holder{
	position: relative;
	display: block;
	width: 10px;
	margin: 0 auto;
	text-align: left;
}


/* -> The navigation ------------------------------------------ */

ul#menu{
	position: absolute;
	left: 0;
	width: 00%;
	height: 00%;
	background-image: url(../imagens/fundo_menu.gif);
	background-repeat: no-repeat;
	list-style-type: none;
}

	ul#menu li{margin-top: 4px;}
	ul#menu li, ul#menu li a{
		position: relative;
		display: block;
		float: left;
		width: 64px;
		height: 64px;
		overflow: hidden;
	}
	
		ul#menu li a img{
			position: absolute;
			top: -70px;
			left: 0;
		}
		ul#menu li.selected a img{top:0;} /* -> primeira imagem */