/* -------------------------------------------------------------------

SesameBankhall CSS Framework.

Notes:
* Vertical rhythm designed around 12px font / 22px leading.
* <img>, <object>, <embed>, <video>, <audio> etc should ideally be a multiple of 22px tall.
* Always use a Strict doctype, e.g. HTML5's <!doctype html>
* Some icons provided by FamFamFam - http://www.famfamfam.com/lab/icons/silk/

------------------------------------------------------------------- */

/* TAG RESET -------------------------------------------------------*/
/* Loosely based on YUI reset (http://developer.yahoo.com/yui/reset/) stylesheet with some additions */
html {overflow-y: scroll;}
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;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {	font-size:1em;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
input,select,button {vertical-align: middle;}
a img {border: 0;}
table,input,select,textarea,button {font: inherit;font-size: 1em;}
/* END TAG RESET ---------------------------------------------------*/

/* TYPOGRAPHY ------------------------------------------------------*/

html {
	font-size: 100%;
}
	body {
		background-color: #FFFFFF;
		color: #021b19;
	
		font-size: 75%; /* For IE6 */ 
		line-height: 1.833333em;	/* Establish a 22px vertical rhythm */
		font-family: "Helvetica Neue", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Geneva, "Bitstream Vera Sans", 'Liberation Sans', FreeSans, sans-serif;
		/*
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		*/
	}
	html>body {
		font-size: 12px; /* For better browsers than IE6 */
	}
	
	h1,h2,h3,h4,h5,h6,th,ul,ol,blockquote,dt,legend {
	}	
	h1 {
	}
	h2 {
		font-size: 1.846154em; /* 24px */
		line-height: 0.916667em;
		margin: 0 20px 0.916667em;
	}
	h3 {
		font-size: 1.333333em; /* 16px */
		margin: 1.375em 20px;	
	}
	h4 {
		font-size: 1.166667em; /* 14px */
		margin: 1.428571em 20px;	
	}
	h5 {
	}
	h6 {
	}
	p {
		font-size: 1em; /* 12px */
		margin: 1.692308em 20px;
	}
		p:last-child {
			margin-bottom: 0;
		}
		p.last-child {
			margin-bottom: 0;
		}		
		p.external {
			text-align: right;
		}
		p.subhead {
			font-size: 1.083333em; /* 13px */
			margin-top: 0;
			margin-bottom: 1.692308em;
			border-bottom: 0.1em solid #e7e7e7;
			padding-bottom: 1.592308em;
		}
	
	ul, ol {
	}
		ul {
		}
		ol {
			padding-left: 40px;
		}
		ul li {
			list-style: none;
			background-image: url(../images/bg-ul-li.png);
			background-position: 20px 7px;
			background-repeat: no-repeat;
			padding-left: 40px;
			margin-bottom: 0.45833325em;
			margin-top: 0.45833325em;
		}
		ol li {
			list-style: decimal;
			margin-bottom: 0.45833325em;
			margin-top: 0.45833325em;
		}
		ul.nobullet li {
			list-style: none;
			background-image: none;
			padding-left: 0;
		}
	
	blockquote {
		font-size: 1em; /* 14px */
		border: none;		
		margin: 1.69231em 20px 1.69231em 44px;
		padding: 0 24px 0 0;
	
		display: list-item;

		list-style-image: url(../images/bg-quote-open.gif);
		list-style-position: outside;
	
		background-image: url(../images/bg-quote-close.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
		.IE6 blockquote,
		.IE7 blockquote {
			margin: 1.428571em 20px 1.428571em 36px;
			padding: 0 24px 0 8px;
		}

		blockquote p {
			margin-top: 0;
			margin-left: 0;
			margin-right: 0;
		}
		blockquote p.last-child {
			margin-bottom: 0;
		}
		cite,
		.cite {
			display: block;
			font-size: 1em;
			line-height: 1.666667em;
			text-align: right;
			text-transform: uppercase;
			font-weight: bold;
			color: #5f5f5f;
		}
			cite strong,
			.cite strong {
				display: block;
				font-size: 1.16667em; /* 14px */				
			}
	
	table {
	}
		table.full {
		}
		table tr th {
			
		}
			table tr th.last-child {
			}
			table thead th {
			}
			table tbody th {
			}
		table tr td {
		}
			table tr td.last-child {
			}
			table tr.last-child td {
			}
			table tr.odd td {
			}
			table tr td.centre {
			}
			table tr td.cramped {
			}
			table tr td.nowrap {
			}
			
	pre, code, kbd, var {
	}
		pre {
		}
	
	dl dt {
	}
	dl dd {
	}
	
	b, strong {
		font-weight: bold;
	}
	i, em {
		font-weight: bold;
	}
	
	a {
		font-style: normal;
		font-weight: 400;
		color: #b11e3b;
		padding: 0.2em;
		margin: 0;
			
		border-radius: 0.25em;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
	}	
		a:link {
		}
		a:visited {
		}
		a:hover,
		a:focus {
			text-decoration: none;
			background-color: rgba(236, 236, 236, 0.35);
		}
		a:active {
		}	
		
		a.button,
		a.button:link,
		a.button:visited {
		}
			a.button:hover,
			a.button:focus {
			}
			a.button:active {
			}
			a.button[disabled],
			a.button[disabled]:hover,
			a.button[disabled]:focus,
			a.button[disabled]:active {
			}
			
		a.download,
		a.external {
			background-repeat: no-repeat;
			background-position: 3px center;
			padding-left: 18px;	
		}
		a.document,
		a.pdf,
		a.doc,
		a.xls,
		a.ppt {
			background-repeat: no-repeat;
			background-position: 1px center;
			padding-left: 19px;
		}
		a.document {
			background-image: url(../images/bg-link-document.gif);
		}
		a.download {
			background-image: url(../images/bg-link-download.gif);
		}
		a.external {
			background-image: url(../images/bg-link-external.gif);
		}
		a.pdf {
			background-image: url(../images/bg-link-doc-pdf.gif);
		}
		a.doc {
			background-image: url(../images/bg-link-doc-word.gif);
		}
		a.xls {
			background-image: url(../images/bg-link-doc-excel.gif);
		}
		a.ppt {
			background-image: url(../images/bg-link-doc-powerpoint.gif);
		}
	
	ins {
	}
	del {
	}

	/* Form controls */
	input,textarea,select {
	}
	input[type='text'],
	input[type='password'] {
	}
	input.text,
	input.password {
	}
	textarea {
	}
	select {
	}
	input[type='submit'] {
	}
	input.button,
	button {
	}
	input[type='radio'],
	input[type='checkbox'] {
	}

	/* Focus styles for browsers that support it */
	input[type='text']:focus,
	input[type='password']:focus,
	textarea:focus,
	select:focus {
	}
	input[readonly]:focus,
	textarea[readonly]:focus {
	}

	img {
		
	}
		/* Sort out the image scaling in IE7 - IE8 sorts this out for us */
		.IE7 img {
			-ms-interpolation-mode: bicubic;
		}

	video,
	audio,
	object,
	.media {
		cursor: default;
		font-size: 1em;
		margin: 1.692308em 20px;	
		color: #FFFFFF;
		background-color: #5f5f5f;
		background-image: url(../images/bg-video-loading.gif);
		background-position: center 98px;
		background-repeat: no-repeat;
		border: 0.5em solid #E7E7E7;
		border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
	}
		video p.fallback, 
		audio p.fallback,
		object p.fallback {
			background-color: #FFFFFF;
			color: #021b19;
			margin: 0;
			padding: 1em;
		}
	
	.fl {
		float: left;
		margin: 0 24px 1em 0;
	}
	.fr {
		float: right;
		margin: 0 0 1em 24px;
	}

/* END TYPOGRAPHY --------------------------------------------------*/

/* LAYOUT --------------------------------------------------------- */

#header {
	background-color: #103fae;
	background-image: url(../images/bg-header.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	
	min-width: 970px;
}
	#header #hcontainer {
		width: 970px;
		margin: 0 auto;
		
		background-image: url(../images/bg-header-tree-2.png);
		background-position: 480px -2px;
		background-repeat: no-repeat;
		background-color: transparent;
	}
		.IE6 #header #hcontainer,
		.IE7 #header #hcontainer {
			background-position: 480px -7px;	
		}
	#header h1 {
		width: 920px;
		margin: 0 auto;
		padding: 60px 25px 25px;
		
				
	}
	#header #nav {
		width: 920px;
		margin: 0 auto;
		padding: 0 25px;
		/* Clear internal and external floats */
		clear: both;
		height: 1%;
		overflow: hidden;	
		
		font-size: 1.071429em;
	}
	#header #nav li {
		float: left;
		margin: 0 2px 0 0;
		padding: 2px 0 0;
		list-style: none;
		
		background-image: url(../images/bg-nav-item-left.png);
		background-position: 0px 2px;
		background-color: transparent;
		background-repeat: no-repeat;
		
		vertical-align: bottom;
	}
	#header #nav li.current {
		background-image: url(../images/bg-nav-item-selected-left.png);
		padding: 0;
		background-position: 0 0;
	}	
	#header #nav li a {
		display: inline-block;
		margin: 0;
		padding: 7px 10px 8px;
		
		background-image: url(../images/bg-nav-item-right.png);
		background-position: top right;
		background-color: transparent;
		background-repeat: no-repeat;
			
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		
		font-family: "Helvetica Neue", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, Geneva, "Bitstream Vera Sans", 'Liberation Sans', FreeSans, sans-serif;
		
		font-weight: bold;
		font-style: normal;
		text-transform: uppercase;
		text-decoration: none;
		color: #5a5a5a;
	}
		#header #nav li a:hover,
		#header #nav li a:focus	{
			text-decoration: underline;
		}
	#header #nav li.current a {
		background-image: url(../images/bg-nav-item-selected-right.png);
		padding: 8px 10px 9px;
		color: #181818;
	}
		#header #nav li.current a:hover,
		#header #nav li.current a:focus	{
			text-decoration: none;
			cursor: default;
			outline: none;
		}

#container {
	/* Clear internal and external floats */
	clear: both;
	height: 1%;
	overflow: hidden;	
	
	min-width: 970px;
	
	background-color: #FFFFFF;
	background-image: url(../images/bg-below-header.png);
	background-position: top center;
	background-repeat: no-repeat;
	
	padding: 65px 0 0 0;
}

	.IE6 #container {
		zoom: 1;
	}

	#container #content {
		width: 965px;
		margin: 0 auto;
		padding: 0 0 0 5px;
		min-height: 300px;
		
		/* Clear internal floats */
		height: 1%;
		overflow: hidden;
	}
		#container #content #main {
			float: left;
			width: 720px;
			min-height: 1px;
		}
			#container #content #main #intro {
				padding: 0 20px 65px;
				
				/* Clear internal floats */
				height: 1%;
				overflow: hidden;				
			}
			#container #content #main #intro p {
				font-size: 1.083333em;
				margin: 0 0 1.692308em 0;
			}
				#container #content #main #intro p:last-child {
					margin-bottom: 0;
				}		
				#container #content #main #intro p.last-child {
					margin-bottom: 0;
				}
				#container #content #main #intro strong {
					font-size: 1.166667em;
					color: #b11e3b;	
				}
					
			#container #content #main #companies {
				/* Clear internal floats */
				height: 1%;
				overflow: hidden;
				
				background-image: url(../images/bg-companylist.png);
				background-position: top;
				background-repeat: no-repeat;
				
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
			}
				#container #content #main #companies li {
					float: left;
					width: 240px;
					list-style: none;
					
					padding: 17px 0 20px;
					
					background-image: none;
				}
				#container #content #main #companies li.bankhall {
					color: #FFFFFF;
				}
					#container #content #main #companies li.bankhall a {
						color: #FFFFFF;
					}
		
		#container #content #main .profile {
			clear: both;
			padding: 1.692308em 0 0 0;	
			border-top: 0.1em solid #e7e7e7;
			margin: 1.592308em 20px 0;
			
			/* Clear internal floats */
			height: 1%;
			overflow: hidden;			
		}
			#container #content #main .profile h4 {
				float: left;
				width: 200px;
				margin: 0 20px 20px 0;
			}
			#container #content #main .profile h4 strong,
			#container #content #main .profile h4 img {
				display: block;
			}
			#container #content #main .profile .description {
				float: left;
				width: 460px; 
			}
			#container #content #main .profile .description :first-child {
				margin-top: 0;
			}
										
		#container #content #secondary {
			float: left;
			width: 225px;
			padding: 0 0 0 20px;
		}
			#container #content #secondary h2 {
				margin-left: 0;
				margin-right: 0;
			}
			#container #content #secondary .stories {
				list-style: none;
			}
			#container #content #secondary .stories li {
				margin-bottom: 1em;
				padding-left: 0;
				background-image: none;
			}
			#container #content #secondary h3 {
				margin: 0 0 0.611111em;
			}
			#container #content #secondary p {
				margin: 0;
			}
			#container #content #secondary .stories p:last-child {
				margin-bottom: 50px;
			}
			#container #content #secondary .stories p.last-child {
				margin-bottom: 50px;
			}
			
ul.medialist {
	margin: 1.692308em 20px 1.692308em 20px;
}
	ul.medialist li {
		margin: 0 0 1.692308em 0;
		padding: 0 0 1.692308em  0;
		background-image: none;
		list-style: none;
		border-bottom: 1px solid #e7e7e7;
		
		height: 1%;
		overflow: hidden;
	}
	ul.medialist li:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}
	ul.medialist video, 
	ul.medialist audio,
	ul.medialist object {
		float: left;
		margin: 0 20px 1.692308em 0;
	}
	ul.medialist li h5 {
		font-size: 1.166667em; /* 14px */
		margin: 0 0 1.428571em;
	}
	ul.medialist li p {
		font-size: 1em; /* 12px */
		margin-left: 0;
		margin-right: 0;
	}	
	
#footer {	
	width: 920px;
	margin: 60px auto 0;
	padding: 25px;
	
	font-size: 0.916667em;
	line-height: 2em;
	color: #354241;
		
	/* Clear internal and external floats */
	clear: both;
	height: 1%;
	overflow: hidden;	
	
	border-top: 0.1em solid #E7E7E7;
}

	#footer p {
		margin-left: 0;
		margin-right: 0;
	}

/* END LAYOUT ----------------------------------------------------- */