/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/
@import url(/css/undohtml.css);
@import url(/css/nav.css);
/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	font:				70%/155% Verdana, "Lucida Sans", sans-serif;
	color:				#202881;
	text-align:			center;
	background:			url(/images/backgrounds/body.gif) repeat-x;
}
#container{
	position:			relative; /* Position to relative in order to allow elements contained within to be positioned absolutely within #container */
	width:				990px;
	margin:				0 auto;
	text-align:			justify;
}
h1, h2{ /* See ie7.css */
	position:			relative; /* Also known as the 'IE (6, but 7 isn't much better!) is a steaming pile of elephant dung' rule */
	margin:				0 0 0.5em 0;
	padding:			1px 0 1px 8px;
	font:				bold 1.4em Georgia, "Times New Roman", serif;
	letter-spacing:		-0.05em;
	text-transform:		lowercase;
	border-left:		7px solid #202881;
}
h3, h4, h5, h6{
	clear:				both;
	position:			relative;
	margin:				0 0 0.2em 0;
	font-size:			1.1em;
}
p{
	margin:				0 0 1.4em 0;
}
p.readMore{
	text-align:			right!important;
}
a{
	text-decoration:	underline;
	color:				#202881;
}
a:hover{
	color:				#D43030;
}
ul.noBullets, ul.noBullets li{
	list-style-type:	none!important;
	background-image:	none!important
}
.left{
	float:				left;
}
.right{
	float:				right;
}
.noborder{
	border:				none!important;
}
.txtLeft{
	text-align:			left;
}
.txtRight{
	text-align:			right;
}
.txtCentre{
	text-align:			center;
}
.txtJustify{
	text-align:			justify;
}
.imgLeft{
	float:				left;
	margin:				0 10px 5px 0;
}
.imgRight{
	float:				right;
	margin:				0 0 5px 10px;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.top{
	margin:				0;
	padding:			0;
	text-align:			right;
}
.return a{
	font-weight:		bold;
	color:				#202881;
}
.hide{
	
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif;
}
input[type=text], input[type=password], select, textarea{ /* See ie.css */
	width:				179px;
	padding:			3px;
	border:				1px solid #7F9DB9;
}
select{
	width:				187px;
	padding:			2px 2px 2px 3px;
}
input[type=submit]{ /* See ie.css */
	clear:				both;
	margin:				5px 0 0 0;
	padding:			2px 8px;
	font-family:		Verdana, sans-serif;
	text-align:			center;
	text-transform:		lowercase;
	color:				#fff;
	border:				1px solid #ccc;
	background:			#202881;
}
form em{
	font-weight:		bold;
	font-size:			1.2em;
	color:				#FC7305;
}


/*
=============
=== HACKS ===
=============
*/
.floatHack{
	clear:				both;
	visibility:			hidden;
	margin:				-1px 0 0 0;
	font-size:			1px;
	line-height:		0;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{
	position:			relative;
	height:				90px;
	background:			url(/images/backgrounds/header.png) repeat-x bottom;
}
#header #logo{
	position:			absolute;
	top:				10px;
	left:				20px;
}


/*
===================
=== PAGE BANNER ===
===================
*/
/* === Home Page === */
#homePage #pageBanner{
	position:			relative;
	height:				225px;
	background:			url(/images/backgrounds/pageBanner-Home.png) no-repeat bottom #BDCCE1;
}
#homePage #pageBanner img#pageImage{
	position:			absolute;
	top:				10px;
	left:				20px;
}
#homePage #pageBanner #newsBox{
	position:			absolute;
	top:				0;
	right:				20px;
	width:				260px;
	height:				184px;
	text-align:			left;
	color:				#fff;
	background:			url(/images/backgrounds/newsBox.png) repeat-y left top #93A9D3;
}
#homePage #pageBanner #newsBox h2{
	margin:				10px 0 10px 20px;
	border-color:		#fff;
}
#homePage #pageBanner #newsBox h2 a{
	text-decoration:	none;
	color:				#fff;
}
#homePage #pageBanner #newsBox div{
	height:				143px;
	padding:			0 10px 0 20px;
	color:				#fff;
	overflow:			auto;
}
#homePage #pageBanner #newsBox div .date{
	margin:				0;
	font-weight:		bold;
}
#homePage #pageBanner #newsBox div a{
	display:			block;
	text-decoration:	none;
	color:				#fff;
}
/* === Sub Page === */
#subPage #pageBanner{
	position:			relative;
	height:				225px;
	background:			url(/images/backgrounds/pageBanner-Sub.png) no-repeat bottom #BDCCE1;
}
#subPage #pageBanner img#pageImage{
	position:			absolute;
	top:				10px;
	left:				20px;
	border:				3px solid #202881;
}
#subPage #pageBanner #pageIntro{
	position:			absolute;
	top:				0px;
	right:				-2px;
	width:				600px; /* Total = 620px */
	height:				162px; /* Total = 172px */
	padding:			5px 10px;
	margin:				8px 22px 0 0;
	background:			#fff;
	overflow:			auto;
}
#subPage #pageBanner #pageIntro address{
	float:				left;
	width:				30%;
	padding:			0 0 0 15%;
}
#subPage #pageBanner #pageIntro .lastPara{
	margin-bottom:		0;
}
#subPage #pageBanner #pageIntro .return{
	position:			absolute;
	bottom:				0;
}
#subPage #pageBanner #pageIntro ul{
	margin:				-0.4em 0 -0.4em 5px;
}
#subPage #pageBanner #pageIntro ul li{
	float:				left;
	margin:				0;
	background:			#fff;
}
#subPage #pageBanner #pageIntro ul li a{
	display:			block;
	margin:				0 5px 0 0;
	padding:			3px 14px;
	border:				1px solid #C8C7C7;
	text-decoration:	none;
}

/*
====================================================================================
=== MAIN ===========================================================================
====================================================================================
*/
#main{
	padding:			0 20px;
}
#main.contactPage #content{
	width:				620px;
	padding-left:		10px;
	padding-right:		10px;
}
#main.contactPage #left{
	background-image:	none;
}
#main.contactPage #contactUs{
	display:			none;
}
#main.partners p{
	clear:				both;
}
#main .tallImageRight{
	float:				right;
	width:				27%;
	text-align:			right;
}
#main .tallImageParaLeft{
	float:				left;
	width:				73%;
}

/*
============
=== LEFT ===
============

=== (Shared by all left includes) === */
#featuredProduct{ /* See ie.css */
	min-height:			110px;
	margin:				0 0 10px 0;
	padding:			4px 10px 5px 4px;
	line-height:		1.3em;
	border:				1px solid #C8C7C7;
	background:			#fff;
}
#featuredProduct h2{
	margin-bottom:		0.2em;
}
#featuredProduct p img{
	float:				left;
	margin:				0 10px 10px 0;
}
#featuredProduct a{
	display:			block;
	text-decoration:	none;
}

/* === Home Left === */
#homePage #left{
	display:			none;
}
#homeLeft{
	float:				left;
	width:				306px;
	padding:			2px 0;
}
#homeLeft h2{
	margin-bottom:		0.2em;
}
#homeLeft p{
	margin:				0;
}
#homeLeft #ourServices{
	padding:			4px;
	border:				1px solid #C8C7C7;
}
#homeLeft #ourServices ul{
	margin:				5px 0 0 0;
	padding:			0;
}
#homeLeft #ourServices ul li{
	padding:			1px 30px 1px 30px;
	background:			url(/images/icons/bulletWhiteBKG.gif) no-repeat 18px 7px;
}
#homeLeft #ourServices ul li a{
	display:			block;
	text-decoration:	none;
}
#homeLeft #ourServices ul li.shaded{
	background:			url(/images/icons/bulletBlueBKG.gif) no-repeat 18px 7px #E8F0F8;
}

/* === Sub Left === */
#left{
	float:				left;
	width:				306px;
	padding:			2px 0;
	background:			url(/images/backgrounds/subLeft.jpg) no-repeat left bottom;
}
#left div{
	margin-bottom:		10px;
}
#left p{
	margin:				0;
}
#left #ourPartners, #left #contactUs, #left #gallery{
	padding:			4px;
	line-height:		1.3em;
	border:				1px solid #C8C7C7;
	background:			#fff;
}
#left #contactUs{
	margin-bottom:		0;
}
#left #ourPartners p, #left #ourPartners ul, #left #contactUs p, #left #contactUs ul, #left #gallery p, #left #gallery ul{
	margin:				0 20px 1em 20px;
}
#left #gallery p.viewCaseStudies{
	margin-bottom:		0.2em;
	font-weight:		bold;	
}
#left .viewAllPartners{
	text-align:			right;
}

/*
===============
=== CONTENT ===
===============
*/
/* === General === */
#homePage #content{
	float:				left;
	width:				365px; /* Total = 395px */
	padding:			7px 15px 0 15px;
}
#subPage #content{
	float:				left;
	width:				600px;/* Total = 644px */
	padding:			7px 10px 15px 34px;
}
#content ul{
	margin:				0 0 1.3em 0;
}
#content ul li{
	padding:			3px 5px 3px 15px;
	background:			url(/images/icons/bulletWhiteBKG.gif) no-repeat 3px 9px;
}
#content ul li ul{
	margin:				0;
}
#content a{
	text-decoration:	none;
	color:				#D43030;
}
#content a:hover{
	color:				#000;
}
#content a.strongLink{
	font-weight:		bold;
	color:				#202881;
}
#content a.strongLink:hover{
	color:				#D43030;
}
#content dl.caseStudiesDL dt, #content dl.caseStudiesDL dd,
#content dl.partnersDL dt, #content dl.partnersDL dd{
	clear:				left;
	float:				left;
	width:				185px; /* Total = 185px */
	margin:				0;
	padding:			1em 0;
	border-top:			1px solid #DEDDDD;
}
#content dl.partnersDL dt, #content dl.partnersDL dd{
	width:				170px;
}
#content dl.caseStudiesDL dd,
#content dl.partnersDL dd{ /* See ie.css */
	clear:				none;
	width:				413px; /* Total = 413px */
	min-height:			69px;
	padding-top:		1em;
}
#content dl.partnersDL dd{
	width:				428px;
}
#content dl.caseStudiesDL dd .readMore{
	margin:				-1em 0 0 0;
}
#content dl.caseStudiesDL dd .readMore a{
	color:				#202881;
	text-decoration:	underline;
}
#content dl.caseStudiesDL dd .readMore a:hover{
	color:				#D43030;
}

/* === News === */
#content h2.newsTitle{
	position:			static;
	float:				left;
	width:				70%;
	margin:				0 0 0.5em 0;
	padding:			2px 0 0 0;
	font:				bold 1.1em/1.5em Verdana, "Lucida Sans", sans-serif!important;
	text-transform:		capitalize;
	letter-spacing:		0;
	border-left:		0;
}
#content h2.newsTitle a{
	text-decoration:	underline;
	color:				#202881;
}
#content h2.newsTitle a:hover{
	color:				#D43030;
}
#content p.newsDate{
	clear:				right!important;
	float:				right;
	width:				30%;
	margin:				0 0 0.5em 0;
	font-weight:		bold;
	font-size:			1.1em;
	text-align:			right;
}
.newsArticle #content p{
	clear:				both;
}
.newsArticle #content .readMore{
	margin:				-1em 0 10px 0;
	padding-bottom:		10px;
	border-bottom:		1px dashed #ddd;
}

/* === Contact Form === */
#content form{
	position:			relative;
	margin:				1.5em 0 1em 0;
}
#content form dl dt{
	float:				left;
	width:				97px;
	padding:			0.3em 0 0 20px;
	height:				2.2em;
}
#content form dl dd{
	float:				left;
	width:				500px;
	height:				2.5em;
	padding:			0 0 0 2px;
}
#content form dl dd.double{
	width:				190px;
}
#content form #frmTitle{
	width:				60px;
}
#content form #frmComments{ /* See ie.css */
	height:				42px; /* Total = 50px */
}
#content form .required{ /* See ie7.css & ie.css */
	position:			absolute;
	top:				3px;
	right:				8px;
}
#content form dt.right{
	width:				615px;
	padding:			0;
	text-align:			right;
}
#content .submitted{
	font-weight:		bold;
	color:				#FC7305;
}

/* === Case Studies === */
#main.caseStudy #content p em, #main.caseStudy #content blockquote{
	font-style:			normal;
	color:				#D43030;
}

/* === Sitemap === */
#content ul#Sitemap a{
	display:			block;
	width:				605px;
	padding:			2px 5px;
	color:				#202881;
}
#content ul#Sitemap a:hover{
	color:				#D43030;
}
#content ul#Sitemap li{
	margin:				0 0 3px 0;
	padding:			0;
	background:			none;
}
#content ul#Sitemap li ul{
	margin:				3px 0;
}
#content ul#Sitemap.level1 li a{
	margin:				10px 0 0 0;
	font-weight:		bold;
	background:			#BDCCE1;
}
#content ul#Sitemap ul.level2 li a{
	width:				580px;
	margin:				0;
	padding:			0 5px 0 30px;
	font-weight:		normal;
	background:			url(/images/icons/bulletWhiteBKG.gif) no-repeat 18px 7px;
}

/*
=============
=== RIGHT ===
=============
*/
#right{
	float:				left;
	width:				219px; /* Total = 239px */
	padding:			7px 10px 10px 10px;
	background:			url(/images/backgrounds/right.gif) repeat-x top #D2E2F3;
}
#right p{
	margin:				0;
	line-height:		1.3em;
}
#right ul{
	margin:				5px 0 0 15px;
}
#right ul li{
	float:				left;
	width:				88px;
	margin-right:		10px;
}
#right p.viewAllPartners{
	clear:				both;
	padding:			5px 0 0 0;
}
#right blockquote{
	margin:				8px -10px 0 -10px;
	padding:			8px 15px 0 15px;
	font-style:			italic;
	line-height:		1.3em;
	color:				#D43030;
	border-top:			2px solid #E8F0F8;
}
#right .quotee{
	margin:				0 5px;
}
 
/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	padding:			15px 0 0 0;
	font-size:			0.9em;
	background:			url(/images/backgrounds/footer.png) repeat-x top;
}
#footer ul{
	width:				990px;
	margin:				0 auto;
}


/*
===================================================================================
=== DEBUG =========================================================================
===================================================================================
*/
/*
#container{
	background:			yellow!important;
}
#left, #homeLeft, #left, #subLeft2{
	background:			red!important;
}
#content{
	background:			mediumturquoise!important;
}
#right{
	background:			blue!important;
}
#header{
	background:			blue!important;
}
#mainMenu ul#topmenu{
	background:			darkblue!important;
}
#pageBanner{
	background:			mediumslateblue!important;
}
#main{
	background:			lightgray!important;
}
#footer{
	background:			magenta!important;
}
.LatestVacanciesCol2 span.jobs_JobTitle{
	background:			#C5D9E1;
}
.LatestVacanciesCol2 span.jobs_Area{
	background:			#C5DECC;
}
.LatestVacanciesCol2 span.jobs_JobDescription{
	background:			#E1E0C5;
}
.LatestVacanciesCol2 span.jobs_Salary{
	background:			#DFC5E1;
}
/**/