@charset "UTF-8";

/*******************************TABLE OF CONTENTS***********************************************

1. MAIN STRUCTURAL ELEMENTS - LINE 11.
2. GENERAL FORMATTING STYLES - LINE 139.
3. HEADER STYLES - LINE 154.
4. MAIN MENU STYLING - LINE 204.
5. SPLASH IMAGE - LINE 600 .
6. INDEX PAGE MID ROW STYLING - 611.
7. SUBPAGE STYLINGS - 824.
8. FOOTER STYLES - LINE 1299.

/*******************************1. MAIN STRUCTURAL ELEMENTS***************************************/


#pageWrapper {
	height: auto;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#mainHeaderContainer {
	height: 290px;
	width: 1000px;
	margin-bottom: 9px;
	background-image: url(../images/header/BG_header.jpg);
	background-repeat: no-repeat;
}
#float {
	height: 2px;
	width: 1000px;
	float: left;
}
#pageContentWrapper {
	width: 1000px;
	height: auto;
}
#pageContentLeft {
	width: 287px;
	height: auto;
	float: left;
	margin-left: 6px;
}
#pageContentRight {
	width: 683px;
	height: auto;
	float: left;
	margin-right: 24px;
}
#pageContentRightSub {
	width: 663px;
	height: auto;
	float: left;
	margin-right: 24px;
	padding-left: 20px;
}
#footer {
	width: 756px;
	height: 66px;
	margin-top: 10px;
	margin-left: 16px;
	padding-top: 24px;
	padding-left: 150px;
	padding-right: 54px;
	background-image: url(../images/footer/BG_footer.gif);
	background-repeat: no-repeat;
	float: left;
	font-size: x-small;
	color: #666666;
	line-height: 15px;
	letter-spacing: 0.01em;
}
/*******************************2. GENERAL FORMATTING STYLES***************************************/

body {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: small;
}








/*******************************3. HEADER STYLES**************************************************/
#headerSearch {
	height: 58px;
	width: 973px;
	padding-top: 32px;
	padding-left: 27px;
	margin-bottom: 42px;
	font-size: small;
}
.headerDivider {
	float: left;
	display: block;
}
.headerHomeLink {
	width: 46px;
	height: 28px;
	float: left;
	background-image: url(../images/header/BTN_home_off.gif);
	background-repeat: no-repeat;
}
a:link.headerHomeLink, a:active.headerHomeLink a:visited.headerHomeLink {
	width: 46px;
	height: 28px;
	float: left;
	display: block;
	background-image: url(../images/header/BTN_home_off.gif);
	background-repeat: no-repeat;
}
a:hover.headerHomeLink {
	width: 46px;
	height: 28px;
	float: left;
	display: block;
	background-image: url(../images/header/BTN_home_on.gif);
	background-repeat: no-repeat;
}
a:link.headerAboutLink, a:active.headerAboutLink, a:visited.headerAboutLink {
	width: 72px;
	height: 28px;
	float: left;
	display: block;
	background-image: url(../images/header/BTN_about_us_off.gif);
	background-repeat: no-repeat;
}
a:hover.headerAboutLink {
	width: 72px;
	height: 28px;
	float: left;
	display: block;
	background-image: url(../images/header/BTN_about_us_on.gif);
	background-repeat: no-repeat;
}
a:link.headerEnvironmentalLink, a:active.headerEnvironmentalLink, a:visited.headerEnvironmentalLink {
	width: 134px;
	height: 28px;
	float: left;
	display: block;
	background-image:url(../images/header/BTN_environmental_policy_off.gif);
	background-repeat: no-repeat;
}
a:hover.headerEnvironmentalLink {
	width: 134px;
	height: 28px;
	float: left;
	display: block;
	background-image:url(../images/header/BTN_environmental_policy_on.gif);
	background-repeat: no-repeat;
}
a:link.headerSituationsLink, a:active.headerSituationsLink, a:visited.headerSituationsLink {
	width: 113px;
	height: 28px;
	float: left;
	display: block;
	background-image: url(../images/header/BTN_situations_vacant_off.gif);
	background-repeat: no-repeat;
}
a:hover.headerSituationsLink {
	width: 113px;
	height: 28px;
	float: left;
	display: block;
	background-image: url(../images/header/BTN_situations_vacant_on.gif);
	background-repeat: no-repeat;
}
a:link.headerContactLink, a:active.headerContactLink, a:visited.headerContactLink {
	width: 75px;
	height: 28px;
	float: left;
	display: block;
	background-image: url(../images/header/BTN_contact_us_off.gif);
	background-repeat: no-repeat;
}
a:hover.headerContactLink {
	width: 75px;
	height: 28px;
	float: left;
	display: block;
	background-image: url(../images/header/BTN_contact_us_on.gif);
	background-repeat: no-repeat;
}
.headerSearchForm {
	width: 335px;
	float: left;
	display: block;
	margin-top: 0px;
}
input.searchSite {
	border: 1px solid #84a2ac;
	float: left;
	display: block;	
	margin-top: 3px;
	margin-left: 100px;
}
.searchSiteBTN {
	border: none;
	float: left;
	display: block;
}
#columnContainer {
	width: 707px;
	height: 158px;
	margin-left: 293px;	
}
#columnOne {
	width: 136px;
	height: 158px;
	float: left;
}
#columnTwo {
	width: 140px;
	height: 158px;
	float: left;
}
#columnThree {
	width: 130px;
	height: 158px;
	float: left;
}
#columnFour {
	width: 130px;
	height: 158px;
	float: left;
}
#columnFive {
	width: 142px;
	height: 158px;
	float: left;
}
.dividerMainMenu {
	float: left;
	margin-top: 20px;
}
.mainMenuNavOne {
	font-size:small;
	color: #ffffff;
	list-style-position: outside;
	list-style-image: url(../images/header/BULLET_main_menu.gif);
	list-style-type: none;
	margin-left: 0px;
	letter-spacing: 0.02em;
}
.mainMenuNavTwo {
	font-size:small;
	color: #ffffff;
	list-style-position: outside;
	list-style-image: url(../images/header/BULLET_main_menu_col_two.gif);
	list-style-type: none;	
	margin-left: -5px;
	letter-spacing: 0.02em;
}
.mainMenuNavThree {
	font-size:small;
	color: #ffffff;
	list-style-position: outside;
	list-style-image: url(../images/header/BULLET_main_menu_col_three.gif);
	list-style-type: none;	
	margin-left: -5px;
	letter-spacing: 0.02em;
}
.mainMenuNavFour {
	font-size:small;
	color: #ffffff;
	list-style-position: outside;
	list-style-image:url(../images/header/BULLET_main_menu_col_four.gif);
	list-style-type: none;
	margin-left: -5px;
	letter-spacing: 0.02em;
}
.mainMenuNavFive {
	font-size:small;
	color: #ffffff;
	list-style-position: outside;
	list-style-image: url(../images/header/BULLET_main_menu_col_five.gif);
	list-style-type: none;	
	margin-left: -5px;
	letter-spacing: 0.02em;
}
a:link.menuLink, a:active.menuLink, a:visited.menuLink {
	color: #fff;
	text-decoration: none;
}
a:hover.menuLink {
	color:#fff;
	text-decoration: underline;
}
/*******************************4. LEFT HAND COLUMN CONTENT STYLING**************************************************/

#freeQuotation {
	width: 288px;
	height: 141px;
}
#contactDetails {
	width: 259px;
	height: 132px;
	margin-left: 29px;
	margin-top: 9px;
}
#memberships {
	width: 255px;
	height: 231px;
	margin: 8px 0px 10px 15px; 
}
.leftContactTitle {
	font-size: small;
	font-weight: bold;
	color: #417ba5;
}
.address {
	font-size: small;
	color: #808181;
	margin-top: 0px;
}
a:link.leftEmail, a:active.leftEmail, a:visited.leftEmail, a:hover.leftEmail {
	font-size: small;
	color: #417ba5;
	text-decoration: underline;
}
/*************************************************5. RIGHT CONTENT COLUMN STYLING*************************************/
imageScrollerContainer {
	width: 676px;
	height: 290px;
	margin: 0px 7px 20px 15px;
}
#imageScroller {
	width: 676px;
	height: 290px;	
	margin-left: 20px;
}
#indexText {
	width: 656px;
	height: auto;
	margin: 20px 7px 0px 20px;

}
#form {
	width: 662px;
	height: auto;
	float: left;
}
.indexIntroText {
	margin-top: 0px;
	font-size: small;
	color: #333333;
}
.indexIntroTitle {
	font-size: medium;
	color: #4178a8;
	display: block;
	
}
.strapline {
	color: #4178a8;
	font-size: medium;
	margin-bottom: 5px;
}
.subTextContent {
	color: #333333;
	font-size: small;
}
.galleryDivider {
	margin-top: 9px;
	margin-bottom: 8px;
}
.galleryDivider2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.galleryImage {
	width: 145px;
	height: 145px;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #e2e2e2;
	float: left;
}
.galleryImageLast {
	width: 145px;
	height: 145px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #e2e2e2;
	float: left;
}
.enlargeImage {
	margin-bottom: 5px;
}

.subPageText {
	/*width: auto;
	float: left;*/
	display: block;
	font-size: small;
	color: #333333;
	/*clear: both;*/
}
.qualificationsImage {
	width: 110px;
	height: 110px;
	padding: 5px;
	border: 1px solid #e2e2e2;
	float: left;
	margin-right: 10px;
}
.qualificationsText {
	width: 502px;
	margin-top: 0px;
	float: left;
	color: #333333;
	font-size: small;
}
.testimonialText {
	width: 575px;
	padding: 0px 25px 0px 30px;
	margin-top: 10px;
	/*float: left;*/
	color: #333333;
	font-size: small;
	background-image: url(../images/content_column_right/speech_back.gif);
	background-repeat: no-repeat;
}
.speechMarksLeft {
	float: left;
	
	width: 15px;
	height: 34px;
	margin-right: 10px;
}
.speechMarksRight {
	float: right;
	
	width: 15px;
	height: 34px;
	margin-left: 10px;
}
.generalText {
	font-size: small;
	color: #333333;
}
a:link.sitemap, a:active.sitemap, a:visited.sitemap {
	color: #333333;
	font-size: small;
	text-decoration: none;
}
a:hover.sitemap {
	color: #333333;
	font-size: small;
	text-decoration: underline;
}
.vacancyText {
	width: 620px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	color: #333333;
	font-size: small;
}
.jobTitle {
	width: 620px;
	font-size: medium;
	color:#4178a8 ;
	margin-bottom: 0px;
	display: block;
}
a:link.vacancyLink, a:visited.vacancyLink, a:active.vacancyLink, a:hover.vacancyLink {
	color: #4178a8;
	float: right;
	text-decoration: underline;
	margin-top: 10px;
}
.addressLeft {
	color: #4178a8;
	font-size: medium;
	width: 331px;
	float: left;
}
.contactRow {
	width: 662px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 5px;
	height: 25px;
}
.contactRow2 {
	width: 662px;
	margin-bottom: 5px;
	height: 85px;
}
.contactRow3 {
	width: 327px;
	padding-left: 318px;
	margin-bottom: 5px;
	height: 25px;
}
.contactLabel {
	width: 200px;
	color: #4178a8;
	float: Left;
}
.contactField {
	
}

textarea, select, input.contact {
	border: 1px solid #84a2ac;
	color: #4178a8;
	/*float: left;*/		
}
input:focus, textarea:focus, select:focus {
    background-color: #f5f5f5;
}
.resetBut {
	margin-right: 10px;
}
.formContact {
	margin-top: 20px;
}
select {
	width: 251px;
}
/*************************************************6. FOOTER STYLING**************************************************/
.footerLink {
	color: #666666;
	text-decoration: none;
}
a:link.footerLink, a:active.footerLink. a:visited.footerLink {
	color: #666666;
	text-decoration: none;
}
a:hover.footerLink {
	color: #666666;
	text-decoration: underline;
}
/*************************************************7. NEW STYLES ADDED 15th JANUARY 2010**************************************************/
.blueBold {
	font-size: medium;
	color: #4178a8;
	display: block;	
}
.qualBox {
	width: 620px;	
}
#contactFormContainer {
	border: none;	
}
.checkbox {
	margin: -2px 10px 0px 0px;	
}
.formReset {
	background-image: url(../images/content_column_right/BTN_reset.gif);
	bacground-repeat: no-repeat;
	width: 61px;
	height: 22px;
}
.formSubmit {
	background-image: url(../images/content_column_right/submit_but.gif);
	background-repeat: no-repeat;
	width: 61px;
	height: 23px;
}	
.linkBubble {
	margin: 0px 0px 10px 0px;
	
}
.linkBubbleLink {
		font-size: medium;
	color: #4178a8;
}
/**************************************************************************  TEMPLATE1/2 TEXT  */
.intext {
	display: inline;
	float: right;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.intextL {
	clear: both;
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 5px;
}
/* 
	<rant> ok, so ie7 doesnt clear: both; (just floats of same type (left:left or right:right)) with display: inline; for some 
	reason, so this is a hidden counterpart to the other intext float but is visibility: hidden; with a large margin to kick it  
	out of the way of the design. this allows the clear: both; to work. </rant>
*/
.intextLL {
	clear: both;
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 5px;
	
    display: none;  
	#display: inline;

	#float: right;
	#margin-left: -280px;
}
.intextR {
	clear: both;
	display: inline;
	float: right;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
}
/* 
	<rant> ok, so ie7 doesnt clear: both; (just floats of same type (left:left or right:right)) with display: inline; for some 
	reason, so this is a hidden counterpart to the other intext float but is visibility: hidden; with a large margin to kick it  
	out of the way of the design. this allows the clear: both; to work. </rant>
*/
.intextRR {
	clear: both;
	display: block;
	float: right;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 5px;

    display: none;  /* dont show (normally) */
	#display: inline; /* show only in ie */

	#float: left;
	#margin-right: -350px;
}

.imgBorders {
	padding: 2px 2px 2px 2px;
	border: 1px solid #cccccc;
}
.testimonialText p {
	width: 600px;	
}
.sitemap_links, a:link.sitemap_links, a:active.sitemap_links, avisited.sitemap_links {
 	font-size: 1.2em;
	color: #4178a8;
	text-decoration: none;
}
a:hover.sitemap_links {
	 font-size: 1.2em;
	color: #4178a8;
	text-decoration: underline;	
}
.sitemap_links_title, a:link.sitemap_links_title, a:active.sitemap_links_title, avisited.sitemap_links_title {
 	font-size: 1.5em;
	color: #4178a8;
	text-decoration: none;
}
a:hover.sitemap_links_title {
	 font-size: 1.5em;
	color: #4178a8;
	text-decoration: underline;	
}
.sitemap_list {
	list-style-type: none;	
}

/********/

h1.header {
	text-align:center;
	text-indent:-1000em;
	margin:0;
}

h1.header a {
	display:block;
	height:80px;
	width:100%;
}