/* @override 
	http://orb:8888/css/style.css */

@charset "utf-8";
/* CSS Document */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/*img, object, embed {max-width: 100%;}*/
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, input[type=button], input[type=submit], button {cursor: pointer;}
label {cursor: text;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

/* FLOAT-elements */
.fltleft {float:left;}
.fltright {float:right;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }

/* only to clear floats - to be used with any class as addition */
.clear {
	clear: both;
	}
	
/* clear float with blank <div>or <br>*/
.clrflt {
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
	}

/* MAIN */
body {
	background-color: #453c2f;
	color:#000000;
	font: normal 12px Arial,Helvetica,sans-serif;
}

	
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
	
/*========== Wrapper ==========*/

#wrapper
{
	position: relative;
	width:960px;
	height:719px;
	margin:0px auto;
	padding:50px 0 0 0;
}

/*========== Header ==========*/

#header
{
	height:173px;
	margin-bottom:10px;
}

.header_top
{
	height:111px;
	position:relative;
}

#logo
{
	position:absolute;
	left: 0px;
	top: 0px;
}
.logo {
	width: 266px;
	top: 50px;
}
.caption
{
	width:auto;
	height:111px;
	font-size:28px;
	color:#c5cec8;
	line-height:140px;
	text-align:right;
	text-shadow:1px 1px 1px #000;
}

/*========== Old Menu ==========*/


/*.menu
{
	background:url(../images/nav_bg.png) repeat-x left top;
	height:62px;
}

.menu ul
{
	list-style:none;
	padding:0px;
	margin: 0px 0px 0px 20px;
	float:left;
}

.menu ul li
{
	font-size:13px;
	color:#c1c1c1;
	text-transform:uppercase;
	height:62px;
	line-height:62px;
	float:left;
	padding:0px 12px;
	
}

.menu ul li a
{
	color:#c1c1c1;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
}

.menu ul li a:hover, .menu ul li.active a
{
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
}*/


/*========== New Menu ==========*/

.menu
{
	background:url(../images/nav_bg.png) repeat-x left top;
	height:62px;
}

#nav{
	list-style:none;
	padding:0px;
	margin: 0px 0px 0px 10px;
	float:left;
}
#nav li{
	position:relative;	
	font-size:13px;
	color:#c1c1c1;
	text-transform:uppercase;
	height:62px;
	line-height:62px;
	float:left;
	padding:0px 0px;	
}
#nav a{
	display:block;	
	color:#c1c1c1;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;	
	padding: 0 15px;
}
#nav a:hover{
	color:#fff;
	text-decoration: none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#000; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(000,000,000,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	height: 40px;
	line-height: 40px;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:url(../images/trans_bg_drk.png) repeat left top;
	text-decoration: none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:url(../images/trans_bg_drker.png) repeat left top;
}

#nav.login-button {
	float: right;
	margin-right: 0;
}
#nav.login-button li {
	padding: 0 15px 0;
}

/*Active states*/

#home li.home a, 
#who li.who>a, 
#regions li.regions a,
#regions li.about>a, 
#clients li.clients a, 
#clients li.about>a, 
#skills li.skills a, 
#skills li.about>a, 
#employment li.employment a, 
#employment li.about>a, 
#solutions li.solutions a, 
#intelligence li.intelligence a, 
#imani li.imani a,
#contact li.contact a, 
.article #nav li.intelligence>a
{
	color: white;
}




/*========== Banner ==========*/

#banner
{
	height:226px;
	width: 987px;
	margin-bottom:13px;
}

#banner img
{
	width:302px;
	height:226px;
	float:left;
	margin-right:27px;
}

#banner img.nomar
{
	margin-right:0px;
}

/*========== Content ==========*/

#missing-404 .inner_left a, #missing-404 .inner_left a:visited {
	color: #ccc;
	text-decoration: underline;
}

#missing-404 .inner_left a:hover {
	color: #fff;
}

#content
{
}

.left_content
{
	width:302px;
	font-size:25px;
	line-height:normal;
	color:#c1c1c1;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
	padding:30px 0 0 0;
}

.right_content
{
	width:631px;
}

.right_text_box
{
	background:url(../images/trans_bg.png) repeat left top;
	width:571px;
	min-height:240px;
	border-top:7px solid #000;
	padding:25px 30px 20px 30px;
	font-size:13px;
	color:#FFF;
}

.right_text_box h1
{
	padding:0 0 13px 0;
	margin:0px;
	font-size:26px;
	color:#c1c1c1;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
}

.right_text_box p
{
	padding:10px;
	margin:0px;
	line-height:normal;
	color: #c1c1c1;
}

.right_text_box a
{
	color: #fff;
}

.right_text_box a p:hover
{
	background-color: #000;
}

.right_text_box strong
{
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 2px 0;
	color: #fff;
}

/*========== Inner1 ==========*/

.article a, .inner_left a {
	color: #c1c1c1;
	text-decoration: underline;
}
a:hover {
	color: #fff;
}

h1
{
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	color: #c1c1c1;
	margin-bottom: 24px;
}

h3 {
	color: #c1c1c1;	
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.space
{
	margin-bottom:15px !important;
}

#inner_content
{
	background:url(../images/trans_bg.png) repeat left top;
	border-bottom:7px solid #000;
	min-height:500px;
}

.inner_left
{
	width:655px;
	padding:40px 0 0 35px;
}

.inner_left ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}

.inner_left ul li
{
	font-size:14px;
	color:#fff;
	line-height:24px;
	padding-bottom:25px;
}

#contact .inner_left ul li
{
	border-top: 1px solid #333;
	padding-top: 24px;
}
#contact .inner_left ul li:first-child
{
	border: none;
	padding-top: 0;
}

.inner_left ul li strong
{
	text-transform:uppercase;
	color:#c1c1c1;
}

.inner_left ul li span
{
	width:212px;
	display:block;
	float:left;
	text-transform:uppercase;
	font-size:16px;
	color:#c1c1c1;
	text-shadow:1px 1px 1px #000;
	margin-top: ;
}
	
#contact .inner_left span
{
	width:100px;
}

.inner_left h2
{
	font-size:16px;
	color:#fff;
	margin-bottom: 20px;
	line-height: 24px;
}

.inner_left p
{
	color: #ffffff;
	margin-bottom: 20px;
	line-height: 24px;
	font-size: 13px;
}

.intro-para {
	text-transform: uppercase;
}

.intro
{
	margin-bottom: 50px;
}

.list_right
{
	width:443px;
	float:right;
}
#contact .list_right
{
	width:250px;
	float: left;
}
.list_right p
{
	margin-bottom: 12px;
}
.list_right p:last-child
{
	margin-bottom: 0px;
}

.inner_right
{
	width:230px;
	padding:24px 0 0 0;
}

.right_img
{
	border-top:7px solid #9c1421;
	padding:13px 0 0 0;
	margin:0 0 13px 0;
}

.image-caption {
	color: white;
	font-size: 13px;
	text-align: left;
	line-height: 140%;
	height: auto;
	padding: 6px 6px 6px 0;
	
}

.right_article
{
	border-top:7px solid #9c1421;
	padding:13px 0 13px 0;
}

.right_article h2
{
	padding:0 0 15px 0;
	margin:0px;
	font-size:20px;
	line-height:20px;
	color:#c1c1c1;
	font-weight:normal;
	text-shadow:1px 1px 1px #000;
}

.right_article ul
{
	list-style:none;
	padding:0px 6px 0 0;
	margin:0px;
}

.right_article ul li
{
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom: 12px;
}

.right_article ul li:last-child
{
	margin-bottom: 0;
}

.right_article ul li a
{
	color:#FFF;
	text-decoration:none;
}

.right_article ul li a:hover
{
	color:#FFF;
	text-decoration:underline;
}
.three-col {
	float: left;
	padding: 12px;
	margin-right: 20px;
	margin-top: -10px;
	margin-left: -12px;
}
a .three-col {
	color: white;
}

ul.article-list a {
	text-decoration: none;
}

#inner_content div.inner_left.fltleft ul li div.list_right a {
	text-decoration: none;
}

a:hover .three-col {
	background-color: #1f1f1f;
}
ul.article-list li
{
	border: 1px solid #333;
	padding: 10px;
	margin: 0 0 15px 0;
	font-size:14px;
	color:#fff;
}
ul.article-list li:hover
{
	background-color: #000;
}
ul.article-list li span
{
	width: 120px;
}

q, i {
	font-style: italic;
	color:#c1c1c1;
}

blockquote {
	margin: 0 0 35px 0 !important;
	padding: 20px 20px 0 !important;
	border: 1px solid #333 !important;
}

.icon
{
	width: 18px;
	margin: 0 0px 0 2px;
}

.map
{
	float: right;
	width: 325px;
	height: 275px;
	margin-bottom: 12px;
}
.map a
{
	color:#c1c1c1;
	font-size: 12px;
}

span.read-more
{
	font-style: italic;
	color: #fff;
	white-space: nowrap;
}

.address
{
	width:160px;
	float:left;
}

ul.four-col {
	float: left;
	margin-right: 30px;
	padding: 10px;
}

ul.four-col li {
	font-size: 13px;
	padding: 0px !important;
	margin: 0 !important;
	list-style: none !important;
}

.trans-bg {
	background:url(../images/trans_bg.png) repeat left top;
	margin-bottom: 20px;
}

.inner_left h2.countries {
	padding: 10px 10px 0;
	margin-bottom: 0;
}

.inner_left .bulleted-list li, 
.inner_left.cms li {
	list-style-type: disc;
	margin-left: 30px;
	padding-bottom: 12px;
	font-size: 12px;
}

.inner_left .bulleted-list li ul li,
.inner_left.cms li ul li {
	padding-bottom: 0;
	list-style-type: circle;
}


.cite {
	border: 1px solid #333;
	padding: 20px;
	margin-bottom: 20px;
	background:url(../images/trans_bg.png) repeat left top;
}

.cite p {
	font-style: italic;
	line-height: 130%;
	margin-left: 30px;
	margin-top: 6px;
	margin-bottom: 0px;
	border:  none;
	padding-bottom: 0;
}


/*Login Styles*/
#login {
	width: 400px;
	padding: 25px;
}

#login input, #login textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 5px 0px 30px 0px;
	border: 2px solid #ccc;
}


#login textarea:focus, #login input:focus {
	border: 2px solid #900;
}

#login input.submit-button {
	width: 100px;
	float: right;
	text-transform: uppercase;
	font-size: 1.1em;
	background-color: black;
	color: white;
}

#login label {
	float: left;
	margin-right: 80px;
	width: 200px;
	padding-top: 5px;
	font-size: 1.1em;
	text-transform: uppercase;
}

/*Validation error styles*/

#login label.error { 
	font-size: 12px;
	color: red; 
	display: block;
	text-align: left;
	margin-top: -30px;
	}

.form-element {
	overflow: hidden;
}

.affiliations {
	position: relative;
	float: left;
	bottom: 155px;
}

.affiliations img {
	margin-right: 6px;
	max-width: 200px;
	max-height: 120px;
	
}

.affiliations p {
	color: white;
	margin-bottom: 6px;
}

.file-icon {
	vertical-align: middle;
	margin-right: 10px;
}

.media{
	overflow: hidden;
	margin-bottom: 20px;
}

.download {
	width: 40px;
	height: 43px;
	overflow: hidden;
	background: url(../images/doc-file.png) no-repeat;
	float: left;
	margin-right: 14px;
}

.pdf {
	background: url(../images/doc-pdf.png) no-repeat;
}

.ppt {
	background: url(../images/doc-ppt.png) no-repeat;
}

.doc {
	background: url(../images/doc-word.png) no-repeat;
}

.xls {
	background: url(../images/doc-xls.png) no-repeat;
}


.body {
	overflow: hidden;
	color: white;
	font-weight: bold;
	padding-right: 10px;
}

.img {
	float: left;
	margin-right: 14px;
}

.img img {
	display: block;
}

a.doc-link {
	text-decoration: none;
}

a.doc-link:hover {
	text-decoration: underline;
}