/* CSS Document */

ul {
   margin:0;
   padding:0;
   }

.navigation li {
	display:inline;
	padding: 0px;
	}
	

/* HOME */
a.menu59  {
	text-indent: -1000em;
	background:url(../images/navigation/home.jpg) no-repeat left top;
	width: 98px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}

a.menu59:hover {
	background-position: 0px -57px; 
	}
	
a.menu59ON {
	text-indent: -1000em;
	background:url(../images/navigation/home.jpg) no-repeat left top;
	width: 98px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	background-position: 0px -114px; 
	}
	
	
/* ABOUT */
a.menu72 {
	text-indent: -1000em;
	background:url(../images/navigation/about.jpg) no-repeat left top;
	width: 128px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}

a.menu72:hover {
	background-position: 0px -57px; 
	}
	
a.menu72ON {
	text-indent: -1000em;
	background:url(../images/navigation/about.jpg) no-repeat left top;
	width: 128px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	background-position: 0px -114px;
	}
	
	
/* CLIENTS */
a.menu123 {
	text-indent: -1000em;
	background:url(../images/navigation/clients.jpg) no-repeat left top;
	width: 111px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}
	

a.menu123:hover {
	background-position: 0px -57px; 
	}
	
a.menu123ON {
	text-indent: -1000em;
	background:url(../images/navigation/clients.jpg) no-repeat left top;
	width: 111px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	background-position: 0px -114px; 
	}
	

	
	
/* CANDIDATES */
a.menu131 {
	text-indent: -1000em;
	background:url(../images/navigation/candidates.jpg) no-repeat left top;
	width: 140px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}

a.menu131:hover {
	background-position: 0px -57px; 
	}
	
a.menu131ON {
	text-indent: -1000em;
	background:url(../images/navigation/candidates.jpg) no-repeat left top;
	width: 140px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	background-position: 0px -114px; 
	}
	
	
/* TESTIMONIALS */
a.menu93 {
	text-indent: -1000em;
	background:url(../images/navigation/testimonials.jpg) no-repeat left top;
	width: 150px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}

a.menu93:hover {
	background-position: 0px -57px; 
	}
	
a.menu93ON {
	text-indent: -1000em;
	background:url(../images/navigation/testimonials.jpg) no-repeat left top;
	width: 150px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	background-position: 0px -114px;
	}
	
/* BLOG */
a.menu129 {
	text-indent: -1000em;
	background:url(../images/navigation/blog.jpg) no-repeat left top;
	width: 95px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}

a.menu129:hover {
	background-position: 0px -57px; 
	}
	
a.menu129ON {
	text-indent: -1000em;
	background:url(../images/navigation/blog.jpg) no-repeat left top;
	width: 95px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	background-position: 0px -114px;
	}

/* CONTACT */
a.menu103 {
	text-indent: -1000em;
	background:url(../images/navigation/contact.jpg) no-repeat left top;
	width: 140px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}

a.menu103:hover {
	background-position: 0px -57px; 
	}
	
a.menu103ON {
	text-indent: -1000em;
	background:url(../images/navigation/contact.jpg) no-repeat left top;
	width: 140px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	background-position: 0px -114px; 
	}


a.rss {
	text-indent: -1000em;
	background:url(../images/navigation/rss.jpg) no-repeat left top;
	width: 76px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}

a.rss:hover {
	background-position: 0px -57px; 
	}





/* Subnav */

li.casestudies a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/casestudies2.jpg) no-repeat left top;
	width: 224px;
	height: 75px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 25px;
	top:0px;
	}

li.casestudies a:hover {
	background-position: 0px -75px; 
	}
	
li.coverage a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/coverage2.jpg) no-repeat left top;
	width: 221px;
	height: 75px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 249px;
	top:0px;
	}

li.coverage a:hover {
	background-position: 0px -75px; 
	}
	
	
li.submityourcv a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/submityourcv2.jpg) no-repeat left top;
	width: 222px;
	height: 75px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 470px;
	top:0px;
	}

li.submityourcv a:hover {
	background-position: 0px -75px; 
	}
	
li.latestjobs a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/latestjobs2.jpg) no-repeat left top;
	width: 222px;
	height: 75px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 692px;
	top:0px;
	}

li.latestjobs a:hover {
	background-position: 0px -75px; 
	}
	
	
	

/* ----- Subpage Subnav Styles ----- */



li.casestudies_sub a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/casestudies.jpg) no-repeat left top;
	width: 224px;
	height: 98px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 25px;
	top:577px;
	}

li.casestudies_sub a:hover {
	background-position: 0px -98px; 
	}
	
li.coverage_sub a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/coverage.jpg) no-repeat left top;
	width: 221px;
	height: 98px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 249px;
	top:577px;
	}

li.coverage_sub a:hover {
	background-position: 0px -98px; 
	}
	
	
li.submityourcv_sub a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/submityourcv.jpg) no-repeat left top;
	width: 222px;
	height: 98px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 470px;
	top:577px;
	}

li.submityourcv_sub a:hover {
	background-position: 0px -98px; 
	}
	
li.latestjobs_sub a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/latestjobs.jpg) no-repeat left top;
	width: 222px;
	height: 98px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 692px;
	top:577px;
	}

li.latestjobs_sub a:hover {
	background-position: 0px -98px; 
	}




li.coverageON a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/coverage.jpg) no-repeat left top;
	width: 221px;
	height: 98px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 249px;
	top:577px;
	background-position: 0px -98px; 
	}

li.casestudiesON a {
	text-indent: -1000em;
	background:url(../images/navigation/subnav/casestudies.jpg) no-repeat left top;
	width: 224px;
	height: 98px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 25px;
	top:577px;
	background-position: 0px -98px; 
	}
	
	
/* SON OF SUKERFISH*/	
#drops, .drop_aboutus, .drop_clients, .drop_candidates, .drop_testimonials #drops, ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
	list-style:none;
	}
	
#drops ul.drop, .drop_aboutus, .drop_clients, .drop_candidates, .drop_testimonials {
	background:#2d508a;
	clear:both;
	float:left;
	margin-top:57px;
	width:181px;	
	}

#drops ul.drop, .drop_aboutus li, .drop_clients li, .drop_candidates li, .drop_testimonials li {
    width:181px;
	clear:both;
	}
	
#drops ul.drop, .drop_aboutus a, .drop_clients a, .drop_candidates a, .drop_testimonials a {
	color:#fff;
	font-size:13px;
	padding-top:7px;
	text-decoration:none;
	font-weight:normal;
	clear:both;
	float:left;
	padding:7px;
	width:181px;
	}
	
#drops ul.drop, .drop_aboutus a:visited, .drop_clients a:visited, .drop_candidates a:visited, .drop_testimonials a:visited {
	color:#fff;
	font-size:13px;
	padding-top:7px;
	text-decoration:none;
	font-weight:normal;
	clear:both;
	float:left;
	padding:7px;
	width:181px;
	}


	#drops ul.drop, .drop_aboutus a:hover, .drop_clients a:hover, .drop_candidates a:hover, .drop_testimonials a:hover {
	color:#fff;
	font-size:13px;
	padding-top:7px;
	text-decoration:none;
	font-weight:normal;
	clear:both;
	float:left;
	width:181px;
	}
	
#drops a {
	display: block;
	/*width: 10em;*/
	float:left;
	clear:both;
}

#drops li {
	float: left;
	/*width: 10em;*/
	border-bottom:1px solid #5773a2;
}



#drops li:hover {
	float: left;
	/*width: 10em;*/
	background-color:#122859!important;
}

#drops li ul {
	position: absolute;
	width:181px;
	left: -999em;
}

#drops li:hover ul {
	left: auto;
}

#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
}

#nav a.about, #nav a.clients, #nav a.candidates, #nav a.testimonials {
	float:left;
	height:57px;
	}

#drops li ul ul {
	background-color:#2d508a;
	width:181px;
	margin-left:181px;
	border-left:1px solid #5773a2;
}

#drops li:hover ul ul, #drops li.sfhover ul ul {
	left: -999em;
}

#drops li:hover ul, #drops li li:hover ul, #drops li.sfhover ul, #drops li li.sfhover ul {
	left: auto;
}


/* ------------------- Drop Down Main Nav -------------------------- */


div.jqueryslidemenu {

	width: 100%;

	position: relative;

	z-index: 150;

	}



div.jqueryslidemenu ul.navigation {

	margin: 0;

	padding: 0px 0 0 0;

	list-style-type: none;

	}



/*Top level list items*/

div.jqueryslidemenu ul.navigation li {

	position: relative;

	display: inline;

	float: left;

	padding: 0;

	margin: 0;

	}





/*1st sub level menu*/

div.jqueryslidemenu ul.navigation li ul {

	position: absolute;

	left: 0;

	display: block;

	visibility: hidden;

	list-style-type: none;

	padding: 0px 0 0 0;

	z-index: 250;

	}





/*Sub level menu list items (undo style from Top level List Items)*/

div.jqueryslidemenu ul.navigation li ul li {

	display: list-item;

	float: none;

	list-style-type: none;
	

	}







/*All subsequent sub menu levels vertical offset after 1st level sub menu */

div.jqueryslidemenu ul.navigation li ul li ul {

	top: 0;

	list-style-type: none;

	padding: 0;




	}





/* ------------------  DROP DOWN NAV ARROW STYLES ------------------------------------*/



.downarrowclass{

	position: absolute;

	top: 12px;

	right: 7px;

	display: none;

	}



.rightarrowclass{

	position: absolute;

	top: 13px;

	right: 8px;

	}







/* ------------------  SUB LINK STYLES ------------------------------------*/





/* Sub level menu links style */

div.jqueryslidemenu ul.navigation li ul li a {

	width: 155px; /*width of sub menus*/

	padding: 7px 10px;

	margin: 0;

	border-top-width: 0;

	border-bottom: 1px solid #5773a2;

	}	

		

div.jqueryslidemenu ul.navigation li ul li a:hover { /*sub menus hover style*/

	background: #122859;

	color: white;

	}





/* ------------------  GENERIC LINK STYLES ------------------------------------*/





div.jqueryslidemenu ul.navigation li a {

	display: block;
	background: #2d508a;
	color: #fff;
	text-decoration: none;
	}



	* html div.jqueryslidemenu ul.navigation li a { /*IE6 hack to get sub menu links to behave correctly*/

	display: inline-block;

	}



	div.jqueryslidemenu ul.navigation li a:hover {

	

	}




	

div.jqueryslidemenu ul.navigation li a.home {
	text-indent: -1000em;
	background:url(../images/navigation/home.jpg) no-repeat left top;
	width: 98px;
	height: 57px;
	display: block;
	overflow: hidden;
	
	}

div.jqueryslidemenu ul.navigation li a.home:hover {
	background-position: 0px -57px; 
	}
	
div.jqueryslidemenu ul.navigation li a.homeON {
	text-indent: -1000em;
	background:url(../images/navigation/home.jpg) no-repeat left top;
	width: 98px;
	height: 57px;
	display: block;
	overflow: hidden;
	background-position: 0px -114px; 
	}
	
	
div.jqueryslidemenu ul.navigation li a.about {
	text-indent: -1000em;
	background:url(../images/navigation/about.jpg) no-repeat left top;
	width: 128px;
	height: 57px;
	display: block;
	overflow: hidden;
	}

div.jqueryslidemenu ul.navigation li a.about:hover {
background-position: 0px -57px; 
	}
	
div.jqueryslidemenu ul.navigation li a.aboutON {
	text-indent: -1000em;
	background:url(../images/navigation/about.jpg) no-repeat left top;
	width: 128px;
	height: 57px;
	display: block;
	overflow: hidden;
	background-position: 0px -114px;
	}
	

div.jqueryslidemenu ul.navigation li a.clients {
	text-indent: -1000em;
	background:url(../images/navigation/clients.jpg) no-repeat left top;
	width: 111px;
	height: 57px;
	display: block;
	overflow: hidden;
	}
	

div.jqueryslidemenu ul.navigation li a.clients:hover {
	background-position: 0px -57px; 
	}
	
div.jqueryslidemenu ul.navigation li a.clientsON {
	text-indent: -1000em;
	background:url(../images/navigation/clients.jpg) no-repeat left top;
	width: 111px;
	height: 57px;
	display: block;
	overflow: hidden;
	background-position: 0px -114px; 
	}
	
	
	
div.jqueryslidemenu ul.navigation li a.candidates {
	text-indent: -1000em;
	background:url(../images/navigation/candidates.jpg) no-repeat left top;
	width: 140px;
	height: 57px;
	display: block;
	overflow: hidden;
	}

div.jqueryslidemenu ul.navigation li a.candidates:hover {
	background-position: 0px -57px; 
	}
	
div.jqueryslidemenu ul.navigation li a.candidatesON {
	text-indent: -1000em;
	background:url(../images/navigation/candidates.jpg) no-repeat left top;
	width: 140px;
	height: 57px;
	display: block;
	overflow: hidden;
	background-position: 0px -114px; 
	}
	
	
div.jqueryslidemenu ul.navigation li a.testimonials {
	text-indent: -1000em;
	background:url(../images/navigation/testimonials.jpg) no-repeat left top;
	width: 150px;
	height: 57px;
	display: block;
	overflow: hidden;
	cursor:default;
	}
	
div.jqueryslidemenu ul.navigation li a.testimonialsON {
	text-indent: -1000em;
	background:url(../images/navigation/testimonials.jpg) no-repeat left top;
	width: 150px;
	height: 57px;
	display: block;
	overflow: hidden;
	background-position: 0px -114px;
	}

div.jqueryslidemenu ul.navigation li a.testimonials:hover {
	background-position: 0px -57px; 
	}
	

div.jqueryslidemenu ul.navigation li a.blog {
	text-indent: -1000em;
	background:url(../images/navigation/blog.jpg) no-repeat left top;
	width: 95px;
	height: 57px;
	display: block;
	overflow: hidden;
	}
	
div.jqueryslidemenu ul.navigation li a.blogON {
	text-indent: -1000em;
	background:url(../images/navigation/blog.jpg) no-repeat left top;
	width: 95px;
	height: 57px;
	display: block;
	overflow: hidden;
	background-position: 0px -114px; 
	}

div.jqueryslidemenu ul.navigation li a.blog:hover {
	background-position: 0px -57px; 
	}
	
	
div.jqueryslidemenu ul.navigation li a.contact {
	text-indent: -1000em;
	background:url(../images/navigation/contact.jpg) no-repeat left top;
	width: 140px;
	height: 57px;
	display: block;
	overflow: hidden;
	}

div.jqueryslidemenu ul.navigation li a.contact:hover {
	background-position: 0px -57px; 
	}
	
div.jqueryslidemenu ul.navigation li a.contactON {
	text-indent: -1000em;
	background:url(../images/navigation/contact.jpg) no-repeat left top;
	width: 140px;
	height: 57px;
	display: block;
	overflow: hidden;
	background-position: 0px -114px; 
	}


div.jqueryslidemenu ul.navigation li a.rss {
	text-indent: -1000em;
	background:url(../images/navigation/rss.jpg) no-repeat left top;
	width: 76px;
	height: 57px;
	display: block;
	overflow: hidden;
	}

div.jqueryslidemenu ul.navigation li a.rss:hover {
	background-position: 0px -57px; 
	}