/******************************************************************************
 * Component: main_nav
 *****************************************************************************/
/*
<li id="mn_li_somePage">
  <a  id="mn_li_a_somePage"
     href="somePage.php"
     title="Some Page">
     <span>Some Page</span></a></li>

Template: home, section-01, section-02, section-03, section-04, contact
*/

div#main-nav {
	float:left; width:745px; height:32px;
	clear:both; padding:0px 0px 0px 44px; text-align:left;
	background-image:url(../_public_images/main-nav-bg.jpg);
	background-position:left top;
}

/******************************************************************************
 * ul li
 *****************************************************************************/
div#main-nav ul {
	display:block; position:relative; float:left;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	list-style-image:none; list-style-position:outside; list-style-type:none;
	z-index:100;
}

div#main-nav ul li {
	display:block;  position:relative; float:left; height:32px;
	margin:0px 0px 0px 1px; padding:0px 0px 0px 0px;
	text-align:center;
}

div#main-nav ul li ul li { margin-left:-1px; }
html>body div#main-nav ul li ul li { margin-left:-1px; }

/******************************************************************************
 * a
 *****************************************************************************/
div#main-nav ul li a {
	display:block; position:relative; float:left; height:32px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	background-image:url(../images/main-nav-off.jpg);
	background-repeat:repeat-x;
	color:#ffffff; text-decoration:none; font-size:12px;
	font-weight:bold;
}

/*
The following is intended as a Safari only hack - it works but is
not future proof. Essentiall, when browsers implement CSS 3
(specifically :first-of-type) then this rule will apply to them as well.
*/
abody:first-of-type div#main-nav ul li a { font-weight:normal; }

div#main-nav ul li a:hover {
	background-position:0px -33px;
}

div#main-nav ul li#mn_li_home a {
	width:75px; background-image:url(../_public_images/main-nav/home.jpg); }

div#main-nav ul li#mn_li_services a {
	width:85px; background-image:url(../_public_images/main-nav/services.jpg); }

	div#main-nav ul li#mn_li_client-list a {
		width:85px; background-image:url(../_public_images/main-nav/client-list.jpg); }

	div#main-nav ul li#mn_li_staff-info a {
		width:85px; background-image:url(../_public_images/main-nav/staff-info.jpg); }

	div#main-nav ul li#mn_li_quality-assurance a {
		width:85px; background-image:url(../_public_images/main-nav/quality-assurance.jpg); }

div#main-nav ul li#mn_li_recruitment a {
	width:117px; background-image:url(../_public_images/main-nav/recruitment.jpg); }

	div#main-nav ul li#mn_li_working-for-us a {
		width:117px; background-image:url(../_public_images/main-nav/working-for-us.jpg); }

	div#main-nav ul li#mn_li_vacancies a {
		width:117px; background-image:url(../_public_images/main-nav/vacancies.jpg); }

	div#main-nav ul li#mn_li_vacancy-application a {
		width:117px; background-image:url(../_public_images/main-nav/vacancy-application.jpg); }

div#main-nav ul li#mn_li_training a {
	width:93px; background-image:url(../_public_images/main-nav/training.jpg); }

	div#main-nav ul li#mn_li_mandatory a {
		width:93px; background-image:url(../_public_images/main-nav/mandatory.jpg); }

	div#main-nav ul li#mn_li_leadership a {
		width:93px; background-image:url(../_public_images/main-nav/leadership.jpg); }

	div#main-nav ul li#mn_li_clinical a {
		width:93px; background-image:url(../_public_images/main-nav/clinical.jpg); }

	div#main-nav ul li#mn_li_upcoming a {
		width:93px; background-image:url(../_public_images/main-nav/upcoming.jpg); }

div#main-nav ul li#mn_li_news a {
	width:66px; background-image:url(../_public_images/main-nav/news.jpg); }

div#main-nav ul li#mn_li_documents a    {
	width:107px; background-image:url(../_public_images/main-nav/documents.jpg); }

div#main-nav ul li#mn_li_ourteam a    {
	width:77px; background-image:url(../_public_images/main-nav/ourteam.jpg); }

div#main-nav ul li#mn_li_company a {
	width:91px; background-image:url(../_public_images/main-nav/company.jpg); }

div#main-nav ul li#mn_li_contact a {
	width:89px; background-image:url(../_public_images/main-nav/contact.jpg); }

	div#main-nav ul li#mn_li_people a {
		width:89px; background-image:url(../_public_images/main-nav/people.jpg); }

	div#main-nav ul li#mn_li_map a {
		width:89px; background-image:url(../_public_images/main-nav/map.jpg); }

div#main-nav ul li a span {
	display:none;
}

/******************************************************************************
 * current
 *****************************************************************************/
div#main-nav ul li a.current {
	background-position:0px -33px;
}

div#main-nav ul li a.current:hover {
	background-position:0px -33px;
}

/******************************************************************************
 * sub menus
 *****************************************************************************/
div#main-nav ul li ul {
	position:absolute; left:1px;
	top:-999px;
}

div#main-nav ul li ul li {
	display:block; float:left; clear:both; margin-bottom:-2px;
	border-top:1px solid white;
}

div#main-nav ul li ul li a {
	float:left; font-size:10px; white-space: nowrap;
	border:none;
}

html>body div#main-nav ul li ul li { margin-bottom:0px; }

div#main-nav ul li:hover ul,
div#main-nav ul li.sfHover ul {
		top:32px;
}

a.sfHover { background-position:0px -33px; }