/*
-----------------------------------------------
Client: OTH Recruitment
Author: Mark Wassmer
Author: Copious Ltd - www.copious.co.uk
Copyright: 2007, Copious Ltd
Version:  26 Nov 2007
----------------------------------------------- */

/* Import Stylesheets
----------------------------------------------- */


/*****************************************
Resets
******************************************/
html, body, form, fieldset { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; color: #383838; }
html{ font-size: 100%; }
body { text-align: center; background: #F4F4F4; font-size: 82%;  }

/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 0; padding: 0; }


a:link, a:visited { background-color: #FDE8D0; color: #F4721C; font-weight : normal; text-decoration: underline;}
a:hover { color: #DEF5F9; background: #0D5DA7; text-decoration : none; }
a:active { color: #383838; text-decoration : underline; }
img { border: 0; display: block; }
.clear { height: 1%; clear: both; }
fieldset { border: none; }



/* Content
----------------------------------------------- */

#contentTier {
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 30px 0;
	background: white url(../img/page-bkgrd.gif) repeat-x top left;
}
	
#content {
	margin: 0 auto;
	width: 705px;
	text-align: left;
	line-height: 140%;
}


h1 {
	margin: 0 0 .5em;
	padding: 0 0 .25em 0;
	color: #0D5DA7;
	font-weight: bold;
	border-bottom: 1px solid #D6D6D6;
	font-size: 1.7em;
}

h2 {
	margin: 0 0 .25em;
	color: #0D5DA7;
	font-weight: bold;
	font-size: 1.1em;
}

h3 {
	margin: 0 0 .25em;
	color: #0D5DA7;
	font-weight: bold;
	font-size: 1.1em;
}

h4 {
	color: #696969;
	margin: 0;
	font-weight: bold;
	font-size: 1.1em;
}
	
#content p {
	margin: 0 0 1.25em;
}


#content strong {
		color: #0E4E8F;
	}

	
.col1 { 
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
	width: 460px;
	}
	
.col2 {
	float: right;
	margin: 0;
	padding: 0;
	width: 215px;
	}
	
ul#quickContact {
	list-style-type: none;
}

ul#adviseOn {
	list-style-type: none;
}

ul#adviseOn li.title {
	background: none;
	padding-left: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
}

ul#adviseOn li{
	background: url(../img/simpleTickIcon.gif) no-repeat 0 .4em;
	color: #0D5DA7;
	padding-left: 24px;
	font-size: 1.1em;
	line-height: 1.6em;
}

ul#contactInfo {
	margin: 20px 0;
	list-style-type: none;
}

address {
margin: 0 0 20px 0;
	font-style: normal;
}

p.companyRegistration {
	color: #696969;
	border-top: 1px solid #D6D6D6;
	padding-top: 3px;
	font-size: .8em;
	font-style: italic;
	line-height: 1.2em;
}



ul#termsBullets {
	margin: 20px 0;
	list-style-type: none;
}

ul#termsBullets li {
	background: url(../img/easyBullet.gif) no-repeat 0 .5em;
	padding: 0 0 10px 14px;
}

ul#termsBullets li.title {
	background: none;
	padding: 0 0 10px 0;
	font-weight: bold;
}

img.portraitPhoto {
	border: 1px solid #D6D6D6;
	margin: 20px 0 6px 0;
}

img.callToAction {
	float: right;
	margin: 1em 0 0 .6em;
}
	

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

#navigationTier {
	background: white url(../img/header-bkgrd.gif) repeat-x 0 0;	
	width: 100%;
}

#navigation {
	margin: 0 auto;
	background: white url(../img/header-logo.gif) repeat-x 0 0;	
	width: 705px;
	height: 88px;
	text-align: right;
}

#navigation ul {  
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 28px 0 0 0;
	font-weight: normal;
	}

#navigation ul li {  	
	display: inline; 
	font-size: 1.3em;
	line-height: 3em;
	}

#navigation ul li a:link,
#navigation ul li a:visited { 
	background: none;
	color: black;
	text-decoration: none;
	padding: 10px;
}

#navigation ul li a:hover{ 
	background: #0D5DA7;
	color: white;
	text-decoration: none;
	padding: 10px;
}

#navigation ul li a:active { 
	background: #90C6F5;
	color: white;
	text-decoration: underline;
	padding: 10px;
}

#index #navigation ul li.index a:link,
#index #navigation ul li.index a:visited,
#about #navigation ul li.about a:link,
#about #navigation ul li.about a:visited,
#candidates #navigation ul li.candidates a:link,
#candidates #navigation ul li.candidates a:visited,
#clients #navigation ul li.clients a:link,
#clients #navigation ul li.clients a:visited,
#contactPage #navigation ul li.contact a:link,
#contactPage #navigation ul li.contact a:visited  { 
	background: #0D5DA7;
	color: white;
	text-decoration: none;
	padding: 10px;
}



/* Graphic Banner (index only)
----------------------------------------------- */

#graphicBannerTier {
	background: #0D5DA7 url(../img/banner-bkgrd.gif) repeat-x top left;
	width: 100%;
}

#graphicBanner {
	background: #0D5DA7 url(../images/logo-banner.gif) no-repeat 0 0;	
	border-right: 1px solid white;
	border-left: 1px solid white;
	margin: 0 auto;	
	padding: 0;
	text-align: left;
	width: 773px;
	height: 253px;
}


/* Blue Strip
----------------------------------------------- */

#index #blueStripTier {
	background: #0D5DA7 url(../img/blueStrip-bkgrd.gif) repeat-x top left;
	border-top: 4px solid white;
	width: 100%;
}

#blueStripTier {
	background: #0D5DA7 url(../img/blueStrip-bkgrd.gif) repeat-x top left;
	width: 100%;
}

#index #blueStripTier #blueStrip {
background: transparent;
	width: 705px;
	margin: 0 auto;	
	text-align: center;
	height: 51px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
}

#blueStrip {
	background: #0D5DA7 url(../img/blueStripSlim-bkgrd.gif) repeat-x top left;
	width: 705px;
	margin: 0 auto;	
	text-align: center;
	height: 51px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
	text-align: right;
}

#blueStrip p {
	margin: 0;
	padding-top: 1em;
	font-size: 1.2em;
	font-weight: normal;
}

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

#footerTier {
	background: #F4F4F4;
	border-top: 1px solid #D6D6D6;
	padding-bottom: 20px;
	width: 100%;
}

#footer {
	overflow: hidden;
	margin: 0 auto;
	padding-top: 10px;
	width: 705px;
	color: #676767;
}


#footer #legal { float: left; text-align: left; }

#footer #contact { float: right; text-align: right; }

#footer #legal ul,
#footer #contact ul { list-style: none; margin: 0; padding: 0; font-size: .9em; line-height: 160%;  }

.moreContact {
	background: url(../img/moreContactIcon.gif) no-repeat 100% 50%;
	padding-right: 12px;
}

#footer a:link, #footer a:visited { background-color: transparent; color: #0E4E8F;}
#footer a:hover { color: #DEF5F9; background: #0D5DA7; text-decoration : none; }
#footer a:active { color: #383838; text-decoration : underline; }