/* ----------------------
Huntswood Style Sheet for Email Campaign
Version     1.1
Author      James Hollidge - Huntswood 
----------------------*/
body
{	background: #575046 url(Images/bg_grad.jpg) repeat-x left top;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	text-align:left;
	margin:0px;
	min-width: 860px;
	color:#ffffff
}


h1{
	font-size:28px;
	font-weight:bold;
	}

h2{
	font-size:15px;
	font-weight:bold;
	color:#8AC8E6;

	}
h3{
	font-size:14px;
	font-weight:bold;
	color: #807668;
	margin-bottom: 3px;
	padding-left:10px;
	}
	
h4{
	font-size:12px;
	font-weight:bold;
	margin:0;
	margin-bottom:3px;
	padding-bottom:3px;
	margin-top:3px;
	padding-top:3px;
	}
	
.smallspace{	margin:0;
	margin-bottom:5px;
	padding-bottom:5px;
	margin-top:3px;
	padding-top:3px;	
}

/* ----------------------
Page Layout 
-------------------------*/
.leftcirc{
	background: url(Images/Hoop.gif) no-repeat left top;
	position:absolute;
	left : -111px;
	top:220px;
	height:407px;
	width:407px;
	}

.rightcirc{
	background: url(Images/twoHoop.gif) no-repeat left top;
	position:absolute;
	right : -100px;
	top:44px;
	height:698px;
	width:457px;
	}

.main
{	background: ;
	width: 850px;
	position:relative;
	left: 50%;
	margin-left:-425px;
}

.topbar
{	background: #575046 url(Images/cornerL.jpg) no-repeat left top;
	width: 850px;
	position:relative;
	left: 50%;
	margin-left:-425px;
}

.toprightcorner{
	background: #575046 url(Images/cornerr.jpg) no-repeat left top;
	height:28px;
	width:28px;
	float:right;
}

.breadcrumbsarea{
	margin-left: 42px;
	margin-right:49px;
	margin-top:5px;
	padding:0;
	height: 20px;
	border-top:  #DFDCD7 2px solid;
	border-bottom:#DFDCD7 2px solid;
	clear:both;

}

.breadcrumbs{
	width: 400px;
	float:left;
	padding:0;
	margin:0;
	color:#FFFFFF;
	text-align:left;
	padding-top:3px;
	padding-left:3px;

}

.additionallinks
{	background: url(Images/additab.jpg) no-repeat left top;
	height:18px;
	margin-top:2px;
	float: right;
	width:40px;
	padding-left:10px;
	margin-left:10px;

}


.addright
{	background: url(Images/additab_right.jpg) no-repeat right top;
	float: right;
	width:16px;
	height:18px;
}


#logo
{	width: 216px;
	float:left;
	margin-top:18px;
	margin-bottom:10px;
	padding-left:22px;
}

.middle
{	background: #575046;
	width: 850px;
	position:relative;
	left: 50%;
	margin-left:-425px;
}

.maincontain
{width:540px;
float:left;
}

.main_area{
	float:left;
	width:475px; 
	margin-left:42px;
	margin-top:15px;
	margin-bottom:15px;
}

.main_area a{
	color: #FFFFFF;
	font-weight:bold;
	}

.white{
	font-size:28px;
	font-weight:bold;
	}

.blue{
	font-size:28px;
	color: #32A0D2;
	text-align:right;
	font-weight:bold;
	
	}
.blue2{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	color: #32A0D2;
	font-size:28px;
	font-weight:bold;

	}

.grey{
	font-size:28px;
	color: #807668;
	text-align:right;
	font-weight:bold;
	padding-right:15px;
	}

.main_area_home
{	float:left;
	width:499px; 
	padding-left:42px;
	margin-top:15px;
	height:200px;
}


.main_area_cogs
{	background: url(Images/HomeCogs.jpg) no-repeat left top;
	height:200px;
	padding-top:39px;
}

.main_area_cogs h2
{	padding-left:20px;
	font-size:17px;
	color: #4E473F;
}
.main_area_cogs p
{	padding-left:20px;
	font-size:14px;
	color: #4E473F;
}
.main_area_cogs a
{border:0px;
text-decoration: none;
}

.main_area_jig
{	background: url(Images/HomeJigswa.jpg) no-repeat left top;
	height:200px;
	padding-top:39px;
}

.main_area_jig h2
{	padding-left:20px;
	font-size:17px;
	color: #4E473F;
}
.main_area_jig p
{	padding-left:20px;
	font-size:14px;
	color: #4E473F;
}
.main_area_jig a
{border:0px;
text-decoration: none;
}


.main_area_arrow
{	background: url(Images/HomeArrows.jpg) no-repeat left top;
	height:200px;
	padding-top:39px;
}

.main_area_arrow h2
{	padding-left:20px;
	font-size:17px;
	color: #4E473F;
}
.main_area_arrow p
{	padding-left:20px;
	font-size:14px;
	color: #4E473F;
}
.main_area_arrow a
{border:0px;
text-decoration: none;
}


.main_area2
{	background:  url(Images/main_areaTop.jpg) no-repeat right top;
	float:left;
	width:497px; 
	padding-left:42px;
	margin-top:15px;
}
.main_area2B
{	background: url(Images/main_areaBot.jpg) no-repeat right bottom;
	float:left;
	width:497px; 
	padding-left:42px;
	margin-bottom:15px;
	height:34px;
}

.main_area2 h1
{	padding-top:24px;
	padding-left:10px;
	padding-right:10px;
	color: #32A0D2;
	font-size:23px;
	line-height:15px;
	font-weight:bolder;

}

.main_area2 h2
{	padding-left:10px;
	padding-right:10px;
	color: #575046;	
	font-size:14px;
	font-weight:bold;

}

.main_area2 h3
{	padding-left:10px;
	padding-right:10px;
	color: #575046;	
	font-size:13px;
	font-weight:bold;
}

.main_area2 h4
{	padding-left:10px;
	padding-right:10px;
	color: #807668;	
	font-size:12px;
	font-weight:bold;
}

.main_area2 p
{	padding-left:10px;
	padding-right:10px;
	color: #333333;	

}

.main_area2 ul
{	font-size:12px;
	color: #333333;
	line-height:18px;

}
.main_area2 a
{	color: #32A0D2;
text-decoration:none
}

.main_area2 a:hover
{	color: #32A0D2;
text-decoration: underline;
}



.main_area3
{	background: url(Images/main_areaTop2.jpg) no-repeat right top;
	float:left;
	width:497px; 
	padding-left:42px;
	margin-top:15px;
}
.main_area3B
{	background: url(Images/main_areaBot2.jpg) no-repeat right bottom;
	float:left;
	width:497px; 
	height:34px;
	padding-left:42px;
	margin-bottom:15px;
}

.main_area3 h1
{	padding-top:24px;
	padding-left:10px;
	padding-right:10px;
	color: #32A0D2;
	font-size:23px;
	line-height:15px;
	font-weight:bolder;

}

.main_area3 h2
{	padding-left:10px;
	padding-right:10px;
	color: #575046;	
	font-size:14px;
	font-weight:bold;
}

.main_area3 p
{	padding-left:10px;
	padding-right:10px;
	color: #333333;	

}

.main_area3 ul
{	color: #333333;
	line-height:18px;

}




/* ----------------------
Images 
-------------------------*/


.sil_1
{	background:  url(Images/sil_1.jpg) no-repeat top right;
}

.sil_2
{	background:  url(Images/sil_2.jpg) no-repeat bottom right;
}

.sil_3
{	background:  url(Images/sil_3.jpg) no-repeat top right;
}

.rdr
{	background:  url(Images/rdr.jpg) no-repeat top right;
}

.tcf
{	background:  url(Images/tcf.jpg) no-repeat top right;
}

.skilled
{	background:  url(Images/skilled.jpg) no-repeat top right;
}

.risk
{	background:  url(Images/risk.jpg) no-repeat top right;
}

.arrow
{	background:  url(Images/arrow.jpg) no-repeat top right;
}


.bench
{	background:  url(Images/benchmark.jpg) no-repeat top right;
}

.vision
{	background:  url(Images/vision.jpg) no-repeat top right;
}

.huntstory
{	background:  url(Images/huntstory.jpg) no-repeat top right;
}
.huntstory2
{	background:  url(Images/huntstory2.jpg) no-repeat top left;
}


/* ----------------------
End images 
-------------------------*/

.moreinfo
{	background: url(Images/More_InformationB.jpg) no-repeat right top;
	font-weight:bold;
	font-size:10px;
	height:18px;
	line-height:16px;
	margin-right:10px;
	float: right;
	width:111px;
	text-align: center;
	color: #FFFFFF;
}

.moreinfo a
{	color:#FFFFFF
}

#more
{
padding-top :30px;
}




.whatshot
{	height:150px;
	clear:both;
	padding-left:42px;
	margin-top:10px;
}

.box
{	background:  url(Images/Hotspot.jpg) top left;
	height:98px;
	width:216px;
	float: left;
	margin-right:25px;
	padding-left:10px;
	padding-right:10px;
}

.box p
{	margin:0px;
	color: #575046}


.boxblue
{	background:  url(Images/Hotspot2.jpg) top left;
	height:98px;
	width:216px;
	float: left;
	margin-right:25px;
	padding-left:10px;
	padding-right:10px;
}
.boxblue p
{	margin: 0px;
	color: #575046}

.boxhead{
	color: #FFFFFF;
	font-weight:bolder;
	font-size: 13px;
	line-height: 30px;
	margin-top: 3px;
}
.boxhead a{
	color: #FFFFFF;
	text-decoration:none;
	display: block;
}

/* ----------------------
boxtest 
-------------------------*/



.boxvideo
{	float: left;
	display: block;
	height:130px;
	width:262px;

}

.boxvideo a
{	background:  url(Images/videobox.jpg) top left;
	height:120px;
	width:216px;
	color: #D4EAF5;
	text-decoration:none;
	display: block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:25px;
	line-height:13px;

}
.boxvideo a:hover
{	background:  url(Images/videobox.jpg) top right;
	color: #575046}
	
	
.boxtcf
{	float: left;
	display: block;
	height:130px;
	width:262px;

}

.boxtcf a
{	background:  url(Images/tcfbox.jpg) top left;
	height:120px;
	width:216px;
	color: #CAC9C7;
	text-decoration:none;
	display: block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:25px;
	line-height:13px;

}

.boxtcf a:hover
{	background:  url(Images/tcfbox.jpg) top right;
	color: #575046}

.buttontitle{
	font-weight:bold;
	color: #ffffff;
	font-size:13px;
}

.boxinfosecure
{	float: left;
	display: block;
	height:130px;
	width:262px;

}

.boxinfosecure a
{	background:  url(Images/InfoSecurebox.jpg) top left;
	height:120px;
	width:216px;
	color: #CAC9C7;
	text-decoration:none;
	display: block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:25px;
	line-height:13px;

}

.boxinfosecure a:hover
{	background:  url(Images/InfoSecurebox.jpg) top right;
	color: #575046}


.boxcomphand
{	float: left;
	display: block;
	height:130px;
	width:262px;

}

.boxcomphand a
{	background:  url(Images/comphandbox.jpg) top left;
	height:120px;
	width:216px;
	color: #CAC9C7;
	text-decoration:none;
	display: block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:25px;
	line-height:13px;
}

.boxcomphand a:hover
{	background:  url(Images/comphandbox.jpg) top right;
	color: #575046}

/* -----------------------------------------------*/

.footer
{	background:  #575046 url(Images/FootFade.png) no-repeat bottom;
	height:22px;
	clear:both;
	padding-top:22px;
	padding-left:42px;
	font-size:9px;
}

.address{
	float:left;
	width:375px;
}

.privacy
{	float:right;
	width:350px;
	margin-right:50px;
	text-align:right;
}
.privacy a
{	color: #FFFFFF;
text-decoration:none
}.privacy a:hover
{	color: #FFFFFF;
text-decoration: underline;
}

/* ----------------------
Navigation 
-------------------------*/


#MainNav
{	float:left;
	clear:both;
	font-weight:bold;
	width:800px;
	margin: 0px;
	padding: 0px;
	padding-left: 42px;
}


#MainNav ul{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	width:800px;
}
	
#MainNav li{
	float: left;
	list-style-type:none;
	background: url(Images/navright.jpg) no-repeat top right;
}
#MainNav a{
	background: url(Images/navleft.jpg) no-repeat top left;
	color: white;
	padding-left: 29px;
	padding-right: 28px;
	line-height: 34px;
	text-decoration: none;
	float: left;
	display: block;
	border-right:#575046 solid 1px
}

#MainNav a:hover{
	color: #000000;}
	
#MainNav .selected li 
{	background: #575046;
}

#MainNav .selected a
{	color: #CEE8F4;
}


#MainNav .mmhome a{background: url(Images/MMhome.jpg) no-repeat top left;}
#MainNav .mmhomeO a{background: url(Images/MMhome.jpg) no-repeat top right;
	line-height: 26px;
	height:34px}
#MainNav .mmabout a{background: url(Images/MMabout.jpg) no-repeat top left;}
#MainNav .mmaboutO a{background: url(Images/MMabout.jpg) no-repeat top right;
	line-height: 26px;
	height:34px}

#MainNav .mmservices a{background: url(Images/MMServices.jpg) no-repeat top left;}
#MainNav .mmservicesO a{background: url(Images/MMServices.jpg) no-repeat top right;
	line-height: 26px;
	height:34px}
#MainNav .mmareaex a{background: url(Images/MMcore_competancies.jpg) no-repeat top left;}
#MainNav .mmareaexO a{background: url(Images/MMcore_competancies.jpg) no-repeat top right;
	line-height: 26px;
	height:34px}
#MainNav .mmindsect a{background: url(Images/MMindustry_sectors.jpg) no-repeat top left;}
#MainNav .mmindsectO a{background: url(Images/MMindustry_sectors.jpg) no-repeat top right;
	line-height: 26px;
	height:34px}
#MainNav .mmcontracting a{background: url(Images/MMcontracting_opportunities.jpg) no-repeat top left;}
#MainNav .mmcontractingO a{background: url(Images/MMcontracting_opportunities.jpg) no-repeat top right;
	line-height: 26px;
	height:34px}
	
#MainNav a:hover{color: #000000;}
	




	
/* ----------------------
additinal tabs 
-------------------------*/


#addlinks
{	float:right;
	width:350px;
	padding:0;
	margin: 0;

}
#addlinks ul{
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	width:300;
}
	
#addlinks li{
	float: right;
	margin-left: 8px;
	list-style-type:none;
	background: url(Images/addtab_right.jpg) no-repeat top right;
}
#addlinks a{
	background: url(Images/addtab_left.jpg) no-repeat top left;
	color: white;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 20px;
	text-decoration: none;
	display: block;
}

#addlinks a:hover{
	color: #ADD9ED;}
	
#addlinks .selected a
{	color: #CEE8F4;
}
	

/* --Sub--*/
.subnavcontain {
float:right;
width:236px;

}
/*
.subnavtop{
	background:  url(Images/subTitle.jpg) no-repeat right top;
	height: 28px;
	width:236px;
	margin-top:15px;
	margin-bottom:0px;
	font-weight:bold;
	text-align:right;
	font-size:12px;
 	float:right;	
	padding-top:12px;
	padding-right:50px;
}
 .subnavtop a {
	color: #FFFFFF;
	text-decoration:none}
 */
#submenu
{	float:right;
	width:236px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-right:50px;
	font-weight: bold;
	text-align: right;
	}
	
#submenu .subbottom 
{	background: url(Images/SubNavOptBot.jpg) no-repeat right top;
	list-style-type:none;	
	display: block;
	
}	
#submenu ul{
	clear: both;
	margin:0;
	padding:0;
	list-style: none;
	float:right;
}

#submenu li{
	background: url(Images/SubNavOpt1.jpg) no-repeat right top;
	list-style-type:none;	
	clear: both;
	height:34px;
	display: block;
	width:236px;
}

#submenu a{
	text-decoration:none;
	color:#FFFFFF;
	padding-right:30px;
	display: block;	
	height:34px;
	line-height:32px;
	font-size:12px;
}

#submenu a:hover{
	background: url(Images/SubNavOptOver1.jpg) no-repeat right top;
	color: #2496CC;
	font-size:12px;}

/* --Sub Nav for Home--*/


.subnavcontain {
float:right;
width:236px;

}

.subnavtop {
	background:  url(Images/subTitle.jpg) no-repeat left top;
	height: 28px;
	width:276px;
	margin-top:15px;
	margin-bottom:0px;
	font-weight:bold;
	text-align:right;
	font-size:12px;
	padding-right:10px;
	padding-top:12px;
 	float:right;}
 
.subnavtop a{
	color: #FFFFFF;
	text-decoration:none;
	padding-right:50px;
}
 
#hsubmenu
{	float:right;
	width:236px;
	margin-top:0px;
	margin-bottom: 0px;
	margin-right:50px;
	font-weight: bold;
	text-align: right;
	}
	
#hsubmenu .subbottom 
{	background: url(Images/SubNavOptBot.jpg) no-repeat right top;
	list-style-type:none;	
	display: block;
	
}	
#hsubmenu ul{
	clear: both;
	margin:0;
	padding:0;
	list-style: none;
	float:right;
}

#hsubmenu li{
	background: url(Images/HSubNavOpt.jpg) no-repeat right top;
	list-style-type:none;	
	clear: both;
	height:31px;
	display: block;
	width:236px;
}

#hsubmenu a{
	text-decoration:none;
	color:#575046;
	padding-right:30px;
	display: block;	
	height:31px;
	line-height:30px;
	font-size:12px;
}

#hsubmenu a:hover{
	background: url(Images/HSubNavOptOver.jpg) no-repeat right top;
	color: #2496CC;
	font-size:12px;}

/* ----------------------
Typography
-------------------------*/

.whitefont_colour
{color: #FFFFFF;}	

.bluefont_colour
{color: #32A0D2;}	

.brownfont_colour
{color: #807668}	

.chocfont_colour
{color: #575046}	


.bullets
{	margin:0px;
padding:0px;
margin-left:25px;
}

.bullets ul{
}
	
.bullets li{		
	background: url(Images/bullet.jpg) no-repeat top left;
	list-style: none;
	padding-left:25px;
	padding-right:10px;

}

.bullets a{
	color:#575046;
}
.bullets h3{
	color:#575046;
	margin-top:0px;
	margin-bottom:0px;
}

.bullets p{
	margin-top:0px;
	margin-bottom:0px;

}

.bullets a:hover{
	color: #000000;}
	
.bullets .selected li 
{	
}

.bullets .selected a
{	color: #CEE8F4;
}



.jobops{
font-size:12px;
font-weight:bold;
padding-left:10px;
padding-right:10px;
padding-right:10px;

}

.jobops a{
color: #575046;
text-decoration:none;
}

.jobops a:hover{
color: #575046;
text-decoration: underline;
}


/* ----------------------
Accordian  Navigation bit
-------------------------*/

#vertical_container {
	float:right;
	height: auto;
	width:236px;
	padding-right:50px;
	margin-bottom:10px;
	text-align:right;
	font-size:12px;
 }
		
		.accordion_toggle {
			background: url(Images/SubNavOpt1.jpg) no-repeat right top;;
			display: block;
			height: 34px;
			width: 208px;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #FFFFFF;
			padding-right:28px;
			cursor: pointer;
			margin: 0 0 0 0;
			line-height:32px
		}
		
		.accordion_toggle a {
			color:  #575046;
			text-decoration:none
					}
		
		.accordion_toggle a:hover {
			background: url(Images/SubNavOptOver1.jpg) no-repeat right top;
			color: #575046;
		}
		
		.accordion_toggle_active {
			background: url(Images/SubNavOptOver1.jpg) no-repeat right top;;
			color: #575046;
			height: 34px;
		}
		
		.accordion_content {
			color: #000000;
			overflow: hidden;
			line-height:32px;
			width: 236px;
			padding: 0;
			font-size:12px;
		}
		.accordion_content a{
			color: #575046;
			padding-right: 50px;
			text-decoration:none;
			display:block;
			font-size:11px;
			}		
		.accordion_subsection{
			background: url(Images/SubSubNavOpt1.jpg) no-repeat right top;;
			}
		.accordion_subsection:hover{
			background: url(Images/SubSubNavBlu1.jpg) no-repeat right top;;
			}
			
			  	