/* Written by Steve Allday for Fat Media, 2008 */


/* User Customisation */

#topNavi{ 
height:25px;						/* Total height of the "first level" links */
}

#topNavi ul{
width:600px;
z-index:999999;						/* Total width of the "first level" links */
}

#topNavi ul li a{
text-transform: capitalize;
text-decoration: none; 				/* Top Level Underline links? */
color: #666; 						/* Top Level Link colour */
}

#topNavi ul li a:hover{
text-decoration: none; 				/* Top Level Underline links on hover? */
color: #666; 						/* Top Level Link "hover" colour */
background-color: #fff; 			/* Top Level Containing box "hover" colour */
}

#topNavi ul li ul{
background-color: #cccccc;
padding:2px;
width:153px;
z-index:999999;		
}

#topNavi ul ul li a{
text-decoration: none; 				/* Sub Menu Underline links */
color: #666; 						/* Sub Menu Link colour */
padding:5px; 						/* Space between the link and its containing box */
background-color: #fff; 			/* Sub Menu Containing box "normal" colour */
font-size:10px;
}

#topNavi ul ul li a:hover{
text-decoration: underline; 		/* Sub Menu Underline links on hover? */
color: #666; 						/* Sub Menu Link "hover" colour */
background-color: #eee; 			/* Sub Menu Containing box "hover" colour */
font-size:10px;
}



#topNavi ul ul li{
width:153px; 
						/* Width of drop downs menus */
}

#topNavi ul ul ul {
margin-top:-24px; 					/* Margin required to place sub-sub navigation at the top of its relative link... [Height + (Padding x 2) + border] */
margin-left:153px; 					/* Margin required to place sub-sub navigation to the right of its relative link... Should be the same as "Width for drop downs" */
}

/* User Customisation End */




/* Don't edit below here, thanks! */

#topNavi ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#topNavi ul li, #topNavi ul ul li { 
float:left;
z-index:999999;		
}
#topNavi ul ul {
position:absolute;
float:left;
width:1px;
}
#topNavi ul ul ul {
position:absolute;
float:left;
}
#topNavi ul ul ul li {
margin:0;
z-index:999999;		
}

#topNavi ul li a, #topNavi ul li:hover ul, #topNavi ul li:hover ul li a, #topNavi ul ul li:hover ul li{
display:block;
}
#topNavi ul li ul, #topNavi ul ul li a, #topNavi ul ul ul li{
display: none;
}
#topNavi ul li:hover ul ul, #topNavi ul ul li:hover ul ul, #topNavi ul ul ul li:hover ul ul{
display:none;
}
#topNavi ul ul li:hover ul, #topNavi ul ul ul li:hover ul, #topNavi ul ul ul ul li:hover ul {
display:block;
}

#home{
background-image:url(../images/home_off.jpg);
}
#topNavi ul li:hover #home{
background-image:url(../images/home_on.jpg);
}

#candidates{
background-image:url(../images/candidates_off.jpg);
}
#topNavi ul li:hover #candidates{
background-image:url(../images/candidates_on.gif);
}

#contractors{
background-image:url(../images/contractors_off.jpg);
}
#topNavi ul li:hover #contractors{
background-image:url(../images/contractors_on.jpg);
}

#clients{
background-image:url(../images/clients_off.jpg);
}
#topNavi ul li:hover #clients{
background-image:url(../images/clients_on.jpg);
}

#contact{
background-image:url(../images/contact_us_off.jpg);
}
#topNavi ul li:hover #contact{
background-image:url(../images/contact_us_on.jpg);
}



.hideit{
display:none;
}