/*========================================================

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

body{
	background: #e7e7e7 url('../cssimages/banner_bg.jpg') repeat-x;
	font-family:arial,verdana, times;
}

#wrapper {
	width:949px;
	background-color: #fff;
	padding:7px 0 0;
	margin:0 auto;
	border-left: 6px solid #666;
	border-right: 6px solid #666;
}
#header_wrapper {
	background-color:#ffffff;
	font-family:arial,verdana, times;
}
/*===================================================================
header section
===================================================================*/
#header_space {
	background-color:#666666;
	height:11px;
}
#header_container {
	width:961px;
	background: #e7e7e7 url('../cssimages/main_bg.jpg') repeat-x;
	height:180px;
	margin:0 auto;

}

#header_container h1 a{
	background:url('../cssimages/logo.jpg') no-repeat;
	float:left;
	height:96px;
	left:50px;
	position:relative;
	top:22px;
	width:397px;
}

#header_container h1 {
	margin:0;
}

#header_container h3{
	float:left;
}

#header_container p{
	float:right;
	clear:right;
	margin:10px 25px 0 0;
	width:179px;
	font-size: 1.6em;
	color: #F79373; /*#D95C31;*/
}
h4.breadcrumb {
	float:left;
	margin:0 45px 10px;
	color:#F8AB4D;
	font-weight:bold;
	font-size:1em;
	height:20px;
}
h4.breadcrumb a {
	color:#F8AB4D;
	font-weight:bold;
}
h3.area {
	float:right;
	margin:0 45px 10px;
}
h3.area a {
	color:#000;
}
/*===================================================================
banner
===================================================================*/

#banner {
	background:transparent url('../cssimages/banner.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto ;
	width:878px;
	clear:left;
}
#banner_treasury {
	background:transparent url('../cssimages/banner_treasury.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto ;
	width:878px;
	clear:left;
}
#banner_compliance {
	background:transparent url('../cssimages/banner_compliance.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto ;
	width:878px;
	clear:left;
}
#banner_islamic {
	background:transparent url('../cssimages/banner_islamic.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto ;
	width:878px;
	clear:left;
}
#banner_candidates{
	background:transparent url('../cssimages/banner_candidate.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto ;
	width:878px;
	clear:left;
}
#banner_clients{
	background:transparent url('../cssimages/banner_clients.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto ;
	width:878px;
	clear:left;
}	
#banner_london{
	background:transparent url('../cssimages/banner_london.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto ;
	width:878px;
	clear:left;
}
#banner_vacancies{
	background:transparent url('../cssimages/banner_vacancies.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto ;
	width:878px;
	clear:left;
}
#banner_middle_east{
	background:transparent url('../cssimages/banner_middle_east.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto;
	width:878px;
	clear:left;
}
#banner_corporate_investment{
	background:transparent url('../cssimages/banner_corporate_investment.jpg') no-repeat scroll center bottom;
	height:179px;
	margin: 0 auto;
	width:878px;
	clear:left;
}


#banner h3, #banner_treasury h3, #banner_islamic h3, #banner_compliance h3, #banner_candidates h3, #banner_clients h3, #banner_london h3, #banner_vacancies h3, #banner_middle_east h3, #banner_corporate_investment h3{
	color:#FFFFFF;
	float:right;
	font-size:1.4em;
	right:15px;
	margin:0;
	padding:0;
	position:relative;
	text-align:right;
	top:150px;
}
#sub_nav {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 38px 0 0;
	text-align:right;
}

#sub_nav li {
	background:url('../cssimages/bullet.jpg') right no-repeat;
	border-right:1px solid #000000;
	color:#000000;
	float:left;
	padding:0 6px;
	text-align:center;
}
#sub_nav li a{
	color:#000;
}
#sub_nav li:last-child{
	border:none;
}

#right_column li a {
	background-color:#F7F7F7;
	border:1px solid #EBEBEB;
	float:right;
	padding:10px 0 0 10px;
	text-align:left;
	width:193px;
	color:#424242;
	height:27px;	
}
#right_column h3{
	font-size:1.4em;
	font-weight:normal;
	clear:right;
	margin:0;
	text-align:right;
}
#keycontainer h3{
	float:right;
}
#sub_nav h1{
	width:200px;
	float:left;
}

h3.replace{
	width:200px;
	float:left;
}
/*===================================================================
Menu
===================================================================*/

#wrapper ul#menu_buttons {
	margin: 0 auto;
	width:885px;
	padding:20px 0;
}
#menu_buttons li a{
	display:block;
}
#menu_buttons li {
	list-style:none;
	float:left;
}
/*#treasury{
	background:url('../cssimages/treasury.jpg') no-repeat;
	margin:0 6px 0 4px;
	width:215px;
	height:225px;
	text-indent:-9999px;
}

#corporate{
	background:url('../cssimages/corporate.jpg') no-repeat;
	width:215px;
	height:225px;
	margin:0 6px 0 0;
	text-indent:-9999px;
}
#creditrisk{
	background:url('../cssimages/credit.jpg') no-repeat;
	width:215px;
	height:225px;
	text-indent:-9999px;
	margin:0 6px 0 0;
	
}
#islamic{
	background:url('../cssimages/middleeast.jpg') no-repeat;
	width:215px;
	height:225px;
	text-indent:-9999px;
	margin:0 0 0 0;
}*/

#islamic, #treasury, #corporate, #creditrisk {
	background: url('../anniversary_cssimages/homepage_sprite.jpg') no-repeat;
/*  background-position: -3px 0px;*/
	height: 263px;
	width: 215px;
	text-indent:-9999px;
	margin:0 6px 0 0;
}

#treasury {
	background-position: -3px 0px;
}

#corporate {
	background-position: -229px 0px;
}

#creditrisk {
	background-position: -455px -0px;
}

#islamic {
	background-position: -681px -0px;
	margin:0 0px 0 0;
}

/*===================================================================
content
===================================================================*/

#content_container {
/*	width:879px;*/
	font-size:12px;
	margin:0 auto;
}

#spacer {
	width:auto;
	background:url('../cssimages/fade_top.png') repeat-x;
	margin:0 auto;
	width:1100px;
}

#spacer p{
	float:right;
	font-size:1.3em;
	height:5px;
	margin:0 0 13px;
	padding:0 59px 0 0;
}

#vacancies {
	border:#ebebeb 1px solid;
	background-color:#f7f7f7;
	padding:10px;
	margin:10px 0 0 0;
	width:535px;
	float:right;
}

#vacancies h2 {
	margin: 0 0 10px 0;
}

#vacancies h3{
	margin:2px;
	color:#f79c2a;
	width:550px;
	/*float:left;*/
}

#vacancies h3 a{
	margin:2px;
	color:#f79c2a;
}

#vacancies p {
	margin:2px;
	float:left;
}

.vacancyitem{
	margin:15px 0 0 0;
}


/*===================================================================
left colum home page
===================================================================*/

#left_column{
	color:#333333;
	float:left;
	width:550px;
	list-style:none;
	margin-right:5px;
	padding-left:50px;
}
#left_column a {
	color:#FF8400;
	font-weight:bold;
}

#left_column ul li, #left_column ol li{
	padding:0 0 5px 10px;
}
#left_column ul, #left_column ol{
	padding:0 0 0 20px;
}
/*#left_column h1{
	color:#79c8a0;
}*/

#left_column p {
	width:auto;
	float:none;
}
#left_column h3{
	width:auto;
	float:none;
}
/*===================================================================
right column home page
===================================================================*/

#right_column {
	width:277px;
	float:right;
	padding-right:45px;
	text-align:right;
	color:#424242;
}
#right_column a{ 
	color:#333333;
}
#right_column h1{
	font-size:1.5em;
}

#right_column li{
	list-style:none;
	padding-top:5px;
}

#right_column ul#vacancies {
	float:left;
	padding-bottom:10px;
}

#right_column ul#vacancies li {
	list-style:decimal;
	margin:0 0 0 24px;
	padding:2px 0 0 4px;
	font-size:1em;
	color:#181818;
}

#right_column h2 {
	border-bottom:solid 1px #666;
	font-size:1em;
	margin:0;
	width:275px;
	color:#181818;
	padding-top:14px;
}

#right_column ul#news {
	float:left;
}

#right_column ul#news li {
	padding:2px 0 0 4px;
	font-size:1em;
	color:#181818;
}

#right_column ul#news span {
	color:#6bb890;
}

#vacancy_item {
	background-color:#f5f5f5;
	border:1px	solid #cccccc;
/*	display:block;*/
	margin:0 0 10px 0 ;
	text-align:left;
	padding:5px;
	float:right;
	clear:right;
}
#talent_item{
	background-color:#f5f5f5;
	border:1px	solid #cccccc;
	/*display:block;*/
	margin:0 0 10px 0 ;
	text-align:left;
	padding:5px;
	float:right;
	clear:right;
}
.vacancy_item h3{
	color:#f58309;
	margin:0;
}
.vacancy_item p {
	width:550px;
	margin:2px;
}
.liveitem h3 {
	color:#f58309;
	margin:0;
}
.liveitem h3 a {
	color:#f58309;
	margin:0;
}
.liveitem p {
	width:550px;
	margin:2px;
}


#right_column ul.subnav_container li a {
	color:#424242;
	float:right;
	height:22px;
	line-height:22px;
	margin:5px 0 5px 5px;
	padding:5px 8px;
	vertical-align:middle;
	width:193px;
}

#right_column ul.subnav_container {
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}


#view_vacancies {
	background-color:#E0E0E0;
	border:1px solid #999999;
	color:#F8532B;
	font-size:0.9em;
	height:30px;
	margin:40px 0 0;
	padding:15px 5px 0 0;
	width:193px;
	float:right;
}

#view_vacancies a {
	color:#F8532B;
	font-size:1.4em;
}

/*===================================================================
right column
===================================================================*/

#right_column #relatedcontainer {
	float:right;
}
#relatedcontainer h3 {
	text-align:right;
	font-size:1.4em;
	font-weight:normal;
	margin:1.2em 0 5px 0;
}
#relatedcontainer li a {
	float:right;
	padding: 5px 8px;
	vertical-align: middle;
	width:193px;
	margin:5px;
	margin-right: 0px;
	height:22px;
	line-height: 22px;
	color:#424242;
}
#islamicbankingsml{
	background:url('../cssimages/islamicbankingsml.jpg');
	width: 282px;
	height: 89px;
	display:block;
}
#treasurysml {
	background: url('../cssimages/treasurysml.jpg');
	width: 282px;
	height: 89px;
	display:block;
}
#creditrisksml {
	background: url('../cssimages/creditrisksml.jpg');
	width: 282px;
	height: 89px;
	display:block;
}
#corporateinvestsml {
	background: url('../cssimages/corporateinvestsml.jpg');
	width: 282px;
	height: 89px;
	display:block;
}
/*===================================================================
Sidebar
===================================================================*/
#keycontainer h3{
	text-align:right;
	font-size:1.4em;
	font-weight:normal;
	margin:1.2em 0;
}
#keyareas {
	border:#ebebeb 1px solid;
	background-color:#f7f7f7;
	text-align:left;
	width:193px;
	padding:10px;
	margin:0 0 10px;
	float:right;
}
#keyareas ul {
	padding:5px 0 0 0;
}
#keyareas li {
	color:#f79922;
	padding:0 0 5px 5px;
	margin:0 0 0 25px;
	list-style:disc;
}
#keyareas p {
	margin:0;
}
#keyareas {
	line-height: 1.6em;
}
/*===================================================================
footer
===================================================================*/

#footer { 
	color:#000000;
	text-align:center;
	margin:0 auto;
	font-size:0.8em;
	width:949px;
	height:50px;
	padding:25px 0 0 0;
	background:#ffffff;
	border-left:6px solid #666666;
	border-right:6px solid #666666;
	}
	
#footer a {
	color:#000;
	text-decoration:none;
}
#footer p.footer_left {
	padding:0 0 0 45px;
	width:auto;
	float:left;
	font-size: 1.1em;
}
#footer p.footer_right {
	float:right;
	padding:0 50px 0 0;
	width:auto;
	font-size: 1.1em;	
}
#footer_space {
	background-color:#666666;
	height:30px;
}
.webdesign{
	text-align:center;
	margin:0 auto;
	color:#fff;
	padding:5px;
	width:970px;
	
}
.webdesign a{
	color:#fff;
}
/*===================================================================
SUBNAV
===================================================================*/

ul#subnav {
	height:30px;
	background-color:#E0E0E0;
	color:#f8532b;
/*	width:420px;*/
	margin:40px 0 0;
	float:left;
	font-size:0.9em;
	padding: 5px;
	border: 1px solid #999;
}
ul#subnav a{
	color:#f8532b;
}
ul#subnav a:hover {
	text-decoration: underline;
	color: #999;
}
ul#subnav li {
	float:left;
	list-style:none;
	font-size:1.5em;
	text-align:center;
	border-right:1px solid #f8532b;
	padding:0 8px;
	margin:5px;
/*	width:160px;*/
}
#left_column ul#subnav li:last-child {
	border:none;
} 

/*===================================================================
Contact form
===================================================================*/
#contact_form {
	text-align:left;
}
dl#contact_form {
	margin:25px 10px 0 76px;
	clear:left;
} 
#contact_form input[type="text"],#contact_form textarea {
	border:solid 1px #969696;
	margin-bottom:5px;
}
#contact_form input[type="text"]{
	height:20px;
}
#contact_form dt {
	margin-bottom:5px;
}
#right_column #form_container h3{
	font-size:1.4em;
	font-weight:normal;
	margin:1.2em 0;
	text-align:right;
}
#right_column #form_container h2{
	font-size:0.9em;
	font-weight:normal;
	margin:1.2em 0;
	text-align:right;
	border:none;
}

#vacancy_item.homepage {
			height: 100px;
			overflow: hidden;
		}
		#vacancy_item.homepage .vacancy h4 {
			margin: 0;
			font-weight: bold;			
			color: #D85D35;		
		}
		#vacancy_item.homepage .vacancy {
			margin-bottom: 10px;
		}
		.stupidHeight {
			height: 200000px
		}
		
		#talent_item, #vacancy_item {
			width: 262px;
		}
		
		#talent_item.homepage {
			height: 100px;
			overflow: hidden;
		}
		#talent_item.homepage .talent h4 {
			margin: 0;
			font-weight: bold;
			color: #D85D35;							
		}
		#talent_item.homepage .talent {
			margin-bottom: 10px;
		}
		
#left_column .news_item a{
	color:#333333;
}


/*===================================================================
jobs
===================================================================*/
#jobnav {
	float:left;
	width:300px;
}

#jobnav a {
	color:#424242;
}

.job a{
	color:#424242;
}

.job h3 {
	margin-bottom: 1px;
	width:100%;
}
.job p {
	margin-top: 0px;
	margin-bottom: 7px;
}
.job {
	margin-bottom: 25px;
	float:left;
	border-bottom: 1px solid #AAA;
	width:350px;
}

#form_container {
	text-align:right;
}