/* © xHtml Master 2007 - 2009 */
html {
	overflow: -moz-scrollbars-vertical;
}
html, body {
	height: 100%;
}
body {
	background:url(../img/bg.jpg) repeat-x top #fff;
	color:#656565;
	font:14px Arial, Helvetica, sans-serif;
}
a {
	color:#143465;
}
.left {
	float:left
}
.right {
	float:right
}
.png, block {
	display:block;
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
#container {
	min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -50px;
}

#header {
	width:960px;
	height:96px;
	margin:0 auto;
}
	#header h1 {
		float:left;
		padding-top:30px;
		padding-right:20px;
	}
		#header h1 img {
			display:block;		
		}
	#header ul {
		position:relative;	
		float:left;
		margin-top:26px;
		margin-right:25px;
		border:solid 3px #e9e9e9;
		height:30px;
	}
		#header ul li {
			display:block;
			float:left;	
			height:37px;
		}
		#header ul li.active {
			background:url(../img/arrow-m.gif) no-repeat bottom center;
		}
			#header ul li a {
				display:block;
				line-height:28px;
				float:left;
				padding:0 7px;
				color:#666666;
				font-size:14px;
				text-decoration:none;
				height:30px;
			}
			#header ul li a:hover,
			#header ul li.active a,
			#header ul li.active a:hover {
				background:#e9e9e9; 
			}
			
			#header ul ul {
				position:absolute;
				left:0;
				top:40px;
				margin-top:0;
				margin-right:0;
				border:0;
				float:none;
				height:auto;
				display:none;
			}
			#header ul li.active ul {
				display:block;
			}
				#header ul ul li {
					display:inline;
					float:none;
					height:auto;
					background:none;
					padding-right:12px;
				}
					#header ul ul li a {
						color:#b2b2b2;
						background:url(../img/arrow-1.gif) no-repeat left center !important;
						display:inline;
						float:none;
						line-height:normal;
						height:auto;
						padding:0 0 0 8px !important;
					}
					#header ul ul li a:hover,
					#header ul ul li a.active {
						color:#666666;
					}
					
		#header .rss {
			font-size:14px;
			color:#666666;
			text-decoration:none;
			display:block;
			height:31px;
			float:left;
			margin-top:33px;
			line-height:23px;
		}
		#header .rss:hover {
			background:url(../img/arrow-m.gif) no-repeat 10px 100%;	
		}
			#header .rss img {
				display:block;
				float:left;
				padding-right:5px;
			}
		
		#header #search {
			float:right;
			width:191px;
			padding-left:10px;
			border-left:solid 1px #c4c4c4;
			margin-top:35px;
		}
			#header #search .input {
				padding:0 10px;
				background:url(../img/bg-search.gif) no-repeat;
				width:146px;
				height:22px;
				float:left;
			}
				#header #search .input input {
					width:100%;
					font:14px Arial, Helvetica, sans-serif;
					color:#666666;
					border:0;
					background:none;
					padding-top:3px;
				}
			#header #search input.img {
				display:block;
				float:right;
			}
			
#content {
	width:980px;
	margin:0 auto;
}
	#home-slide {
		display:block;
		background:url(../img/frame.png) no-repeat;
		width:956px;
		height:369px;
		padding:23px 0 0 24px;
		position:relative;
		overflow:hidden;
		z-index:2;
	}
		#home-slide .info {
			background:url(../img/info.png) no-repeat;
			width:190px;
			height:104px;
			position:absolute;
			right:33px;
			bottom:30px;
			padding: 12px 12px;
			overflow:hidden;
		}
			#home-slide .info h2 {
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#fbe13a;
				text-transform:uppercase;
				padding-left:30px;
				position:relative;
			}
				#home-slide .info h2 small {
					font:11px Arial, Helvetica, sans-serif;
					color:#b29e1f;
					text-transform:none;
					display:block;
					padding-top:3px;
				}
				#home-slide .info h2 img {
					display:block;
					position:absolute;
					top:0;
					left:0;
				}
			#home-slide .info p {
				font:11px Arial, Helvetica, sans-serif;
				color:#cccccc;
				padding-left:30px;
			}
			#home-slide .info .more {
				background:url(../img/more.gif) no-repeat right center;
				padding-right:25px;
				font:10px/15px Verdana, Geneva, sans-serif;
				color:#b29e1f;
				display:block;
				height:17px;
				float:right;
				text-decoration:none;
			}
			#home-slide .info .more:hover {
				color:#fbe13a;
			}
			
	#home-left {
		background:url(../img/gradient.gif) repeat-x top;
		border:solid 1px #e9e9e9;
		border-top:0;
		float:left;
		width:280px;
		padding:15px 10px;
		font-size:14px;
		color:#656565;
		line-height:140%;
		margin-left:30px;
		position:relative;
		top:-8px;
		z-index:1;
	}
		#home-left strong {
			font-size:16px;	
		}
		#home-left em {
			margin-left:-10px;
			font-style:normal;
			background:#143465;
			color:#fff;
			font-size:16px;
			font-weight:bold;
			padding:0 5px;
		}
		
	#map {
		float:right;
		padding-right:30px;
		padding-top:5px;
		position:relative;
	}
		#map div {
			position:absolute;
		}
		#map div.m {
			background:url(../img/dot-m.png) no-repeat;
			width:10px;
			height:10px;
		}
		#map div.s {
			background:url(../img/dot-s.png) no-repeat;
			width:10px;
			height:10px;
		}
		#map div.hq {
			background: url(../img/dot-hq.png) no-repeat;
			width:18px;
			height:18px;
		}
	
	#content .services {
		width:920px;
		margin:0 auto;
		text-align:left;
		padding-bottom:12px;
	}
		#content .services h2 {
			font:20px Arial, Helvetica, sans-serif;
			color:#002a45;
			padding-bottom:15px;
		}
		#content .services li {
			display:block;
			float:left;
			font-size:12px;
			color:#313171;
			padding-left:29px;
		}
			#content .services li a {
				text-decoration:none;	
				color:#313171;
			}
			#content .services li a:hover {
				color:#000;			
			}
		#content .services li.first {
			padding-left:0;	
		}
			#content .services li img {
				display:block;
				padding-bottom:5px;
			}
			#content .services li small {
				display:block;
				background:url(../img/arrow-1.gif) no-repeat 0 2px;
				padding-left:10px;
				font-size:12px;
			}
	
	#sidebar {
		width:300px;
		float:left;
		padding-top:42px;
		padding-bottom:40px;
	}
		#sidebar .project {
			min-height:290px;	
			width:300px;
		}
			#sidebar .project h1 {
				font: 14px Arial, Helvetica, sans-serif;
				color:#bfbfbf;
				font-weight:normal;
				font-size:14px;
				display:block;
				padding-bottom:35px;
			}
				#sidebar .project h1 strong {
					font-size:20px;					
					color:#fbe13a;
					text-transform:uppercase;
					display:block;
					padding-bottom:2px;
				}
				#sidebar .project  h1 img {
					display:block;
					float:left;
					padding-right:12px;
				}
				
			#sidebar .project ul {
				padding-left:40px;
			}
				#sidebar .project ul li {
					padding-left:10px;
					padding-right:10px;
					font-size:10px;
					font-weight:bold;
					color:#8d8d8d;
					text-transform:uppercase;
					display:block;
					float:left;
				}
				#sidebar .project ul li.icon,
				#list li.icon {
					padding-top:40px;	
					width:35px;
					text-align:center;
				}
				#sidebar .project ul li.gold,
				#list li.gold {
					background:url(../img/ico-au.png) no-repeat top center;	
				}
				#sidebar .project ul li.copper,
				#list li.copper {
					background:url(../img/ico-cu.png) no-repeat top center;	
				}	
				#sidebar .project ul li.ghana,
				#list li.ghana {
					background:url(../img/ico-ghana.png) no-repeat top center;	
				}	
				#sidebar .project ul li.guineea,
				#list li.guineea {
					background:url(../img/ico-guineea.png) no-repeat top center;
					width:40px !important;
				}	
				#sidebar .project ul li.mauritania,
				#list li.mauritania {
					background:url(../img/ico-mauritania.png) no-repeat top center;	
					width:58px !important;
				}
				#sidebar .project ul li.burkinafaso,
				#list li.burkinafaso {
					background:url(../img/ico-burkinafaso.png) no-repeat top center;	
					width:76px !important;
				}	
				#sidebar .project ul li.kazakstan,
				#list li.kazakstan {
					background:url(../img/ico-kazakhstan.png) no-repeat top center;
					width:77px;
				} 
		
			#sidebar .project .overview {
				background:#3e3e3e;
				border:solid 6px #4d4d4d;		
				padding:5px 10px;
				width:280px;
			}
				#sidebar .project .overview a img {
					display:block;
					float:left;
				}
				#sidebar .project .overview div {
					float:right;
					width:220px;
				}
				#sidebar .project .overview h3 {
					font:16px "Lucida Sans", "Lucida Sans Unicode", sans-serif;
					color:#a77c36;
					padding-bottom:3px;
				}
				#sidebar .project .overview p {
					font:12px Arial, Helvetica, sans-serif;
					color:#8f8f8f;
				}
				
		#sidebar .summary {
			border:solid 6px #e9e9e9;
			margin-bottom:20px;
			width:300px;
		}
			#sidebar .summary h3 {
				font:16px "Lucida Sans", "Lucida Sans Unicode", sans-serif;
				padding:8px 10px;
				float:left;
				color:#a77c36;
			}
				#sidebar .summary h3 img {
					display:block;
					float:left;
					padding-right:12px;
				}
				#sidebar .summary h3 small {
					display:block;
					font:12px Arial, Helvetica, sans-serif;
					color:#8f8f8f;
					padding-top:3px;
				}
				
			#sidebar .summary ul {
				background:url(../img/summary-gradient.gif) repeat-x top;
				padding-left:35px;
				padding-right:5px;
				padding-top:10px;
			}
				#sidebar .summary ul li {
					background:url(../img/arrow-2.gif) no-repeat 0 6px;
					padding-left:20px;
					display:block;
					padding-bottom:10px;
					font-size:12px;
					color:#3e3e3e;
					text-transform:uppercase;
					line-height:150%;
				}
					#sidebar .summary ul li strong {
						font-size:12px;
						font-weight:bold;
						color:#a4a3a3;
						text-transform:none;
						display:block;
					}
		
	#page {
		width:655px;
		float:right;
		padding-bottom:30px;
	}
		#page h2 {
			font:16px "Lucida Sans", "Lucida Sans Unicode", sans-serif;
			color:#a77c36;
			border-bottom:solid 6px #e9e9e9;
			padding-bottom:5px;
			margin-bottom:12px;
		}		
		#page p {
			color:#656565;
			line-height:140%;
			padding-bottom:18px;
		}
		#page .padding {
			width:595px;
			padding-left:38px;
		}
		
	#gallery {
		width:100%;
	}
		#gallery .frame {
			background:url(../img/sframe.png);
			width:631px;
			height:298px;
			padding-top:23px;
			padding-left:24px;
			margin-bottom:5px;
		}
		#gallery .slide {
			width:600px;
			margin:0 auto;
			margin-bottom:20px;
			padding-right:5px;
		}
			#gallery .slide a.left img {
				display:block;
				padding-top:30px;
			}
			#gallery .slide a.right img {
				display:block;
				padding-top:30px;	
			}
			#gallery .slide ul {}
			#gallery .slide ul li {
				padding:0 8px;
				display:block;
				float:left;
			}
				#gallery .slide ul li a{
					display:block;
					border:solid 3px #e9e9e9;
				}
				#gallery .slide ul li a:hover,
				#gallery .slide ul li a.active {
					border:solid 3px #fbe13a;	
				}
					#gallery .slide ul li a img {						
						display:block;
					}
				
	
	#flash {
		display:block;
		background:url(../img/frame.png) no-repeat;
		width:956px;
		height:369px;
		padding:23px 0 0 24px;
		position:relative;
		overflow:hidden;
		z-index:2;
	}
		#flash img {
			display:block;	
		}

	#content .project-info {
		background:url(../img/gradient.gif) repeat-x top;
		border:solid 1px #e9e9e9;
		border-top:0;
		width:910px;
		padding:15px 10px;
		font-size:14px;
		color:#656565;
		line-height:140%;
		margin:0 auto;
		margin-bottom:18px;
		position:relative;
		top:-8px;
		z-index:1;		
	}
		#content .project-info h3 {
			margin-left:-10px;
			font-style:normal;
			background:#143465;
			color:#fff;
			font-size:16px;
			font-weight:bold;
			padding:0 5px;
			margin-bottom:20px;
			text-transform:uppercase;
			float:left;
		}
		#content .project-info p {
			color:#656565;	
			padding-bottom:5px;
		}
		
#list {
	width:932px;
	margin:0 auto;
	padding-bottom:20px;
}
	#list h3 {
		padding-left:10px;	
		font-size:20px;
		font-weight:bold;
		color:#002a45;
		padding-bottom:18px;
	}
	#list .list {
		width:434px;
		margin:0 10px 20px 10px;
		float:left;
		border:solid 6px #e9e9e9;
	}
		#list .list .title {
			background:#fff;	
			padding:6px 0 0 8px;
			height:62px;
			overflow:hidden;
		}
		#list .list .title.bg {
			background:#3e3e3e;	
		}
			#list .list .title h4 {
				font-size:14px;
				color:#757575;
				line-height:130%;
				float:left;
				white-space:nowrap;
			}
				#list .list .title h4 strong {
					font-size:16px;
					font-weight:bold;
					color:#a77c36;
					display:block;
					padding-bottom:2px;
				}
				#list .list .title h4 span {
					text-transform:uppercase;
					display:block;
				}
				#list .list .title h4 img {
					display:block;
					float:left;
					margin-right:12px;
					padding-bottom:10px;
				}
			
			#list .list .title ul {
				float:right;	
				padding-right:5px;
			}
				#list .list .title ul li {
					display:block;
					float:left;
					width:35px;
					color:#8d8d8d;
					font-size:10px;
					font-weight:bold;
					text-transform:uppercase;
					padding-left:5px;
					padding-right:5px;
				}
			
		#list .list .info {
			background:url(../img/gradient-list.gif) repeat-x top #fff;
			padding:10px 10px 0 37px;
			min-height:65px;
		}
			#list .list .info h6 {
				background:url(../img/arrow-2.gif) no-repeat left center;
				padding-left:20px;
				font-size:12px;
				font-weight:bold;
				color:#a4a3a3;
				margin-bottom:6px;
				text-transform:uppercase;
			}
			#list .list .info p {
				font-size:12px;
				line-height:150%;
				color:#3e3e3e;
				padding-bottom:6px;
			}
		
	
#footer, .push {
  height: 50px;
}

#footer {
	background:#f3f3f3;
	font:10px Verdana, Geneva, sans-serif;
	color:#6d6d6d;
}
	#footer .wrapper {
		width:950px;
		margin:0 auto;
	}
	#footer ul {
		float:left;	
		line-height:48px;
	}
		#footer ul li {
			display:inline;
			letter-spacing:0.5em;
		}
			#footer ul li a {
				color:#6d6d6d;
				text-decoration:underline;
				letter-spacing:normal;
			}
			#footer ul li a:hover {
				color:#143465;
			}
	#footer p {
		float:right;
		line-height:48px;
	}