@charset "utf-8";
/* //////////////////////////////////////////// */
/* /// Tangent-One CSS Document /////////////////////////// */
/* /// London 2009 //////////////////////////// */
/* /// andrew.nartey@tangentone.co.uk ////////////////// */
/* //////////////////////////////////////////// */

/* //////////////////////// */	
/* ///// CSS GENERAL ////// */
/* //////////////////////// */

body	{
	background: url(../images/bg.gif) left repeat; 
	color:#000000; 
	font-family:"Arial", Helvetica, sans-serif; 
	font-size:12px; 
	height:100%; 
	padding: 0;		margin: 0;
	}

h1	{
	padding: 0.4em 0.4em 0em 0.4em; 
	margin:0em; 
	font-family:Arial, "Helvetica", sans-serif; 
	font-size: 22px; 
	color:#FFFFFF;
	}
	
p	{
	padding: 0px 11px 0px 0px;
	/*margin:0.2em;*/
	}

.wrapper {
	margin:0 auto;
	width:80.4em; 
	background: #FFFFFF; 
	padding:0.5em;	padding-top: 0;
}

#header_region	{
	background: url(../images/firebrand_header_bg.png) left no-repeat;
/*IE6 specific fix for not being able to handle PNGs*/	
	_background: url(../images/firebrand_header_bg_ie6.jpg) left no-repeat;  
	width:962px; 
	height: 97px;
	}
	
.logo	{
	margin-top: 0em; 
	padding-top:0em; 
	}

/*IE6 specific hack for the logo*/
.header_logo {
	_display: none;
}
	
#header_region img	{
	width: 325px; 
	height: 44px; 
	padding: 1.8em 0em 1.5em 2em; 
	float:left; 
	border:none;
	}

.header_menu_position	{
	float:right;
	margin-top: 1em;
	_margin-top: 2.2em;
	margin-right: 1em; 
	height: 63px; 
	width: 530px; 
	background: url(../images/header_menu_bg.png) right no-repeat;
	_background: none;
	}
	
#header_menu 	{
	font-size: 20px; 
	font-weight: bold; 
	margin-left: 2.2em;
	margin-top:1em; 
    *margin-left: 2.4em;
	*margin-top:1em;
	_margin-left: 3.4em;
	_margin-top:0.4em;
	}
	
#header_menu ul {
	list-style: none;  
	width:528px; 
	height: 60px; 
	}
	
#header_menu li	{
	display:inline;
	}
	
#sub_menu ul {
	list-style: none; 
	font-size: 12px; 
	font-weight: bold; 
	padding: 0.5em 0em; 
	margin:0; 
	}
	
#sub_menu li {
	display:inline;
	}

#sub_menu a:link    { 
	color: #ff3300; 
	text-decoration : none;
	}
	
#sub_menu a:visited { 
	color: #ff3300; 
	text-decoration : none; 
	}
	
#sub_menu a:hover   { 
	color : #555555; 
	}
	
#sub_menu a:focus   { 
	color : #555555; 
	background-color : #C3D9FF; 
	}
	
#sub_menu a:active  { 
	color: #555555; 
	outline : none; 
	}

#header_title	{
	background: url(../images/header_title.png) left no-repeat; 
	width:961px; 
	height: 58px; 
	margin-left:0.15em; 
	margin-top: 0.5em;
	}

#content_pane	{
	min-height: 36.585em;
	}
	
#content_pane h2 {
	padding: 0em 0.5em 0em 0.4em;
	color: #fff;
	}
	
.left_pane	{
	float:left; 
	width: 63.7em; 
	min-height:37em;
	margin-bottom: 0.5em;
	position:relative;
	}
	
.right_pane	{
	float:left; 
	width: 16.458em; 
	margin: 0.1em 0 0.2em;
	min-height:37.22em;
	_min-height:38em; 
	background:url(../images/bg_r.png) left repeat;
	position:relative;
	}
	
.right_pane_title {
	background:url(../images/right_column_title1.png) left repeat;  
	height:38px; 
	font-size: 18px; 
	color: #fff; 
	font-weight: bold;
	}
	
#content_pane .right_pane_title h2 {
	margin:0em;
	font-size: 15px;
	padding-top: 0.4em;
	}
	
.right_pane_content {
	padding: 0.5em; 
	overflow:hidden; 
	height: 32.11em;
	_height: 33em;
	}
	
#content_pane .right_pane_content ul {
	list-style: none;
	padding-left: 0.5em;
	}
	
#content_pane .right_pane_content li {
	font-weight: bold;
	}

#news_ticker	{
  background: #ccc url(../images/news_bg.png) left top repeat-y; 	margin: 0em 0.2em 0em 0.2em; 
	min-height: 2.5em;
	}
	
#news_ticker .news_title a	{
	color:#fff;
	text-decoration: none;
	}
	
#news_ticker ul	{
	list-style: none;
	padding-top: 0.2em;
	}
	
#news_ticker li	{
	display:inline;
	}
	
#news_ticker .news_title p {
	margin:0em; 
	font-weight:bold; 
	font-size: 16px; 
	color: #fff; 
	padding:0.4em;
	}
	
.news_title	{
	float:left; 
	height:100%;
	position:relative;
	}
	
.news_feed	{
	float:left;
	position:relative;
	padding: 0.5em 0 0.5em 0.5em;
	}
	
#news_ticker .more_news img {
	border: none; 
	display: inline-block;
	margin: 7px 0 -3px 5px;
	padding-right: 5px;
	}
	
#news_ticker .more_news p,a {
	margin: 0em;
	padding: 0em;
	}

.more_news a:link {
	color : #fff;
	text-decoration:none;
	}

.more_news a:active {
	color : #fff;
	text-decoration:none;
	}

.more_news a:hover {
	color : #fff;
	text-decoration:none;
	}	
	
.more_news a:focus {
	color : #555555; 
	background-color : #CCCCCC;
	text-decoration:none;
	}	
	
.more_news	{
	float:right; 
	font-weight: bold;
	}

#footer	{
	margin:0 auto; 
	width:80.4em; 
	height: 2.5em;
	}
	
#footer ul {
	list-style: none; 
	font-size: 12px; 
	font-weight: bold; 
	padding: 0.8em 0.3em; 
	margin:0;
	}
	
#footer li	{
	display:inline;
	color: #555555;
	}
	
#footer	a:link    { 
	color: #555555; 
	text-decoration : none; 
	padding: 0.1em;
	}
	
#footer	a:visited { 
	color: #555555; 
	text-decoration : none;
	padding: 0.1em;
	}
#footer	a:hover   { 
	background-color : #FFF; 
	color : #ff3300; 
	padding: 0.1em;
	}
	
#footer	a:focus   { 
	background-color : #C3D9FF; 
	color : #fff;
	}
	
#footer	a:active  { 
	background-color : #555555; 
	outline : none; 
	}

/*Tweet relevant style*/
	ul,ol,li {
	margin:0;
	padding:0;
	}

#list-twitter .date {
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	_padding-bottom: -2em;
	}
	
/*Tweet relevant style ends*/	

/*Scroll Div*/

#container {
	 position: relative;
	 width: 65em;
	 /*height: 18px;*/
	 overflow: hidden;
	}

#scroller {
  	 width: 120em; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
	}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
	 font-size: .8em;
	 color:#00009C;
	 font-weight: bold;
	}

/*FrontPage (FP) images*/

#content_pane .fp_images h2 {
	/*background-color: #FF0000; */
	margin:0.5em 0.5em 0; 
	padding: 0 0.2em;
	font-size:1.3em;
	width:14.83em;
	_visibility:hidden;
	*visibility:hidden;
	}
	
/*Begin IE Fix: IE6 and 7 have issues with positioning*/
/*Note: This hack is very ugly and bloats the code... but does the job quickly*/
.hp_services {
	visibility:hidden;
	height:0em;
	/*IE6*/
	_visibility:visible;
    _position: relative;
    _height: auto;
    _width: auto;
    _left:0.5em;
    _top: 1.5em;
	_font-size:1.4em;
	_font-weight: bold;
	_color: #ffffff;
	_margin-top: -1.3em;
	/*IE7*/
	*visibility:visible;
    *position: relative;
    *height: auto;
    *width: auto;
    *left:0.5em;
    *top: 1.5em;
	*font-size:1.4em;
	*font-weight: bold;
	*color: #ffffff;
	*margin-top: -1.3em;
}	
/*End IE Fix: IE6 and 7 have issues with positioning*/	
	
.fp_images {
	float:left; 
	width:20.83em; 
	height: 18.45em; 
	overflow:hidden; 
	padding:0.1em;
	}

#header_menu a:link    { 
	color: #ff3300; 
	text-decoration : none;
	margin: 0em;
	padding: 0em;
	}
	
#header_menu a:visited { 
	color: #ff3300; 
	text-decoration : none; 
	}
	
#header_menu a:hover   { 
	color : #555555; 
	}
	
#header_menu a:focus   { 
	color : #555555; 
	background-color : #C3D9FF; 
	}
	
#header_menu a:active  { 
	color: #555555; 
	outline : none; 
	}

#content_pane .left_pane a:link,a:visited,a:hover, img{
	outline: none;
	border: none;
}

#content_pane .fp_images a:link,a:visited{
	color: #fff;
	text-decoration: none;
} 

.fp_images2{
	float:left; 
	width:20.93em; 
	height: 19.45em; 
	overflow:hidden; 
	padding:0.1em; 
	margin-top: -2.35em;
	_margin-top: -2.17em;
	*margin-top: -2.17em;
	}

/*FP image styles end*/

/*Clear styles*/
.clear {
	clear: both;
	margin: 0em;
	}

/*Contact details*/
	
.contactus {
	border: 1px solid #ccc;
	margin-bottom: 2em;
}	

#address_info dd, dl{
	margin: -0.5em 0em;
	font-size: 1.2em;
	font-weight:normal;

}

#address_info .maps{
	margin: 2em 0.62em 0em 0.62em;
	border: 1px solid #ccc;
	background-color: #fff;
}

.email_box {
	height: 18.45em; 
	overflow:hidden; 
	padding:0.15em;
	}
	
.econtactus {
	float:left;
	width: 21em;
	overflow:hidden;
	margin-left: 0.1em;
}

#content_pane .econtactus h3 {
	color: #fff;
	margin: 0.59em 0.89em;
	*font-size: 1.2em;
	_font-size: 1.2em;
}

.econtactus1 {
	background:url(../images/about/cu_rsd.jpg) left no-repeat;
	height: 164px;
	float: left;
	width: 100%;
	}

.econtactus2 {
	background:url(../images/about/cu_tm.jpg) left no-repeat;
	height: 164px;
	float: left;
	width: 100%;
}	

.econtactus3 {
	background:url(../images/about/cu_dp.jpg) left no-repeat;
	height: 164px;
	float: left;
	width: 100%;
}	

.econtactus4 {
	background:url(../images/about/cu_ecw.jpg) left no-repeat;
	height: 164px;
	float: left;
	width: 100%;
}	

.econtactus5 {
	background:url(../images/about/cu_lbe.jpg) left no-repeat;
	height: 164px;
	float: left;
	width: 100%;
}
	
.econtactus6 {
	background:url(../images/about/cu_ef.jpg) left no-repeat;
	height: 164px;
	float: left;
	width: 100%;
}	
	
.email_box a:link    { 
	color: #ff3300; 
	text-decoration : none;
	}
	
.email_box a:visited { 
	color: #ff3300; 
	text-decoration : none; 
	}
	
.email_box a:hover   { 
	color : #555555; 
	}
	
.email_box a:focus   { 
	color : #555555; 
	background-color : #C3D9FF; 
	}
	
.email_box a:active  { 
	color: #555555; 
	outline : none; 
	}	
	
#content_pane .econtactus dd, dl {
	font-size:1em;
	font-weight:bold;
	margin:0em 0.5em 0em;
}

#content_pane .econtactus dt {
	margin:0.5em 0.5em;
}

.c_numbers {
background: #fff;
font-size: 0.8em;
}
	
/*Administration icon style*/

.ai_cbt.firstchild {
	position:absolute;
	right:250px;
	top:0;
	width:30px;
	z-index:400;
}