/******************************************************************************
 * 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:879px; height:25px;
	clear:both; padding:0px 0px 0px 50px; text-align:left;
	background-image:url(../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:25px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	text-align:center;
}

/******************************************************************************
 * a
 *****************************************************************************/
div#main-nav ul li a {
	display:block; position:relative; float:left; height:20px;
	margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;
	border-left:1px solid #dfc388; border-right:1px solid #dfc388;
	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-image:url(../images/main-nav-on.jpg);
}

div#main-nav ul li#mn_li_home a          { width:88px; }

div#main-nav ul li#mn_li_company { margin-left:-1px; }
div#main-nav ul li#mn_li_company a { width:110px; }

div#main-nav ul li#mn_li_methodologies { margin-left:-1px; }
div#main-nav ul li#mn_li_methodologies a { width:146px; }

div#main-nav ul li#mn_li_candidates { margin-left:-1px; }
div#main-nav ul li#mn_li_candidates a { width:127px; }

div#main-nav ul li#mn_li_specialisms { margin-left:-1px; }
div#main-nav ul li#mn_li_specialisms a { width:122px; }

div#main-nav ul li#mn_li_job-search { margin-left:-1px; }
div#main-nav ul li#mn_li_job-search a    { width:124px; }

div#main-nav ul li#mn_li_contact { margin-left:-1px; }
div#main-nav ul li#mn_li_contact a { width:101px; }

div#main-nav ul li a span {
}

/******************************************************************************
 * current
 *****************************************************************************/
div#main-nav ul li a.current {
	background-image:url(../images/main-nav-on.jpg);
}

div#main-nav ul li a.current:hover {
	background-image:url(../images/main-nav-on.jpg);
}

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

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

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:25px;
}