/*
	FACE TO FACE CSS
	CREATED: 04.01.07
	MODIFIED: 10.12.08
	AUTHOR: ANDY FIELD
*/

/*
	COLOURS
	DARK BLUE: #092869
	MID BLUE: #5b9dd8
	LIGHT BLUE: #d6efff
	LINK BLUE: #4086c4
	GREY: #58575a
	GREEN: #9fc428
*/

/* UNDO
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

:link,:visited {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { 
	border: 0;
}

address,abbr,mcaption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}

ol,ul,dl {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* BASE
******************************************/

html {
	font-size: 100%;
}

body {
	font: 62.5%/100% verdana, tahoma, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff;
}

/* html>body {
	font-size: 12px;
} */

.skip {
	position: relative;
	text-indent: -5000px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.clearme {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

a:link,
a:visited {
	/* color: #5b9dd8; */
	color: #4086c4;
}

a:hover,
a:active {
	color: #5b9dd8;
	text-decoration: underline;
}

img.il {
	float: left;
	margin: 0.4em 1.5em 1em 0;
	border: 1px solid #dadada;
}

img.ir {
	float: right;
	margin: 0.4em 0 1em 1.5em;
	border: 1px solid #dadada;
}

#clhs img {
	margin: 0 0 4px 0;
}

hr {
	background:#d6efff;
	border:0;
	color:#d5d3d2;
	height:1px;
	margin: 0.75em 0 1.5em 0;
}
/* TYPE
******************************************/

p,li,dt,dl,th,td {
	font-size: 1.1em;
	line-height: 150%;
}

p {
	padding: 0 0 1em 0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: tahoma, verdana, sans-serif;
	color: #092869;
}

h1 {
	font-size: 2.2em;
	font-weight: bold;
	padding: 0 0 1em 0;
}

h2 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 0.8em 0;
	padding: 0 0 0.4em 0;
	border-bottom: 1px solid #d6efff;
}

h3 {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 0 0.8em 0;
}

h4 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 0.4em 0;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0.4em 0;
}

strong {
	font-weight: bold;
}

em {
	font-weight: bold;
	font-style: italic;
}

span.alert {
	font-size: 1.2em;
	color: #fff;
	padding: 0.1em 0.2em;
	background: #9fc428;
}

span.message {
	font-size: 1.1em;
	color: #fff;
	padding: 0.1em 0.2em;
	background: #9fc428;
}

p.message {
	font-size: 1.2em;
	color: #000;
}

#content ul,
#content ol,
#content dl {
	margin: 0 2em 1em 2em;
}

#content ul {
	list-style: square;
}

#content li,
#content dt,
#content dd {
	padding: 0 0 0.3em 0;
}

#content dl {
	margin: 0 0 1em 0;
}

#content dt {
	font-weight: bold;
}

#irowtop h2 {
	color: #092869;
	margin: 0 2em 0.8em 0;
	padding: 0;
	border: none;
}

#header h1 {
	float: left;
	width: 222px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(/resources/logo.gif) 0 0 no-repeat;
}

#header h1 a {
	position: relative;
	display: block;
	width: 222px;
	height: 100px;
	text-indent: -6000em;
	z-index: 6000;
	overflow: hidden;
}

#header h2 {
	display: block;
	float: right;
	line-height: 1em;
	color: #fff;
	margin: 12px 0 0 0;
	padding: 0;
	border: none;
}

#header h2 span {
	font-weight: normal;
}

p.name {
	color: #5b9dd8;
	margin: 0 0 1em 0;
}

p.date {
	font-size: 1em;
	color: #58575a;
	padding: 0 0 0.2em 0;
}

p.date span {
	color: #fff;
	padding: 0 1px;
	background: #5b9dd8;
}

p.authordate {
	color: #58575a;
}

p.mobile {
	color: #092869;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 1em 0;
}

blockquote {
	margin: 0 0 2em 0;
}

blockquote p {
	color: #333;
	font-family: verdana, tahoma, sans-serif;
	font-size: 1.2em;
	font-style: italic;
}

dl#sitemap dd {
	padding: 0 0 0.3em 1em;
}

#footer p {
	font-size: 1em;
}

/* NAVIGATION
******************************************/

ul#nav {
	width: 760px;
	height: 30px;
	display: block;
	background: #5b9dd8 url(/resources/navigation.gif) 0 0 no-repeat;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	position: relative;
	float: left;
	display: block;
	height: 30px;
	color: #fff;
	text-indent: -3000em;
	z-index: 1000;
	overflow: hidden;
}

ul#nav li a.home {
	width: 56px;
	background: #5b9dd8 url(/resources/navigation.gif) 0 0 no-repeat;
}

ul#nav li a.home:hover {
	background: #5b9dd8 url(/resources/navigation.gif) 0 -30px no-repeat;
}

ul#nav li a.about {
	width: 78px;
	background: #5b9dd8 url(/resources/navigation.gif) -56px 0 no-repeat;
}

ul#nav li a.about:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -56px -30px no-repeat;
}

ul#nav li a.candidates {
	width: 89px;
	background: #5b9dd8 url(/resources/navigation.gif) -134px 0 no-repeat;
}

ul#nav li a.candidates:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -134px -30px no-repeat;
}

ul#nav li a.vacancies {
	width: 81px;
	background: #5b9dd8 url(/resources/navigation.gif) -223px 0 no-repeat;
}

ul#nav li a.vacancies:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -223px -30px no-repeat;
}

ul#nav li a.testimonials {
	width: 101px;
	background: #5b9dd8 url(/resources/navigation.gif) -304px 0 no-repeat;
}

ul#nav li a.testimonials:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -304px -30px no-repeat;
}

ul#nav li a.clients {
	width: 60px;
	background: #5b9dd8 url(/resources/navigation.gif) -405px 0 no-repeat;
}

ul#nav li a.clients:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -405px -30px no-repeat;
}

ul#nav li a.onsite {
	width: 68px;
	background: #5b9dd8 url(/resources/navigation.gif) -465px 0 no-repeat;
}

ul#nav li a.onsite:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -465px -30px no-repeat;
}

ul#nav li a.news {
	width: 51px;
	background: #5b9dd8 url(/resources/navigation.gif) -533px 0 no-repeat;
}

ul#nav li a.news:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -533px -30px no-repeat;
}

ul#nav li a.links {
	width: 53px;
	background: #5b9dd8 url(/resources/navigation.gif) -584px 0 no-repeat;
}

ul#nav li a.links:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -584px -30px no-repeat;
}

ul#nav li a.contact {
	width: 74px;
	background: #5b9dd8 url(/resources/navigation.gif) -637px 0 no-repeat;
}

ul#nav li a.contact:hover {
	background: #5b9dd8 url(/resources/navigation.gif) -637px -30px no-repeat;
}

ul#personal {
	display: block;
	height: 22px;
	float: right;
	margin: 10px 0 0 0;
}

ul#personal li {
	display: inline;
}

ul#personal li a {
	position: relative;
	float: left;
	display: block;
	color: #fff;
	text-indent: -3000em;
	margin: 0 0 0 4px; 
	z-index: 1000;
	overflow: hidden;
}

ul#personal li a.signin {
	width: 104px;
	height: 22px;
	background: url(/resources/signinbtn.gif) 0 0 no-repeat;
}

ul#personal li a.signin:hover {
	background: url(/resources/signinbtn.gif) 0 -22px no-repeat;
}

ul#personal li a.register {
	width: 104px;
	height: 22px;
	background: url(/resources/registerbtn.gif) 0 0 no-repeat;
}

ul#personal li a.register:hover {
	background: url(/resources/registerbtn.gif) 0 -22px no-repeat;
}

ul#personal li a.logout {
	width: 104px;
	height: 22px;
	background: url(/resources/logoutbtn.gif) 0 0 no-repeat;
}

ul#personal li a.logout:hover {
	background: url(/resources/logoutbtn.gif) 0 -22px no-repeat;
}

ul#subnav {
	width: 600px;
	padding: 0 0 0.4em 0;
	display: block;
}

ul#subnav li {
	display: inline;
	font-size: 1em;
	line-height: 1em;
}

ul#subnav li a {
	padding: 0 0.5em;
	border-left: 1px solid #333;
}

ul#subnav li a.start {
	padding: 0 0.5em 0 0;
	border: none;
}

ul#lhsnav {
	width: 190px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#lhsnav li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#lhsnav li h4 {
	padding: 0.4em 0;
}

ul#lhsnav li a {
	display: block;
	line-height: 1em;
	padding: 0.6em 0;
	border-bottom: 1px solid #d6efff;
}

ul#lhsnav li a:hover {
	color: #092869;
}

a.view,
a.read,
a.registerbtn {
	position: relative;
	display: block;
	width: 104px;
	height: 22px;
	text-indent: -3000em;
	z-index: 1000;
	overflow: hidden;
}

a.view {
	background: url(/resources/viewbtn.gif) 0 0 no-repeat;
}

a.view:hover {
	background: url(/resources/viewbtn.gif) 0 -22px no-repeat;
}

a.read {
	background: url(/resources/readbtn.gif) 0 0 no-repeat;
}

a.read:hover {
	background: url(/resources/readbtn.gif) 0 -22px no-repeat;
}

a.registerbtn {
	background: url(/resources/registeraltbtn.gif) 0 0 no-repeat;
}

a.registerbtn:hover {
	background: url(/resources/registeraltbtn.gif) 0 -22px no-repeat;
}

a.external {
	background: #fff url(/resources/externallink.png) right 50% no-repeat;
	padding: 0 12px 0 0;
}

/* LAYOUT
******************************************/

#headercontainer {
	background: #092869;
}

#header {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	background: #092869;
}

#headerrhs {
	float: right;
	width: 500px;
}

#content {
	clear: both;
	width: 760px;
	text-align: left;
	margin: 1.2em auto 3em auto;
}

#clhs {
	float: left;
	width: 210px;
}

#crhs {
	float: right;
	width: 550px;
}

#footercontainer {
	clear: both;
	background: #d6efff;
}

#footer {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	padding: 1.6em 0 2.2em 0;
	background: #d6efff;
}

/* HOME PAGE
******************************************/

#irowtop {
	width: 560px;
	height: 170px;
	background: #d6efff url(/resources/entryimage.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #bFdff9;
}

#irowtoppad {
	width: 268px;
	padding: 3em 0 1em 12px;
}

#iclhs {
	float: left;
	width: 200px;
}

#icrhs {
	float: right;
	width: 560px;
}

#irow {
	width: 560px;
	margin: 0 0 1.5em 0;
	padding: 1em 0;
	background: #d6efff url(/resources/irowbase.gif) 0 bottom no-repeat;
	border-top: 1px solid #fff;
}

#icollhs {
	float: left;
	width: 250px;
	/* width: 268px; */
	padding: 0 0 0 12px;
}

#icolrhs {
	float: right;
	width: 250px;
	/* width: 268px; */
	padding: 0 12px 0 0;
}

ul#clientlist {
	display: block;
	margin: 0;
	padding: 0;
}

ul#clientlist li {
	display: inline;
}

ul#clientlist li a {
	display: block;
	float: left;
	width: 130px;
	height: 60px;
	margin: 0 1em 0 0;
	border: 1px solid #dadada;
}

#quotes {
	width: 190px;
	background: #d6efff url(/resources/quotetop.gif) 0 0 no-repeat;
}

#quotes p {
	font-size: 1em;
	line-height: 1.3em;
	color: #092869;
	padding: 0.8em;
	background: url(/resources/quotebase.gif) 0 bottom no-repeat;
}

#quotes p span {
	display: block;
	color: #5b9dd8;
	margin: 0.4em 0 0 0;
}

/* SEARCH
******************************************/

form,
input,
select,
textarea {
	font-size: 100%;
	font-family: verdana, tahoma, sans-serif;
}

form#search {
	/* width: 19em; */
	width: 190px;
	background: #5b9dd8 url(/resources/searchtop.gif) 0 0 no-repeat;
	margin: 0 0 1em 0;
}

form#search fieldset {
	margin: 0;
	padding: 10px;
	background: url(/resources/searchbase.gif) 0 bottom no-repeat;
	border: none;
}

form#search h3 {
	height: 20px;
	font-size: 1.4em;
	color: #fff;
	padding: 0.2em 0 0.2em 22px;
	background: url(/resources/searchicon.gif) 0 0 no-repeat;
}

form#search p {
	font-size: 100%;
	padding: 0 0 0.8em 0;
}

form#search label {
	display: block;
	float: none;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0.4em 0;
}

form#search input {
	width: 165px;
}

form#search input.searchbtn,
input.sendbtn {
	width: 104px;
	height: 22px;
}

/* FORMS
******************************************/

fieldset {
	margin: 0 0 1em 0;
	background: #d6efff url(/resources/fieldsettop.gif) 0 0 no-repeat;
}

.pad {
	padding: 1.5em 12px 0 12px;
	background: url(/resources/fieldsetbase.gif) 0 bottom no-repeat;
}

label {
	float: left;
	width: 16em;
	font-weight: bold;
	color: #000;
	padding: 0 1em 0 0;
}

input.long,
textarea.long {
	width: 20em;
}

label span {
	color: #b00;
}

label span.reg {
	color: #000;
	font-weight: normal;
}

label.error {
	color:#b00;
	display:block;
	float:none;
	font-weight:normal;
	margin:0 0 0 17em;
	padding:0.3em 0 0 0;
	width:auto;
}

/* input.error {
	border:1px solid #df0a0a;
} */

/* SIGNIN
******************************************/

#twocol {
	width: 550px;
	margin: 0 0 1em 0;
}

#twocol fieldset {
	background: none;
}

form#signin label,
form#forgotten label {
	display: block;
	float: none;
	font-weight: bold;
	color: #000;
	padding: 0 0 0.4em 0;
}

form#signin p,
form#forgotten p {
	padding: 0 0 0.8em 0;
}

#twocollhs {
	float: left;
	width: 270px;
	margin: 0;
	background: #fff;
}

#twocolrhs {
	float: right;
	width: 270px;
	margin: 0;
	background: #fff;
}

.colpadmain {
	background: #d6efff url(/resources/signintop.gif) 0 0 no-repeat;
}

.colpad {
	padding: 12px 12px 1px 12px;
	background: url(/resources/signinbase.gif) 0 bottom no-repeat;
}

dl a.arrow {
	font-weight: bold;
}

/* VACANCY LISTING
******************************************/

ul#sort {
	display: block;
	height: 2em;
	list-style: none;
	margin: 0;
}

ul#sort li {
	display: inline;
}

ul#sort li a {
	padding: 0 0.4em 0 0;
	border-right: 1px solid #666;
}

ul#sort li a.end {
	border: none;
}

ul#listing {
	float: left;
	display: block;
	list-style: none;
	width: 550px;
	margin: 1em 0;
}

ul#listing li {
	float: left;
	display: inline;
	width: 350px;
	font-size: 100%;
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #d6efff;
}

ul#listing li.controls {
	width: 200px;
	text-align: right;
}

ul#listing li.controls a {
	position: relative;
	float: right;
	display: block;
	text-indent: 6000em;
	margin: 0 0 0 4px; 
	z-index: 1000;
	overflow: hidden;
}

ul#listing li.controls a.vacancy {
	width: 104px;
	height: 22px;
	background: url(/resources/viewaltbtn.gif) 0 0 no-repeat;
}

ul#listing li.controls a.vacancy:hover {
	background: url(/resources/viewaltbtn.gif) 0 -22px no-repeat;
}

ul#listing li.controls a.shortlist {
	width: 24px;
	height: 22px;
	background: url(/resources/shortlistbtn.gif) 0 0 no-repeat;
}

ul#listing li.controls a.shortlist:hover {
	background: url(/resources/shortlistbtn.gif) 0 -22px no-repeat;
}

ul#listing li.controls a.remove {
	width: 24px;
	height: 22px;
	background: url(/resources/removebtn.gif) 0 0 no-repeat;
}

ul#listing li.controls a.remove:hover {
	background: url(/resources/removebtn.gif) 0 -22px no-repeat;
}

ul#widgets {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;	
}

ul#widgets li {
	display: inline;
	padding: 0 0.4em 0 0;
}

ul#widgets li a.email {
	padding: 0 0 0 16px;
	background: url(/resources/emailicon.gif) 0 50% no-repeat;
}

ul#widgets li  a.rss {
	padding: 0 0 0 16px;
	background: url(/resources/rssicon.gif) 0 50% no-repeat;
}

ul#vacancy {
	list-style: none;
	margin: 1em 0;
	padding: 0;	
}

ul#vacancy li {
	display: inline;
}

ul#vacancy li a {
	position: relative;
	float: left;
	display: block;
	text-indent: 6000em;
	margin: 0 0.4em 0 0;
	z-index: 1000;
	overflow: hidden;
}

ul#vacancy li a.shortlist {
	width: 24px;
	height: 22px;
	background: url(/resources/shortlistbtn.gif) 0 0 no-repeat;
}

ul#vacancy li a.shortlist:hover {
	background: url(/resources/shortlistbtn.gif) 0 -22px no-repeat;
}

ul#vacancy li a.apply {
	width: 104px;
	height: 22px;
	background: url(/resources/applybtn.gif) 0 0 no-repeat;
}

ul#vacancy li a.apply:hover {
	background: url(/resources/applybtn.gif) 0 -22px no-repeat;
}

/* ADDITIONS
******************************************/

#flhs {
	float: left;
	width: 600px;
}

#frhs {
	float: right;
	width: 61px;
}

a.rec {
	background: url(/resources/recmember_logo.gif) 0 0 no-repeat;
	display: block;
	height: 40px;
	overflow: hidden;
	text-indent: -3000em;
	width: 61px;
	z-index: 10000;
}

a.recmain {
	background: url(/resources/recmember_logo_main.gif) 0 0 no-repeat;
	display: block;
	height: 53px;
	overflow: hidden;
	text-indent: -3000em;
	width: 190px;
	z-index: 10000;
}

.newsitem {
	border-bottom:1px solid #d6efff;
	margin:0 0 1em 0;
}

img.vimage {
	padding:1em 0 0 17em;
}

#christmas {
	background:#fff url(/christmas/christmasbanner.gif) 0 0 no-repeat;
	height:80px;
	margin:0 auto;
	width:760px;
}