/****************************************************************
 * navigation.css
 *
 * talent4.tv | talent4media.com | talent4media.co.uk
 * 
 * site navigation - graphical menus, etc
 ****************************************************************/


#talentnav {
	position: absolute;
	top: 0px;	
	left: 0px;
	width: 180px;
	height: 455px;	
	border-bottom: 1px solid #ff0099;
	text-align: left;
	
}


#talentnav ul li,
#talentnav ul a  {
    display: block;
    list-style: none;
	background-image: url(/images/talentnav.png);
	background-repeat: no-repeat;
	width: 140px;
	height: 21px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden; 
}


#navMBK a { background-position: 0px 0px;}
#navPBR a { background-position: 0px -21px;}
#navJCR a { background-position: 0px -42px;}
#navJEL a { background-position: 0px -63px;}
#navMFL a { background-position: 0px -84px;}
#navPHD a { background-position: 0px -105px;}
#navCHL a { background-position: 0px -126px;}
#navJHO a { background-position: 0px -147px;}
#navCHP a { background-position: 0px -168px;}
#navJHL a { background-position: 0px -189px;}
#navGHF a { background-position: 0px -210px;}
#navJLP a { background-position: 0px -231px;}
#navDLD a { background-position: 0px -252px;}
#navDEV a { background-position: 0px -273px;}
#navSPA a { background-position: 0px -294px;}
#navRPR a { background-position: 0px -315px;}
#navJRY a { background-position: 0px -336px;}
#navJSH a { background-position: 0px -357px;}
#navJTR a { background-position: 0px -378px;}
#navTVC a { background-position: 0px -399px;}

#navMBK a:hover, #idMBK #navMBK a, #navMBK.on a { background-position: -140px 0px;}
#navPBR a:hover, #idPBR #navPBR a, #navPBR.on a { background-position: -140px -21px;}
#navJCR a:hover, #idJCR #navJCR a, #navJCR.on a { background-position: -140px -42px;}
#navJEL a:hover, #idJEL #navJEL a, #navJEL.on a { background-position: -140px -63px;}
#navMFL a:hover, #idMFL #navMFL a, #navMFL.on a { background-position: -140px -84px;}
#navPHD a:hover, #idPHD #navPHD a, #navPHD.on a { background-position: -140px -105px;}
#navCHL a:hover, #idCHL #navCHL a, #navCHL.on a { background-position: -140px -126px;}
#navJHO a:hover, #idJHO #navJHO a, #navJHO.on a { background-position: -140px -147px;}
#navCHP a:hover, #idCHP #navCHP a, #navCHP.on a { background-position: -140px -168px;}
#navJHL a:hover, #idJHL #navJHL a, #navJHL.on a { background-position: -140px -189px;}
#navGHF a:hover, #idGHF #navGHF a, #navGHF.on a { background-position: -140px -210px;}
#navJLP a:hover, #idJLP #navJLP a, #navJLP.on a { background-position: -140px -231px;}
#navDLD a:hover, #idDLD #navDLD a, #navDLD.on a { background-position: -140px -252px;}
#navDEV a:hover, #idDEV #navDEV a, #navDEV.on a { background-position: -140px -273px;}
#navSPA a:hover, #idSPA #navSPA a, #navSPA.on a { background-position: -140px -294px;}
#navRPR a:hover, #idRPR #navRPR a, #navRPR.on a { background-position: -140px -315px;}
#navJRY a:hover, #idJRY #navJRY a, #navJRY.on a { background-position: -140px -336px;}
#navJSH a:hover, #idJSH #navJSH a, #navJSH.on a { background-position: -140px -357px;}
#navJTR a:hover, #idJTR #navJTR a, #navJTR.on a { background-position: -140px -378px;}
#navTVC a:hover, #idTVC #navTVC a, #navTVC.on a { background-position: -140px -399px;}

#sitenav {
    position: absolute;
    top: 0px;
    left: 2px;
    width: 180px;
    height: 40px;
}


#sitenav ul {
    width: 180px;
    height: 35px;
    background: transparent url(/images/sitenav.png) top left no-repeat;
}

	
#sitenav ul li {
		position: absolute;
		top: 0px;
		list-style: none;
		text-indent: -5000px;
		height: 35px;
		display: block;
}


#sitenav ul a {
		height: 35px;
		display: block;
		text-decoration: none;
		outline: none;
}


#navHome  {left: 0; width: 54px;}
#navAbout  {left: 55px; width: 59px;}
#navContact  {left: 114px; width: 66px;}


#navHome a:hover, #idHome #navHome {background: transparent url(/images/sitenav.png) 0px -35px no-repeat;}
#navAbout a:hover, #idAbout #navAbout {background: transparent url(/images/sitenav.png) -55px -35px no-repeat;}
#navContact a:hover, #idContact #navContact {background: transparent url(/images/sitenav.png) -114px -35px no-repeat;}



#sitelogonav a {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 35px;
    text-decoration: none;
    outline: none;
}


#sitelogonav a span { 
    visibility: hidden;
}


#sitelogonav #logonavAbout {
    position: absolute;
    left: 0px;
    width: 137px;
}


#sitelogonav #logonavHome {
    position: absolute;
    left: 138px;
    width: 200px;
}