/*

(c) 2010 Bam Creative
Auhtor: Daniel Brouse

*/

#nav {
	width: 656px;
	height: 48px;
	position: absolute;
	/*top: 202px;*/ top: 144px;
	right: -5px;
}

#nav.employertab {
	/*right: -212px;
	left:506px;*/
	
	right:-10px;
	width:auto;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1 !important;
	
	/*News removal*/
	float:right;
}

#nav a {
	display: block;
	width: auto;
	font-size: 100%;
	text-decoration: none;
	color: #666;
	text-align: center;
	padding: 0;
	height: 48px;
    outline:none;
}

#nav li {
	float: left;
	width: auto;
}

#nav li a {
	/*background: url(/art/nav.jpg) 0 0 no-repeat;
	background: url(/art/nav.png) 0 0 no-repeat;*/
	background: url(/art/nav_oct2013.png) 0 0 no-repeat;
	text-indent: -99999em;
    outline:none;
}



/*---Different nav graphic as need staff border lies under 2 menu items--*/
body#needStaff #nav li a#home, body#needStaff #nav li a#jobs, body#needStaff #nav li a#testimonials, body#needStaff #nav li a#news, body#needStaff #nav li a#employers, body#needStaff #nav li a#contact-us {
	/*background: url(/art/nav_needStaff.jpg) 0 0 no-repeat;*/
	background: url(/art/nav-employertab.png) 0 0 no-repeat;
}

/*---Different nav graphic for employertab--*/
body#needStaff #nav.employertab li a#home, body#needStaff #nav.employertab li a#jobs {
	/*background: url(/art/nav-employertab.jpg) 0 0 no-repeat;*/
	background: url(/art/nav-employertab.png) 0 0 no-repeat;
}

/*-- individual tab styles --*/
body#needStaff #nav li a#home, #nav li a#home {
	background-position: 0 0;
	width: 103px;
}

#nav li a#home {
	width: 85px;
	background-position: -7px 0px;
}

body#needStaff #nav.employertab li a#home {
	background-position: -208px 0;
	width: 103px;
}

body#needStaff #nav li a#home:hover, 
#nav li a#home:hover, 
body#needStaff #nav li:hover a#home, 
#nav li:hover a#home, 
body#needStaff #nav li.sfhover a#home, 
#nav li.sfhover a#home {
	background-position: 0 -48px;
}

#nav li a#home:hover, 
#nav li:hover a#home, 
#nav li.sfhover a#home {
	background-position: -7px -48px;
}

body#needStaff #nav.employertab li a#home:hover {
background-position: -208px -48px;
}

body#needStaff #nav li a#home.active, #nav li a#home.active {
	background-position: 0 -96px;
}

#nav li a#home.active {
	background-position: -7px -96px;
}

body#needStaff #nav.employertab li a#home.active {
	background-position: -208px -96px;
}

/* ------- */
body#needStaff #nav li a#jobs, #nav li a#jobs {
	background-position: -103px 0;
	width: 82px;
}

#nav li a#jobs {
	background-position: -97px 0;
	width:76px;
	}

body#needStaff #nav li a#jobs:hover, 
#nav li a#jobs:hover, 
body#needStaff #nav li:hover a#jobs, 
#nav li:hover a#jobs, 
body#needStaff #nav li.sfhover a#jobs, 
#nav li.sfhover a#jobs {
	background-position: -103px -48px;
}

#nav li a#jobs:hover, 
#nav li:hover a#jobs, 
#nav li.sfhover a#jobs {
	background-position: -97px -48px;
}

body#needStaff #nav li a#jobs.active, #nav li a#jobs.active {
	background-position: -103px -96px;
}

#nav li a#jobs.active {
	background-position: -97px -96px;
}


body#needStaff #nav.employertab li a#jobs {
	background-position: -310px 0;
	width: 82px;
}

body#needStaff #nav.employertab li a#jobs:hover {
	background-position: -310px -48px;
}

body#needStaff #nav.employertab li a#jobs.active {
	background-position: -310px -96px;
}

/* ------- */
body#needStaff #nav li a#testimonials, #nav li a#testimonials {
	background-position: -185px 0;
	width: 126px;
}

#nav li a#testimonials {
	width: 121px;
	background-position: -306px 0px;
}

body#needStaff #nav li a#testimonials:hover, #nav li a#testimonials:hover, body#needStaff #nav li:hover a#testimonials, #nav li:hover a#testimonials, body#needStaff #nav li.sfhover a#testimonials, #nav li.sfhover a#testimonials {
	background-position: -185px -48px;
}

#nav li a#testimonials:hover, 
#nav li:hover a#testimonials, 
#nav li.sfhover a#testimonials {
	background-position: -306px -48px;
}

body#needStaff #nav li a#testimonials.active, #nav li a#testimonials.active {
	background-position: -185px -96px;
}

#nav li a#testimonials.active  {
	background-position: -306px -96px;
}

/* ------- */
#nav li a#useful-links {
	background-position: -434px 0;
	width: 115px;
}

#nav li a#useful-links:hover, 
#nav li:hover a#news, 
#nav li.sfhover a#news {
	background-position: -434px -48px;
}

#nav li a#useful-links.active {
	background-position: -434px -96px;
}


/* ------- */
/*body#needStaff #nav li a#news, #nav li a#news {
	background-position: -311px 0;
	width: 81px;
}

body#needStaff #nav li a#news:hover, #nav li a#news:hover, body#needStaff #nav li:hover a#news, #nav li:hover a#news, body#needStaff #nav li.sfhover a#news, #nav li.sfhover a#news {
	background-position: -311px -48px;
}

body#needStaff #nav li a#news.active, #nav li a#news.active {
	background-position: -311px -96px;
}*/

body#needStaff #nav li a#news, #nav li a#news {display:none;}




/* ------- */
body#needStaff #nav li a#employers, #nav li a#employers {
	background-position: /*392px*/-311px 0;
	width: 129px;
}

#nav li a#employers {
	width:121px;
	background-position: -178px 0;
}

body#needStaff #nav li a#employers {
	background-position: -392px 0;
}

body#needStaff #nav li a#employers:hover, #nav li a#employers:hover, 
body#needStaff #nav li:hover a#employers, #nav li:hover a#employers, 
body#needStaff #nav li.sfhover a#employers, #nav li.sfhover a#employers {
	background-position: /*392px*/-311px -48px;
}

body#needStaff #nav li a#employers:hover,  
body#needStaff #nav li:hover a#employers, 
body#needStaff #nav li.sfhover a#employers {
	background-position: -392px -48px;
}

#nav li a#employers:hover, 
#nav li:hover a#employers, 
#nav li.sfhover a#employers {
	background-position: -178px -48px;
}

body#needStaff #nav li a#employers.active, #nav li a#employers.active {
	background-position: /*392px*/-311px -96px;
}

body#needStaff #nav li a#employers.active {
	background-position: -392px -96px;
}

#nav li a#employers.active {
	background-position: -178px -96px;
}

/* ------- */
body#needStaff #nav li a#contact-us, #nav li a#contact-us {
	background-position: /*-521px*/-440px 0;
	width: 135px;
}

body#needStaff #nav li a#contact-us {
	background-position: -521px 0;
}

#nav li a#contact-us {
	background-position: -556px 0px;
	width: 96px;
}

	

body#needStaff #nav li a#contact-us:hover, #nav li a#contact-us:hover, 
body#needStaff #nav li:hover a#contact-us, #nav li:hover a#contact-us, 
body#needStaff #nav li.sfhover a#contact-us, #nav li.sfhover a#contact-us {
	background-position: /*-521px*/-440px -48px;
}

#nav li a#contact-us:hover, 
#nav li:hover a#contact-us, 
#nav li.sfhover a#contact-us {
	background-position: -556px -48px;
}

body#needStaff #nav li a#contact-us:hover, 
body#needStaff #nav li:hover a#contact-us, 
body#needStaff #nav li.sfhover a#contact-us {
	background-position: -521px -48px;
}

body#needStaff #nav li a#contact-us.active, 
#nav li a#contact-us.active {
	background-position: /*-521px*/-440px -96px;
}

#nav li a#contact-us.active {
	background-position: -556px -96px;	
}

body#needStaff #nav li a#contact-us.active {
	background-position: -521px -96px;
}


#nav li a#home, #nav li a#jobs, #nav li a#employers, #nav li a#testimonials, #nav li a#useful-links, #nav li a#contact-us {
	margin:0px 3px;
}

#nav li a#home {
	margin-left:0px;
}

#nav li a#contact-us {
	margin-right:0px;
}

#nav.employertab li a#home, 
#nav.employertab li a#jobs, 
#nav.employertab li a#employers, 
#nav.employertab li a#testimonials, 
#nav.employertab li a#useful-links, 
#nav.employertab li a#contact-us {
	margin:0px 1px;
}

/*************EMPLOYER NAV********************/


#nav-employer {
	width: 656px;
	height: 48px;
	position: absolute;
	/*top: 202px;*/ top:144px;
	right: -5px;
}

#nav-employer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1 !important;
}

#nav-employer a {
	display: block;
	width: auto;
	font-size: 100%;
	text-decoration: none;
	color: #666;
	text-align: center;
	padding: 0;
	height: 48px;
    outline:none;
}

#nav-employer li {
	float: left;
	width: auto;
}

#nav-employer li a {
	/*background: url(/art/nav-employer.jpg) 0 0 no-repeat;*/
	background: url(/art/nav-employer.png) 0 0 no-repeat;
	text-indent: -99999em;
	
}

/*-- individual tab styles --*/
#nav-employer li a#home {
	background-position: 0 0;
	width: 103px;
}

#nav-employer li a#home:hover, #nav-employer li:hover a#home, #nav-employer li.sfhover a#home {
	background-position: 0 -48px;
}

#nav-employer li a#home.active {
	background-position: 0 -96px;
}


/* ------- */
#nav-employer li a#jobs {
	background-position: -103px 0;
	width: 58px;
}

#nav-employer li a#jobs:hover, #nav-employer li:hover a#jobs, #nav-employer li.sfhover a#jobs {
	background-position: -103px -48px;
}

#nav-employer li a#jobs.active {
	background-position: -103px -96px;
}

/* ------- */
#nav-employer li a#job-seekers-menu {
	background-position: -161px 0;
	width: 110px;
}

#nav-employer li a#job-seekers-menu:hover, #nav-employer li:hover a#job-seekers-menu, #nav-employer li.sfhover a#job-seekers-menu {
	background-position: -161px -48px;
}

#nav-employer li a#job-seekers-menu.active {
	background-position: -161px -96px;
}

/* ------- */
#nav-employer li a#pending-menu {
	background-position: -272px 0;
	width: 77px;
}

#nav-employer li a#pending-menu:hover, #nav-employer li:hover a#pending-menu, #nav-employer li.sfhover a#pending-menu {
	background-position: -272px -48px;
}

#nav-employer li a#pending-menu.active {
	background-position: -272px -96px;
}

/* ------- */
#nav-employer li a#reports-menu {
	background-position: -348px 0;
	width: 81px;
}

#nav-employer li a#reports-menu:hover, #nav-employer li:hover a#reports-menu, #nav-employer li.sfhover a#reports-menu {
	background-position: -348px -48px;
}

#nav-employer li a#reports-menu.active {
	background-position: -348px -96px;
}

/* ------- */
#nav-employer li a#employers {
	background-position: -430px 0;
	width: 111px;
}

#nav-employer li a#employers:hover, #nav-employer li:hover a#employers, #nav-employer li.sfhover a#employers {
	background-position: -430px -48px;
}

#nav-employer li a#employers.active {
	background-position: -430px -96px;
}

/* ------- */
#nav-employer li a#contact-us {
	background-position: -540px 0;
	width: 116px;
}

#nav-employer li a#contact-us:hover, #nav-employer li:hover a#contact-us, #nav-employer li.sfhover a#contact-us {
	background-position: -540px -48px;
}

#nav-employer li a#contact-us.active {
	background-position: -540px -96px;
}




/*************JOB SEEKER NAV********************/


#nav-jobseeker {
	width: 656px;
	height: 48px;
	position: absolute;
	/*top: 202px;*/ top:144px;
	right: -5px;
}

#nav-jobseeker ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1 !important;
}

#nav-jobseeker a {
	display: block;
	width: auto;
	font-size: 100%;
	text-decoration: none;
	color: #666;
	text-align: center;
	padding: 0;
	height: 48px;
    outline:none;
}

#nav-jobseeker li {
	float: left;
	width: auto;
}

#nav-jobseeker li a {
	/*background: url(/art/nav-jobseeker.jpg) 0 0 no-repeat;*/ background: url(/art/nav-jobseeker.png) 0 0 no-repeat;
	text-indent: -99999em;
	
}

/*-- individual tab styles --*/
#nav-jobseeker li a#home {
	background-position: 0 0;
	width: 103px;
}

#nav-jobseeker li a#home:hover, #nav-jobseeker li:hover a#home, #nav-jobseeker li.sfhover a#home {
	background-position: 0 -48px;
}

#nav-jobseeker li a#home.active {
	background-position: 0 -96px;
}


/* ------- */
#nav-jobseeker li a#seeker-jobs {
	background-position: -103px 0;
	width: 85px;
}

#nav-jobseeker li a#seeker-jobs:hover, #nav-jobseeker li:hover a#seeker-jobs, #nav-jobseeker li.sfhover a#seeker-jobs {
	background-position: -103px -48px;
}

#nav-jobseeker li a#seeker-jobs.active {
	background-position: -103px -96px;
}

/* ------- */
#nav-jobseeker li a#seeker-profile {
	background-position: -188px 0;
	width: 114px;
}

#nav-jobseeker li a#seeker-profile:hover, #nav-jobseeker li:hover a#seeker-profile, #nav-jobseeker li.sfhover a#seeker-profile {
	background-position: -188px -48px;
}

#nav-jobseeker li a#seeker-profile.active {
	background-position: -188px -96px;
}

/* ------- */
#nav-jobseeker li a#seeker-account {
	background-position: -302px 0;
	width: 113px;
}

#nav-jobseeker li a#seeker-account:hover, #nav-jobseeker li:hover a#seeker-account, #nav-jobseeker li.sfhover a#seeker-account {
	background-position: -302px -48px;
}

#nav-jobseeker li a#seeker-account.active {
	background-position: -302px -96px;
}

/* ------- */
#nav-jobseeker li a#employers {
	background-position: -415px 0;
	width: 121px;
}

#nav-jobseeker li a#employers:hover, #nav-jobseeker li:hover a#employers, #nav-jobseeker li.sfhover a#employers {
	background-position: -415px -48px;
}

#nav-jobseeker li a#employers.active {
	background-position: -415px -96px;
}



/* ------- */
#nav-jobseeker li a#contact-us {
	background-position: -535px 0;
	width: 114px;
}

#nav-jobseeker li a#contact-us:hover, #nav-jobseeker li:hover a#contact-us, #nav-jobseeker li.sfhover a#contact-us {
	background-position: -535px -48px;
}

#nav-jobseeker li a#contact-us.active {
	background-position: -535px -96px;
}











/* LEVEL 2 ---------------------------------------------- LEVEL 2 NEW NAV STYLE*/
/*body#needStaff #nav li ul,*/
#nav li ul,
#nav-employer li ul,
#nav-jobseeker li ul {
	position: absolute;
	width: 225px;
	left: -999em;
	border-bottom: none;
	/*background: url(/art/subnav_bottom.gif) bottom left no-repeat;*/
	padding-bottom: 4px;
	z-index: 55;
	top:47px;
	font-size:0.9em;
}

/*body#needStaff #nav li ul li,*/
#nav ul li ul li,
#nav-employer ul li ul li,
#nav-jobseeker ul li ul li {
	width: 100%;
	height: auto;
}

/*body#needStaff #nav li ul li a, body#needStaff #nav li:hover ul li a, body#needStaff#nav li.sfhover ul li a,*/
#nav li ul li a, #nav li:hover ul li a, #nav li.sfhover ul li a,
#nav-employer li ul li a, #nav-employer li:hover ul li a, #nav-employer li.sfhover ul li a,
#nav-jobseeker li ul li a, #nav-jobseeker li:hover ul li a, #nav-jobseeker li.sfhover ul li a {
	text-align: left;
	background-image: none;
	background-color: #fff;
	color: #000;
	padding: 7px 15px;
	text-align: left;
	width: 159px;
	line-height: 1.3em;
	border: none;
	border-bottom: 1px solid #ccc;
	text-indent: 0;
	height: auto;
	font-size: 120%;
	margin-left:4px; 
}

/*body#needStaff #nav ul li ul li a:hover, body#needStaff #nav ul li ul li:hover a, body#needStaff #nav ul li ul li.sfhover a,*/
#nav ul li ul li a:hover, #nav ul li ul li:hover a, #nav ul li ul li.sfhover a,
#nav-employer ul li ul li a:hover, #nav-employer ul li ul li:hover a, #nav-employer ul li ul li.sfhover a,
#nav-jobseeker ul li ul li a:hover, #nav-jobseeker ul li ul li:hover a, #nav-jobseeker ul li ul li.sfhover a {
	color: #fff;
	background-color: #c3473d;
}

#nav-employer li ul li a, #nav-employer li:hover ul li a, #nav-employer li.sfhover ul li a {margin-left:0px;}
#nav-jobseeker li ul li a, #nav-jobseeker li:hover ul li a, #nav-jobseeker li.sfhover ul li a {margin-left:1px;}


/* LEVEL 3 ---------------------------------------------- LEVEL 3 */
/*body#needStaff #nav ul li ul li ul,*/
#nav ul li ul li ul,
#nav-employer ul li ul li ul,
#nav-jobseeker ul li ul li ul {
	width: 225px;
	left: -999em;
	margin: -39px 0 0 225px;
	border-bottom: none;
	background: url(/art/subnav_bottom.gif) bottom left no-repeat;
	padding-bottom: 4px;
}

/*body#needStaff #nav ul li ul li ul li a, body#needStaff #nav ul li ul li:hover ul li a, body#needStaff #nav ul li ul li.sfhover ul li a,*/
#nav ul li ul li ul li a, #nav ul li ul li:hover ul li a, #nav ul li ul li.sfhover ul li a,
#nav-employer ul li ul li ul li a, #nav-employer ul li ul li:hover ul li a, #nav-employer ul li ul li.sfhover ul li a,
#nav-jobseeker ul li ul li ul li a, #nav-jobseeker ul li ul li:hover ul li a, #nav-jobseeker ul li ul li.sfhover ul li a {
	background-color: #641616;
	color: #dea5a5;
}

/*body#needStaff #nav ul li ul li ul li a:hover, body#needStaff #nav ul li ul li ul li:hover a, body#needStaff #nav ul li ul li ul li.sfhover a,*/
#nav ul li ul li ul li a:hover, #nav ul li ul li ul li:hover a, #nav ul li ul li ul li.sfhover a,
#nav-employer ul li ul li ul li a:hover, #nav-employer ul li ul li ul li:hover a, #nav-employer ul li ul li ul li.sfhover a,
#nav-jobseeker ul li ul li ul li a:hover, #nav-jobseeker ul li ul li ul li:hover a, #nav-jobseeker ul li ul li ul li.sfhover a {
	color: #fff;
}

/* LEVEL 4 ---------------------------------------------- LEVEL 4 */
/*body#needStaff #nav ul li ul li ul li ul,*/
#nav ul li ul li ul li ul,
#nav-employer ul li ul li ul li ul,
#nav-jobseeker ul li ul li ul li ul {
	/*width: 170px;*/
	left: -999em;
	/*margin: -px 0 0 170px;*/
}

/*body#needStaff #nav ul li ul li ul li ul li a, body#needStaff #nav ul li ul li ul li:hover ul li a, body#needStaff #nav ul li ul li ul li.sfhover ul li a,*/
#nav ul li ul li ul li ul li a, #nav ul li ul li ul li:hover ul li a, #nav ul li ul li ul li.sfhover ul li a,
#nav-employer ul li ul li ul li ul li a, #nav-employer ul li ul li ul li:hover ul li a, #nav-employer ul li ul li ul li.sfhover ul li a,
#nav-jobseeker ul li ul li ul li ul li a, #nav-jobseeker ul li ul li ul li:hover ul li a, #nav-jobseeker ul li ul li ul li.sfhover ul li a {
	background-color: #641616;
	color: #dea5a5;
}

/*body#needStaff #nav ul li ul li ul li ul li a:hover,*/
#nav ul li ul li ul li ul li a:hover,
#nav-employer ul li ul li ul li ul li a:hover,
#nav-jobseeker ul li ul li ul li ul li a:hover {
	color: #fff;

}



/* SFHOVER TRIGGERS ---------------------------------- SFHOVER TRIGGERS */
body#needStaff #nav li:hover ul ul, body#needStaff #nav li:hover ul ul ul, body#needStaff #nav li.sfhover ul ul, body#needStaff #nav li.sfhover ul ul ul,
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul,
#nav-employer li:hover ul ul, #nav-employer li:hover ul ul ul, #nav-employer li.sfhover ul ul, #nav-employer li.sfhover ul ul ul,
#nav-jobseeker li:hover ul ul, #nav-jobseeker li:hover ul ul ul, #nav-jobseeker li.sfhover ul ul, #nav-jobseeker li.sfhover ul ul ul {
	left: -999em;
}

body#needStaff #nav li:hover ul, body#needStaff #nav li li:hover ul, body#needStaff #nav li li li:hover ul, body#needStaff #nav li.sfhover ul, body#needStaff #nav li li.sfhover ul, body#needStaff #nav li li li.sfhover ul,
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul,
#nav-employer li:hover ul, #nav-employer li li:hover ul, #nav-employer li li li:hover ul, #nav-employer li.sfhover ul, #nav-employer li li.sfhover ul, #nav-employer li li li.sfhover ul,
#nav-jobseeker li:hover ul, #nav-jobseeker li li:hover ul, #nav-jobseeker li li li:hover ul, #nav-jobseeker li.sfhover ul, #nav-jobseeker li li.sfhover ul, #nav-jobseeker li li li.sfhover ul {
	left: auto;
}