/* ----------------------
Huntswood Style Sheet for 2010 site
Version     1.2 - Updated August
Author      James Hollidge - Huntswood - 07990 97 4004
----------------------*/

body
{	background: #000000 url(images/bg_grad.jpg) repeat-x left top;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 24px;
	text-align:left;
	margin:0px;
	min-width: 900px;
	color:#FFFFFF
}


h1{
	color: #32A0D2;
	margin:0;
	padding:0;
	line-height: 1.0em;
	padding-bottom: 10px;
	font-weight: bold;
	FONT-SIZE: 1.2em;
	}

h2{
	font-size:0.6em;
	font-weight:bold;
	color: #776D60;
	margin:0;
	padding:0;
	line-height: 1.2em;
	padding-bottom: 10px;
}


h3{
	font-size: 0.5em;
	font-weight:bold;
	color: #807668;
	margin: 0px;
		}
	
h4{
	font-size:0.5em;
	font-weight:bold;
	margin:0;
	padding-bottom:3px;
	}
	
h6{
	font-size:0.6em;
	color: #32A0D2;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-top:19px;
	
	}

p{
font-size: 0.5em;
margin:0;
padding:0;
padding-bottom: 10px;
line-height: 1.5em;
}

.maincontain{}

.styleofh3{
	font-size: 0.6em;
	font-weight:bold;
	color: #807668;
	margin: 0px;
		}

.table{
	font-size:0.5em;}

.textcolour{
	color:  #000000;
	text-decoration:none}
	
.blue{
	color: #32A0D2;
	font-weight:bold;}

.white{
	color: #FFFFFF;
	font-weight:bold;}

.strong{
	font-weight:bold;}

.blueboarder{
border:1px #32A0D2 solid;}

.darkboarder{
border:1px #222121 solid;}

.greyboarder{
border:1px #807668 solid;}

.wibiya{
	height:100px;
	}
.smallprint
{
    font-size: 0.8em;
    vertical-align:middle;
    }

/*
-------------------------
Page Layout 
-------------------------
*/

.leftcirc{
	background: url(images/left.jpg) no-repeat left top;
	position:absolute;
	left : 0px;
	top:220px;
	height:407px;
	width:407px;
	}

.rightcirc{
	background: url(images/right.jpg) no-repeat right top;
	position: absolute;
	right : 0px;
	top: 44px;
	height: 691px;
	width: 421px;
	}

.main
{	width: 960px;
	position:relative;
	left: 50%;
	margin-left:/**/-480px;
	top:17px;
	margin-bottom:40px;
	
}

.topbar
{	background: #222121 url(images/topround.jpg) no-repeat left top;
    height:100px;
}

#logo
{	width: 216px;
	float:left;
	margin-top:18px;
	margin-bottom:20px;
	padding-left:22px;
}


.callus
{	width: 400px;
	float:right;
	margin-top:25px;
	margin-bottom:10px;
	padding-right:44px;
	text-align:right;
}
.callus p
{	margin:0;
	font-weight:bold;
	font-size:0.7em;
	line-height:1em;}

.callus h3
{	margin:0;
	font-weight:bold;
	font-size: 0.9em;
	color:#FFFFFF;
	line-height:1em;}


.grouppageani{
	width:701px;
	margin-left: 130px;		
	}

.grouppageani2{
	width:955px;
	margin-left:0px;		
	}

#mainnavarea{
background: #222121;
	clear:both;
	font-size:0.5em;
	height:58px;
}

.reflection{
	background: url(images/reflection.jpg);
	height:85px;
	clear:both;
}

/* ----------------------
Main Navigation 
-------------------------*/

	

#mainnav
{	font-weight:bold;
	width:880px;
	margin: 0px;
	padding: 0px;
	padding-left: 42px;
}


#mainnav ul{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	width:880px;
}
	
#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: #FFFFFF;
	line-height: 34px;
	text-decoration: none;
	float: left;
	display: block;
	margin-right: 2px;
	text-align:center;
}

#mainnav a:hover{
	color: #000000;}
	
#mainnav .selected li 
{	background: #575046;
}

#mainnav .selected a
{	color: #CEE8F4;
}


#mainnav .mmgroup a{background: url(images/tab_huntswood_group.jpg) no-repeat top left; width: 180px;}
#mainnav .mmgroupo a{background: url(images/tab_huntswood_group.jpg) no-repeat top right; width: 180px;
	line-height: 26px;
	height:34px}
#mainnav .mmcustomer a{background: url(images/tab_customer_services.jpg) no-repeat top left; width: 188px;}
#mainnav .mmcustomero a{background: url(images/tab_customer_services.jpg) no-repeat top right; width: 188px;
	line-height: 26px;
	height:34px}

#mainnav .mmresourcing a{background: url(images/tab_resourcing.jpg) no-repeat top left; width: 143px;}
#mainnav .mmresourcingo a{background: url(images/tab_resourcing.jpg) no-repeat top right; width: 143px;
	line-height: 26px;
	height:34px}
#mainnav .mmlandd a{background: url(images/tab_ld.jpg) no-repeat top left; width: 217px;}
#mainnav .mmlanddo a{background: url(images/tab_ld.jpg) no-repeat top right; width: 217px;
	line-height: 26px;
	height:34px}
#mainnav .mmconsulting a{background: url(images/tab_consulting.jpg) no-repeat top left; width: 141px;}
#mainnav .mmconsultingo a{background: url(images/tab_consulting.jpg) no-repeat top right; width: 141px;
	line-height: 26px;
	height:34px}
	
#mainnav a:hover{color: #000000;}
	

/* ----------------------
Secondary Navigation 
-------------------------*/

#secondnav
{	font-weight:bold;
	margin: 0px;
	padding: 0px;
	margin-left: 42px;
	width:875px;
	height:22px;
	border-bottom:#FFFFFF solid 1px;
	border-top:#FFFFFF solid 1px;
	clear:both
}


#secondnav ul{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
}
	
#secondnav li{
	float: left;
	list-style-type:none;
	background: url(images/navright.jpg) no-repeat top right;
	

}
#secondnav li a{
	color: #E9E7E4;
	line-height: 22px;
	text-decoration: none;
	float: left;
	display: block;
	text-align:center;
}

#secondnav .end a
{	
	border-right: none;
	margin-right:3px;
}


#secondnav li a:hover{
	color: #FFFFFF;}
	
#secondnav .selected li 
{	background: #575046;
}

#secondnav .selected a
{	color: #CEE8F4;
}

#secondnav .home 
{	width:61px;
}
#secondnav .sectors 
{	width:65px;
}
#secondnav .events 
{	width:57px;
}


#secondnav .stor
{	width:75px;
}
#secondnav .hb
{	width:158px;
}
#secondnav .mt
{	width:160px;
}
#secondnav .val
{	width:85px;
}
#secondnav .csres
{	width:160px;
}
#secondnav .conta
{	width:90px;
}


/* ----------------------
Breadcrumbs and link Area 
-------------------------*/


.breadcrumbs{
	float:left;
	width:485px;
	line-height:22px;
	font-size:0.9em;
}
.breadcrumbs a{
	color: #F5F5F5;
	text-decoration:none;}
	
.breadcrumbs a:hover{
	color: #FFFFFF;
	text-decoration: underline;}

.links{
	float:right;
	width: 382px;
	font-size:0.9em;
}

.bclink{
	float:right;
	background: url(images/bc_links.jpg) right;
	height:22px;
	line-height:22px;
	text-align:center;
	width: 90px;
	margin-left:3px;}
	
.bclink a{
	margin:0;
	padding:0;
	color: #CCCCCC;
	text-decoration:none;
	display:block;
}	
.bclink a:hover{
	margin:0;
	padding:0;
	color: #FFFFFF;
	text-decoration:underline;
}	
.bcreclink{
	float:right;
	background: url(images/bc_rec_links.jpg) right;
	height:22px;
	line-height:22px;
	text-align:center;
	width: 100px;
	margin-left:3px;}
	
.bcreclink a{
	margin:0;
	padding:0;
	color: #EFEFEF;
	text-decoration:none;
	display:block;
}	
.bcreclink a:hover{
	margin:0;
	padding:0;
	color: #FFFFFF;
	text-decoration:underline;
}	

/* ----------------------
Footer Area 
-------------------------*/
		

.footerarea{
font-size:0.5em;
background: #222121;
margin-bottom: 32px;

}
	
.footabove{	
	margin: 0px; 
	height:35px;
}

.huntswoodtab{
	margin: 0px; 
	float:left;
	margin-left: 42px; 
	}
	
.footnavarea{
	float:right;
	margin-right:40px;
}

#footnav
{	font-weight:bold;
	margin: 0px;
	padding: 0px;
}


#footnav ul{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	width:880px;
}
	
#footnav li{
	float: left;
	list-style-type:none;
	background: url(images/navright.jpg) no-repeat top right;
}
#footnav a{
	background: url(images/navleft.jpg) no-repeat top left;
	color: white;
	line-height: 22px;
	text-decoration: none;
	float: left;
	display: block;
	margin-right: 1px;
	margin-top: 13px;
	text-align:center;}

#footnav a:hover{
	color: #000000;}
	
#footnav .selected li 
{	background: #575046;
}

#footnav .selected a
{	color: #CEE8F4;
}


#footnav .mmcustomer a{background: url(images/tab_cs2.jpg) no-repeat top left; width:137px;}
#footnav .mmcustomero a{background: url(images/tab_cs2.jpg) no-repeat top right; width:137px;
}
#footnav .mmresourcing a{background: url(images/tab_res2.jpg) no-repeat top left; width:93px;}
#footnav .mmresourcingo a{background: url(images/tab_res2.jpg) no-repeat top right; width:93px;
}
#footnav .mmlandd a{background: url(images/tab_ld2.jpg) no-repeat top left; width:167px;}
#footnav .mmlanddo a{background: url(images/tab_ld2.jpg) no-repeat top right; width:167px;
}
#footnav .mmconsulting a{background: url(images/tab_con2.jpg) no-repeat top left; width:91px;}
#footnav .mmconsultingo a{background: url(images/tab_con2.jpg) no-repeat top right; width:91px;
}
	
#footnav a:hover{color: #000000;}


.footbelow{
	background: url(images/footbelow.jpg);
	height:60px;
	
	}
	
.footbelow2{
	background: url(images/footbelow2.jpg);
	height:100px;
	
	}
	
.footgroup{
	float: right;
	background: url(images/groupwhite.jpg) left no-repeat;
	width:532px;
	line-height:22px;
	color: #32A0D2;
	font-weight:bold;
	text-indent:269px;
}
	
.footsocial{
	float: right;
	background: url(images/socialarea.jpg) left no-repeat;
	width:532px;
	line-height:48px;
	text-indent:20px;
	height: 51px
}

.footsocial2{
	float: right;
	background: url(images/socialarea2.jpg) left no-repeat;
	width:532px;
	line-height:48px;
	text-indent:20px;
	height: 51px;
	margin-top:11px;
}

.affiliate{
	float: left;
	margin-left:56px;
	margin-top: 8px;}

.footgroup a{
	color: #32A0D2;
	text-decoration: none;
}
.footgroup a:hover{
	color: #32A0D2;
	text-decoration: underline;
}

.footnote{
	clear:both;
	font-size: 0.9em;}

.address{
	float:left;
	margin-left:56px;
	margin-top: 3px;}

.legal{ 
	float:right;
	margin-right:43px;
	margin-top: 16px;	padding-bottom: 70px;
		}
.legal a{ 
 	color: #FFFFFF;
	text-decoration:none;
		}
.legal a:hover{ 
 	color: #FFFFFF;
	text-decoration:underline;
		}

.legal2{ 
	float:right;
	margin-right:43px;
	margin-top: 9px;	padding-bottom: 70px;
		}
.legal2 a{ 
 	color: #FFFFFF;
	text-decoration:none;
		}
.legal2 a:hover{ 
 	color: #FFFFFF;
	text-decoration:underline;
		}
		
		
/* ----------------------
Main Content area 
-------------------------*/
		
.content{
	background: #222121;
	clear:both;
	}

.maincontentarea{
margin-left: 42px;
padding-top: 10px;
padding-bottom: 10px;
width:875px;
}


.maincontentarea ul{
margin:0;
padding:0;
margin-left:20px;
line-height: 1.5em;
padding-bottom: 8px;

}

.contenttop{
	background:  url(images/contenttop.jpg) no-repeat;
	font-size:0.1em;
	height:19px;
}
.contentmid{
	background:  url(images/contentmid.jpg) repeat-y;
	padding-left:18px;
	padding-right:16px;
	color:#000000;
}
.contentmidclear{
	clear:both;
	font-size:0.5em;
}

.contentbot{
	background:  url(images/contentbot.jpg) no-repeat;
	font-size:0.1em;
	height:19px;
	margin-bottom:10px;
	clear:both;
}

.text_area
{	float:left;
	width:570px; 
}

.text_area a
{	color: #32A0D2;
}

.text_area ul
{	font-size:0.5em;}

.text_area_recruitment
{	float:left;
	width:840px; 
}

.text_area a
{	color: #32A0D2;
}



.bullets
{	margin:0px;
padding:0px;
margin-left:25px;
}

.subbull
{	margin-left: 32px;

}

.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: #000000;
	text-decoration:none
}
.bullets a:hover{
	color: #333333;
	text-decoration: underline;
}
.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;
}

.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
{
clear:both;
padding-top :10px;
}

.apply
{	background: url(images/more_informationb.jpg) no-repeat right top;
	font-weight:bold;
	font-size:10px;
	height:18px;
	line-height:16px;
	margin-right:10px;
	width:111px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom:10px;
}

.apply a
{	color:#FFFFFF;
}


/* ----------------------
Nav area of content area 
-------------------------*/


.sub_nav_area
{	float:right;
	width:238px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-right:2px;
	text-align: right;
	font-size:0.5em;
	}

#submenu
{	width:236px;
	margin-top:0px;
	margin-bottom: 0px;
	text-align: right;
	}

#submenu .subtop 
{	background: url(images/sub_menu_heading.jpg) no-repeat right top;
	list-style-type:none;	
	display: block;
	height: 40px;
	line-height: 40px;
	height:40px;
	color:#FFFFFF;
	font-weight: bold;
	}	
	
#submenu .subtop a{
	line-height: 40px;
	height:40px;
	color:#FFFFFF;
		font-weight: bold;
}	
	
#submenu .subtop a:hover{
	background: url(images/sub_menu_heading.jpg) no-repeat right top;
	color: #000000;
}	
	

#submenu .subbottom 
{	background: url(images/sub_menu_bot.jpg) no-repeat right top;
	list-style-type:none;	
	display: block;
	height:40px;}	
	
#submenu .subbottom a:hover
{	background: url(images/sub_menu_bot_over2.jpg) no-repeat right top;
	font-weight: bold;
}	
	

#submenu ul{
	clear: both;
	margin:0;
	padding:0;
	list-style: none;
	float:right;
}

#submenu li{
	background: url(images/sub_menu_mid.jpg) no-repeat right top;
	list-style-type:none;	
	clear: both;
	height:34px;
	display: block;
	width:236px;
	padding: 0;
}

#submenu .selected{
	background: url(images/sub_menu_mid_over.jpg) no-repeat right top;
	font-weight:bold
}

#submenu .selected a{
	padding-right:30px;
}

#submenu .selected a:hover{
	background: url(images/sub_menu_mid_over.jpg) no-repeat right top;

	}


#submenu .selectedbottom{
	background: url(images/sub_menu_bot_over.jpg) no-repeat right top;
	font-weight:bold;
	list-style-type:none;	
	display: block;
	height:40px;}	

#submenu .selectedbottom a:hover{
	background: url(images/sub_menu_bot_over.jpg) no-repeat right top;
	font-weight: bold;
}

#submenu .selectedbottom a{
	padding-right:30px;
}

#submenu a{
	text-decoration:none;
	color: #333333;
	display: block;	
	height:34px;
	line-height:32px;
	font-size:12px;
	padding-right:15px;

}

#submenu a:hover{
	background: url(images/sub_menu_mid_over2.jpg) no-repeat right top;
	color: #2496CC;
	font-size:12px;
	font-weight: bold;
}


#submenu .subtopic{
	background: url(images/sub_menu_mid_sub.jpg) no-repeat right top;}

#submenu .subtopic a{
	padding-right:30px;
}
#submenu .subtopic a:hover{
	background: url(images/sub_menu_mid_over.jpg) no-repeat right top;
	font-weight: bold;
}

#submenu .subtopicover{
	background: url(images/sub_menu_mid_sub_selct.jpg) no-repeat right top;
	color: #32A0D2;
	font-weight: bold;
}
#submenu .subtopicover a{
	padding-right:30px;
}

#submenu .subtopicover a:hover{
	background: url(images/sub_menu_mid_over.jpg) no-repeat right top;
	color: #333333;
}


#submenu .subtopicbottom{
	background: url(images/sub_menu_bot_sub.jpg) no-repeat right top;
	list-style-type:none;	
	display: block;
	height:40px;}	

#submenu .subtopicbottom a{
	padding-right:30px;
}

#submenu .subtopicbottom a:hover{
	background: url(images/sub_menu_bot_sub.jpg) no-repeat right top;
	font-weight: bold;
}


.belowsubnav{
	width: 230px;
	text-align:right;
	height:16px;
	line-height:16px;
}

.belowsubnav a{
}

.tablebluebg{
	background:#32A0D2;
	color: #FFFFFF;
	padding:9px;
}
/* ----------------------
specific pages of content area 
-------------------------*/

.huntstory
{	background:  url(images/huntstory.jpg) no-repeat top right;}

.huntstory2
{	background:  url(images/huntstory2.jpg) no-repeat top left;}

.ld{
	background: url(images/ld_bg.jpg) right no-repeat}

.landd{
	background: url(images/landd_bg.jpg) right top no-repeat}
	
.csd{
	background: url(images/pages/cust_serv.jpg) right top no-repeat}

.manserve
{	background: url(images/pages/Team.jpg) no-repeat right top}

.nonmanaged
{	background:url(images/pages/nonmanserv.jpg) no-repeat right top}

.comphand
{	background:url(images/pages/comphand.jpg) no-repeat right top}

.salesupport
{	background:url(images/pages/sales_support.jpg) no-repeat right top}

.distinct
{	background: url(images/pages/bespoke.jpg) no-repeat right top}

.perf_imp
{	background: url(images/pages/perf_imp.jpg) no-repeat right top}

.root
{	background: url(images/pages/x.jpg) no-repeat right top}

.implem
{	background: url(images/pages/x.jpg) no-repeat right top}

.finproms
{	background:url(images/pages/fin_proms.jpg) no-repeat right top}

.pbr
{	background:url(images/pages/pbr.jpg) no-repeat right top}

.consulting
{	background: url(images/pages/managed.jpg) no-repeat right top}

.tcf
{	background:url(images/pages/tcf.jpg) no-repeat right top}

.risk
{	background: url(images/pages/risk.jpg) no-repeat right top}

.arrow
{	background: url(images/pages/arrow.jpg) no-repeat right top}

.skilled
{	background: url(images/pages/skilled.jpg) no-repeat right top}

.tc
{	background: url(images/pages/tc.jpg) no-repeat right top}

.rdr
{	background: url(images/pages/rdr.jpg) no-repeat right top}

.compman
{	background: url(images/pages/compman.jpg) no-repeat right top}

.bench
{	background: url(images/pages/compbench.jpg) no-repeat right top}

.compreview
{	background: url(images/pages/benchmark.jpg) no-repeat right top}

.custexp
{	background: url(images/pages/customer_experience.jpg) no-repeat right top}

.vision
{	background: url(images/pages/vision.jpg) no-repeat right top}

.interact
{	background: url(images/pages/cust_int.jpg) no-repeat right top}

.baselinexp
{	background: url(images/pages/baselinexp.jpg) no-repeat right top}

.saleservmeasur
{	background: url(images/pages/saleservmeasur2.jpg) no-repeat right top}

.bespoke
{	background: url(images/pages/bespoke2.jpg) no-repeat right top}

.ldsupport
{	background: url(images/pages/landd.jpg) no-repeat right top}

.lookingfor
{	background: url(images/pages/group.jpg) no-repeat right top}

.root
{	background: url(images/pages/root.jpg) no-repeat right top}

.imple
{	background: url(images/pages/implemen.jpg) no-repeat right top}

.diversity
{	background: url(images/pages/diversity.jpg) no-repeat left top;
height:425px}

.sectors
{	background: url(images/pages/.jpg) no-repeat right top;
}
.finservsect
{	background: url(images/pages/finserv.jpg) no-repeat right top;
}
.utilsect
{	background: url(images/pages/utilities.jpg) no-repeat right top;
}
.publicsect
{	background: url(images/pages/doctor.jpg) no-repeat right top;
}
.travelsect
{	background: url(images/pages/travel.jpg) no-repeat right top;
}

.clients
{	background:url(images/pages/clients.jpg) no-repeat right top}

.mortgage
{	background:url(images/pages/mortgage.jpg) no-repeat right top}


/* ----------------------
recuitment area 
-------------------------*/
.recruit_nav
{	float:right;
	width:238px;
	}
	
	
.featured
{	background: url(images/job-roles-bar.jpg) no-repeat right top;
	width:246px;
	display:block;
}

.featured h6
{	color: #FFFFFF;
	font-weight:bold;
	padding-right:22px;
	text-decoration:none;
	display:block;
	line-height: 33px;

}

.recruitbg{
	background:  url(images/recruit_op_bg.jpg)  no-repeat;
	width:837px;
	height:249px;
	clear:both;
}


.gradbg{
	background: url(images/openwork_bg.jpg) no-repeat;
	width:837px;
	height:249px;
	clear:both;
}

.gradleft
{
    float:left;
    margin:50px 22px 20px 20px;
    width: 500px;
    color: #776D60;
    font-weight: bold;
    font-size:0.9em;
    }


.gradright
{    float:right;
    margin:42px 27px 0px 0px;
    width: 220px;
    }

    #gradroles
    {
    margin:0px;
	padding:0px;
}
      
    #gradroles ul
    {
	list-style: none;
	margin-right:0px;}
    
    
    #gradroles li
    {
    background: url(images/openwobuttop-o.jpg) no-repeat right top;
	list-style-type:none;	
	display: block;
	height: 44px;
	width:227px;
	padding: 0px;
	margin: 2px 0px 2px 0px; }    
	
    #gradroles li a
    {
        color:#fff;
        text-decoration:none;
        display: block;
        height: 39px;
	    width:227px;
	    padding: 0px 8px 0px 8px;
	    font-size: 0.5em;
	    font-weight:bold;
 }
    
    
    #gradroles li:hover
    {
        background: url(images/openwobuttop-n.jpg) no-repeat right top;
    }
    
    

.ideallybg{
	background: url(images/ideally-bg.jpg) no-repeat;
	width:837px;
	height:249px;
	clear:both;
}
  
  .ideallyleft
{
    float:left;
    margin:30px 22px 20px 20px;
    width: 500px;
    color: #776D60;
    font-weight: bold;
    font-size:0.9em;
    }


.openworkbg{
	background: url(images/openwork_bg.jpg) no-repeat;
	width:837px;
	height:249px;
	clear:both;
}

.openworkleft
{
    float:left;
    margin:50px 22px 20px 20px;
    width: 500px;
    color:#04736D;
    font-weight: bold;
    }

.openworkright
{    float:right;
    margin:50px 27px 0px 0px;
    width: 220px;
    }

    #openwroles
    {
    margin:0px;
	padding:0px;
}
      
    #openwroles ul
    {
	list-style: none;
	margin-right:0px;}
    
    
    #openwroles li
    {
    background: url(images/openwobuttop-o.jpg) no-repeat right top;
	list-style-type:none;	
	display: block;
	height: 44px;
	width:227px;
	padding: 0px;
	margin: 6px 0px 11px 0px; }    
	
    #openwroles li a
    {
        color:#fff;
        text-decoration:none;
        display: block;
        height: 39px;
	    width:227px;
	    padding: 0px 8px 0px 8px;
	    font-size: 0.5em;
	    font-weight:bold;
 }
    
    
    #openwroles li:hover
    {
        background: url(images/openwobuttop-n.jpg) no-repeat right top;
    }
        
    
#openworkmore
    {
    margin:10px 0px 0px 13px;
	padding:0px;
}
      
    #openworkmore ul
    {
	list-style: none;
	margin-right:0px;}
    
    
    #openworkmore li
    {
    background: url(images/openw-morebuts-n.jpg) no-repeat right top;
	list-style-type:none;	
	display: block;
	height: 60px;
	width: 220px;
	padding: 0px;
	margin: 0px; 
	}    
	
    #openworkmore li a
    {
        color: #000000;
        text-decoration:none;
        display: block;
        line-height:45px;
	    height: 47px;
	    width:220px;
	    padding: 0px 8px 0px 23px;
	    font-size: 0.5em;
	    font-weight:bold;
	    
 }
    
    
    #openworkmore li:hover
    {
        background: url(images/openw-morebuts-o.jpg) no-repeat right top;
    }
    
    .openwquotebg
       {
        height: 167px;
	    width: 240px;
	    margin: 10px 20px 0px 20px;
	    font-weight:bold;
	    color:#04736D;
    }
     
    .owquote
    {
        font-style:italic;
        text-align:left;
        }
    .owquotename
    {
        text-align:right;
        }


.apsco{
float:right;
width:270px;
background: url(images/apsco-affiliate.jpg) no-repeat right top;
height:58px;
font-size:0.8em;
}

.recruitbg h1{
	padding: 18px 0px 0px 25px ;
	color:#333333;
	font-size:0.8em;
	line-height:24px;
}
.looking_area{
	margin: 15px 0px 0px 25px;
	width: 490px;
}


#looking_for{
	width: 233px;
	height: 66px;
	float:left;
}


#looking_for a{
	background:  url(images/looking_for.jpg)  no-repeat left;
	width: 233px;
	height: 66px;
	float:left;
	text-align:center;
	line-height:65px;
	font-weight:bolder;
	font-size: 0.9em;
	text-decoration:none;
	color:#FFFFFF;
}

#looking_for a:hover{
	background:  url(images/looking_for.jpg)  no-repeat right;
	font-size: 0.95em;
}

#looking_to{	
	width: 233px;
	height: 66px;
	float:right;
}

#looking_to a{
	width: 233px;
	height: 66px;
	float:left;
	text-align:center;
	line-height:65px;
	background:  url(images/looking_hire.jpg)  no-repeat left;
	font-weight:bolder;
	font-size: 0.9em;
	text-decoration:none;
	color:#FFFFFF;
}

#looking_to a:hover{
	background:  url(images/looking_hire.jpg)  no-repeat right;
	font-size:1.0em;
}



.role
{
	width:236px;
}

.featvacantop
{	background: url(images/feat_vacan_top1.jpg) no-repeat right top;

}

.featvacanbottom
{	background: url(images/job-roles-bottom1.jpg) no-repeat right top;

}
.featvacan{
	
}

.featvacan h6{
	color: #32A0D2;
	font-weight:bold;
	text-decoration:none;
	display:block;
	line-height: 28px;

}

.featvacan p{
	color: #333333;
	font-weight: normal;
	padding-right:22px;
	font-size:1em ;
}

.featvacan a{
	color: #32A0D2;
	text-decoration:none}

.featvacan a:hover{
	color: #2682AE;
	text-decoration: underline}




/* ----------------------
submenu 2
-------------------------
*/

#submenu2{
 clear:both;
}

#submenu3{
 clear:both;
	background: url(images/selectrole.jpg) no-repeat right top;
}

.selecttext
{	padding: 20px 15px 0px 0px;
    }

.selectbottom
{
    background: url(images/selectrole.jpg) no-repeat right bottom; 
    }

.uploadcv{
	background: #FFFFFF url(images/cv_over.jpg) no-repeat left top;
	width: 236px;
	text-align:right;
	height: 75px;
	display:block;
	font-size:1.1em;
	margin-bottom: 12px;}

.uploadcv a{
	font-weight:bold;
	line-height: 75px;
	color: #ffffff;
	height: 75px;
	padding:0px;
	padding-right:10px;
	display:block;
	text-decoration:none;

	}

.uploadcv a:hover{
	background: url(images/cv_over.jpg) no-repeat right top;
	color: #ffffff;
	font-weight:bold;
}
.meetwork{
	background: #FFFFFF url(images/meet_work.jpg) no-repeat left top;
	width: 236px;
	text-align:right;
	height: 75px;
	display:block;
	font-size:1.1em;
	margin-bottom: 12px;
}

.meetwork a{
	font-weight:bold;
	line-height: 17px;
	color: #ffffff;
	height: 75px;
	padding:0px 10px 0px 0px;
	display:block;
	text-decoration:none;

	}

.meetwork a:hover{
	background: url(images/meet_work.jpg) no-repeat right top;
	color: #ffffff;
	font-weight:bold;	
}

.meethire{
	background: #FFFFFF url(images/meet_hire.jpg) no-repeat left top;
	width: 236px;
	text-align:right;
	height: 75px;
	display:block;
	font-size:1.1em;
	margin-bottom: 12px;}

.meethire a{
	font-weight:bold;
	line-height: 17px;
	color: #ffffff;
	height: 75px;
	padding:0px 10px 0px 0px;
	display:block;
	text-decoration:none;
	}

.meethire a:hover{
	background: url(images/meet_hire.jpg) no-repeat right top;
	color: #ffffff;
	font-weight:bold;
}

.contra{
	background: #FFFFFF url(images/contracting.jpg) no-repeat right top;
	width: 236px;
	text-align:right;
	height: 75px;
	display:block;
		font-size:1.1em;

}

.contra a{
	font-weight:bold;
	line-height: 17px;
	color: #FFFFFF;
	height: 75px;
	padding:0px;
	padding-right:10px;
	display:block;
	text-decoration:none;

	}

.contra a:hover{
	background: url(images/contracting_over.jpg) no-repeat right top;
	color: #ffffff;
	font-weight:bold;
}

.spacing{width:30px;
height:12px;
font-size:0.5em;}

.black{
background:#000000;
    width: 378px;
}


/* ----------------------
Recruitment
-------------------------
*/

.recruitbottom{	margin-top:10px;
}

.recruitbottom a{
	color: #32A0D2;
	text-decoration:none;
}

.recruitbottom a:hover{
	text-decoration: underline;
}

.recruitareas{
	float:left;
	width:278px;
}

.recruitareas h1{
	font-size: 0.7em;
}

.recruitareae{
	float:left;
	width:278px;
	border-left: #BCB6AD 1px solid;
	border-right: #BCB6AD 1px solid;
}
.recruitareae h1{
	font-size: 0.7em;
}

.recruitpad {
padding: 0px 18px 0px 15px;}


.recruitpadright {
    padding: 0px 0px 0px 0px;
    background: url(images/openw-quote.jpg) no-repeat left top;}


.gradpadright {
    padding: 0px 0px 0px 0px;}


.recruitpad2 {
padding: 0px 0px 0px 25px;}

.recruitareas2{
	float:left;
	width:252px;
}
.recruitareasi{
	float:left;
	width:256px;
}

.recruitareas2 h1{
	font-size: 0.7em;
}

.recruitareae2{
	float:left;
	width:310px;
	border-left: #BCB6AD 1px solid;
	border-right: #BCB6AD 1px solid;
}
.recruitareae2 h1{
	font-size: 0.7em;
}



#vacancies{
font-size: 0.5em;
padding: 0px;
margin: 0px;
}

#vacancies ul {
list-style:none;

}
#vacancies li {
list-style:none;
	font-weight: bold;
}

#vacancies a {
	background: url(images/vacancies.jpg) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 9px 0px;
	color:#FFFFFF;
	line-height:42px;
	height:42px;
	display: block;
}

#vacancies a:hover {
background: url(images/vacancies-over.jpg) no-repeat;
}

#cvbutt{
font-size: 0.7em;
padding: 0px;
margin: 0px;
}

#cvbutt ul 
{	list-style:none;
	padding: 0px;
	margin: 0px;}

#cvbutt li {
padding: 0px;
margin: 15px 0px 8px 0px;
list-style:none;
}

#cvbutt a{
background: url(images/send-cv.jpg) no-repeat;
padding: 0px 0px 0px 0px;
margin: 0px;
color:#FFFFFF;
font-weight: bold;
line-height:58px;
width:233px;
display: block;
text-align:center;
}

#cvbutt a:hover{
background: url(images/send-cv-over.jpg) no-repeat}


.closer{line-height:16px;}



.videoarea
{ 	width:190px;
	float: left;
	margin-bottom:12px;
	}

.quote
{	color:#000000;
	text-align:right;
}
.j0test{
	text-align:center;
	color:#FFFFFF;
	margin-bottom:10px
}
.j0test a{
	background: #FFFFFF url(images/j0.jpg) top left;
	display:block;
	text-align:center;
	line-height:20px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.j0test a:hover{
	background: url(images/j0over.jpg);
	text-decoration: underline;
}


.success h4{
font-size:18px;
color:#807668;

}

        .w144at
        {
            width: 144px;
            vertical-align: top;
        }

#Name
        {width: 236px;}
#Telno
        {width: 236px;}
#Email
        {width: 236px;}
.field
        {width: 123px; vertical-align: top;}
        
        
.iphonebutton
{   height: 72px;
    }        
.iphonebutton a
{   
    background: url(images/app_button.jpg) left no-repeat;
    height: 72px;
    width: 234px;
    text-decoration: none;
    display:block;
    }        
.iphonebutton a:hover
{   
    background: url(images/app_button.jpg) right no-repeat;   
    height: 72px;
    width: 234px;
    text-decoration: none;
        }      



.iphone-support-button
{   
    margin-top: 27px;
    height: 72px;
    }        
.iphone-support-button a
{   
    background: url(images/app_support_button.jpg) right no-repeat;
    height: 72px;
    width: 234px;
    text-decoration: none;
    display:block;
    
    }        
.iphone-support-button a:hover
{   
    background: url(images/app_support_button.jpg) left no-repeat;   
    height: 72px;
    width: 234px;
    text-decoration: none;

        }      
        
        
.iphonevideo
{   
    height: 188px;
    }        
.iphonevideo a
{   
    background: url(images/iPhone_tutorial.jpg) left no-repeat;
    height: 183px;
    width: 235px;
    text-decoration: none;
    display:block;
    
    }        
.tablerule
        {border-left: #32A0D2 2px solid}




/* ----------------------
New recruitment section
-------------------------
*/



#recruitlinks
{
    }

#recruitlinks ul 
{
    margin:0px;
    padding:0px;
	line-height:22px;
	font-size:0.9em;
	list-style: none;
}
#recruitlinks a{
	color: #F5F5F5;
	text-decoration:none;}
	
#recruitlinks a:hover{
	color: #FFFFFF;
	text-decoration: underline;}	
	
#recruitlinks .spacer{
	margin: 3px 30px 0px 30px;}

.recsearch
{   float:left;
    width:259px; 
    }
.recsearch h1
{       font-size: 0.7em; 
    }
.recareas
{   float:right; 
    width:548px; 
    }
    
.recareas h1
{   color:white; 
    font-size:0.7em;
    } 
    
.fsrec
{
    background: url(images/rec/recfs.jpg) left no-repeat;
    float:left;
    width:176px;
    margin-right:8px;
    height:151px;
    display: block;
    }    
.fsrec:hover
{
    background: url(images/rec/recfs.jpg) right no-repeat;
    float:left;
    width:176px;
    margin-right:8px;
    height:151px;
    display: block;
    }
    
.fsrec a
{   color:white; 
    font-size:0.7em;
    text-decoration: none;
    font-weight: bold;
    padding: 6px 0px 0px 8px;
    display: block;
    height:130px;
    }
    
.mcrec
{   background: url(images/rec/recmc.jpg) left no-repeat;
    float:left;
    width:176px;
    margin-right:8px;
    height:151px;
    display: block;
    }  
 .mcrec:hover
{   background: url(images/rec/recmc.jpg) right no-repeat;
    }  
     
.mcrec a
{   color:white; 
    font-size:0.7em;
    text-decoration: none;
    font-weight: bold;
    padding: 6px 0px 0px 8px;
    display: block;
    height:130px;
    }

.intrimrec
{   background: url(images/rec/reccont.jpg) left no-repeat;
    float:left;
    width:176px;
    height:151px;
    display: block;
    }
    
.intrimrec:hover
{   background: url(images/rec/reccont.jpg) right no-repeat;
    }
    
.intrimrec a
{   color:white; 
    font-size:0.7em;
    text-decoration: none;
    font-weight: bold;
    padding: 6px 0px 0px 8px;
    display: block;
    height:130px;
    }
        
.recbotcont
{
    clear: both;
    padding-top: 20px;
    }
    
.recbotcont h1
{
    font-size: 0.7em;
    }

.recbotleft
{   float:left;
    width:274px; 
    }
.recbotmid
{   float:left;
    width:289px; 
    border-left: 1px solid  #776D60;
    border-right: 1px solid  #776D60;

    }    
 
.recbotmidarea
{   margin:0px 20px 0px 20px;}
    
.recbotright
{   float:left;
    width:258px; 
    padding-left:15px;
    }


.pollq
{
    float: left;
    width:200px;
}

.pollr
{
    float: right;
    width:50px;
    margin-top:4px;
}

.pollr p
{
padding-bottom: 6px;

}