/* -------------------------------------------------------------- 
   SCREEN
-------------------------------------------------------------- */

body { width: 100%; }

/* NAVIGATION */
#navigation {
	position: absolute;
	margin: 0;
	margin-top:170px;
	padding: 0;
	top: 0;
	left: 0;
	list-style: none;
	height: 51px;
}

#navigation li { 
width: 46px;
}

#navigation li a { 
display: block; 
margin-left: -70px; 
padding-top: 51px; 
width: 80px; 
height: 0; 
overflow: hidden;
}

/* B Model */

#navigation .bmodel { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/bmodel-over.png) no-repeat -90px 0px; 
}
#navigation .bmodel a { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/bmodel-over.png) no-repeat -10px 0px; 
}

#navigation .bmodel a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/bmodel-active.png) no-repeat 0px 0px; 
}

#navigation .bmodel a span{
display:none;
}


/* Facebook */

#navigation .facebook {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 140px;
	height: 51px;
	background-image: url(../img/cx_facebook.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navigation .facebook a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 51px;
	background-image: url(../img/cx_facebook_over.png);
	background-repeat: no-repeat;
	background-position: -10px 0px;
}

#navigation .facebook a:hover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 51px;
	background-image: url(../img/cx_facebook_over.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#navigation .facebook a span{
display:none;
}




/* Sondagem */

#navigation .sondagem { 
position: absolute;
top: 51px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/sondagem.png) no-repeat 0px 0px; 
}
#navigation .sondagem a { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/sondagem-over.png) no-repeat -10px 0px; 
}

#navigation .sondagem a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/sondagem-active.png) no-repeat 0px 0px; 
}

#navigation .sondagem a span{
display:none;
}

/* Scouting */

#navigation .scouting { 
position: absolute;
top: 102px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/scouting.png) no-repeat 0px 0px; 
}
#navigation .scouting a {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/scouting-over.png) no-repeat -10px 0px;
}

#navigation .scouting a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/scouting-active.png) no-repeat 0px 0px; 
}

#navigation .scouting a span{
display:none;
}


/* Entrevistas */

#navigation .entrevistas { 
position: absolute;
top: 153px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/entrevistas.png) no-repeat 0px 0px; 
}
#navigation .entrevistas a {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/entrevistas-over.png) no-repeat -10px 0px;
}

#navigation .entrevistas a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/entrevistas-active.png) no-repeat 0px 0px; 
}

#navigation .entrevistas a span{
display:none;
}



/* Celebrity */

#navigation .celebrity { 
position: absolute;
top: 220px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/celebrity.png) no-repeat 0px 0px; 
}

#navigation .celebrity a {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/celebrity-over.png) no-repeat -10px 0px;
}

#navigation .celebrity a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/celebrity-active.png) no-repeat 0px 0px; 
}

#navigation .celebrity a span{
display:none;
}


/* Sports */

#navigation .sports { 
position: absolute;
top: 271px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/sports.png) no-repeat 0px 0px; 
}
#navigation .sports a {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/sports-over.png) no-repeat -10px 0px;
}

#navigation .sports a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/sports-active.png) no-repeat 0px 0px; 
}

#navigation .sports a span{
display:none;
}

/* Music */

#navigation .music { 
position: absolute;
top: 322px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/music.png) no-repeat 0px 0px; 
}
#navigation .music a {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/music-over.png) no-repeat -10px 0px;
}

#navigation .music a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/music-active.png) no-repeat 0px 0px; 
}

#navigation .music a span{
display:none;
}

/* International */

#navigation .international { 
position: absolute;
top: 373px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/international.png) no-repeat 0px 0px; 
}
#navigation .international a {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/international-over.png) no-repeat -10px 0px;
}

#navigation .international a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/international-active.png) no-repeat 0px 0px; 
}

#navigation .international a span{
display:none;
}



/* Dance */

#navigation .dance {
	position: absolute;
	top: 426px;
	left: 0px;
	width: 140px;
	height: 51px;
	background: url(../img/dance.png) no-repeat 0px 0px;
}
#navigation .dance a {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/dance-over.png) no-repeat -10px 0px;
}

#navigation .dance a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 51px;
background: url(../img/dance-active.png) no-repeat 0px 0px; 
}

#navigation .dance a span{
display:none;
}

