/****************************FOOTER*******************************/

/*coloca o footer sempre no final da página*/
.ft
{
font:normal 11px Georgia;
color:#9a8168;
bottom:0px;
position:absolute;
width:100%;
background-image:url('ft_bg.png');
}


/*div que agrupa as divs dos links e a div da signature*/

#ft_links_signature
{
float:left;
width:25%;
}

/*div dos links do face*/
#ft_links
{
float:left;
padding-left:4px;
padding-bottom:3px;
padding-top:4px;
}


/*para as imagens dos links*/
.ft_item img
{
height:22px;
width:22px;
padding-right:5px;
border:0px;
}

/*div da signature capcat raga*/
#ft_signature
{
float:left;
padding-left:4px;
padding-top:1px;
border:0px;
}

/*div dos creditos*/
#ft_credits
{
width:25%;
float:right;
text-align:right;
padding-right:7px;
padding-bottom:3px;
padding-top:10px;
}

#ft_credits a
{
font:normal 11px Georgia;
color:#9a8168;
text-decoration:none;
}

#ft_credits a:hover
{
color:#f4e3ce;
}


/****CRUMB****/
#crumb
{
font:normal 13px Georgia;
color:#f4e3ce;
position:absolute;
bottom:0;
padding-bottom:5px;
padding-top:8px;
width:50%;
text-align:center;
margin-left:25%;
}

#crumb a
{
color:#f4e3ce;
}

#crumb a:hover
{
text-decoration:underline;
}

/****************************HEADER*******************************/
#sections
{
margin-left:auto;
margin-right:auto;
width:703px;
text-align:center;
background-image:url('menu_bg.png');
background-repeat:no-repeat;
background-position:center;
height:52px;
padding-top:38px;
}

#sections a
{
	background-image:url('menu_sprite.png');
	background-repeat:no-repeat;
	color:transparent;
	float:left;
	margin-right:2px;
}

/*..........SECÇÕES DO MENU COM SPRITES...........*/


/*****************HOME**********/
/*tamanho do sprite para a secção home */
#sections a.ml_home, #sections a.actual_home
{
width:99px;
height:40px;
}

/*dependendo se ta seleccionado, hover ou normal, muda a posição do sprite*/
#sections a.ml_home
{
background-position:-30px -40px;
}

#sections a.ml_home:hover
{
background-position:-30px -130px;
}

#sections a.actual_home
{
background-position:-30px -220px;
}

/*****************ABOUT**********/
/*tamanho do sprite para a secção about */
#sections a.ml_about, #sections a.actual_about
{
width:144px;
height:40px;
}

/*dependendo se esta seleccionado, hover ou normal, muda a posição do sprite*/
#sections a.ml_about
{
background-position:-135px -40px;
}

#sections a.ml_about:hover
{
background-position:-135px -130px;
}

#sections a.actual_about
{
background-position:-135px -220px;
}


/*****************PROJECTS**********/
/*tamanho do sprite para a secção a projects*/
#sections a.ml_projects, #sections a.actual_projects
{
width:136px;
height:40px;
}

/*dependendo se esta seleccionado, hover ou normal, muda a posição do sprite*/
#sections a.ml_projects
{
background-position:-280px -40px;
}

#sections a.ml_projects:hover
{
background-position:-280px -130px;
}

#sections a.actual_projects
{
background-position:-280px -220px;
}

/*****************pubs**********/
/*tamanho do sprite para a secção a pubs*/
#sections a.ml_pubs, #sections a.actual_pubs
{
width:181px;
height:40px;
}

/*dependendo se esta seleccionado, hover ou normal, muda a posição do sprite*/
#sections a.ml_pubs
{
background-position:-415px -40px;
}

#sections a.ml_pubs:hover
{
background-position:-415px -130px;
}

#sections a.actual_pubs
{
background-position:-415px -220px;
}


/*****************CONTACT**********/
/*tamanho do sprite para a secção a contact*/
#sections a.ml_contact, #sections a.actual_contact
{
width:128px;
height:40px;
}

/*dependendo se esta seleccionado, hover ou normal, muda a posição do sprite*/
#sections a.ml_contact
{
background-position:-600px -40px;
}

#sections a.ml_contact:hover
{
background-position:-600px -130px;
}

#sections a.actual_contact
{
background-position:-600px -220px;
}