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


/* GLOBALS */

.clear {
	clear:both;
}

.banner {
	width:930px;
	height:323px;
	float:left;
	margin:0 auto;
}
.content {
	width:920px;
	padding:25px 0 0px 10px;
	float:left;
	margin:0 auto;
	   min-height:300px;
  height:auto !important;
  height:300px;
}

body {
	background-color:#f2f2f2;
	
}

/* LAYOUT */

#container {
	 width: 960px;
  margin: 0 auto;
  position: relative;
}

.top {
	background-image:url(../images/container_top.png);
	background-repeat:no-repeat;
	width:960px;
	height:13px;
	float:left;
}
.middle {
	background-image:url(../images/container_middle.png);
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0px 15px;
	width:930px;
	float:left;
}
.clientmiddle, .teammiddle, .assetmiddle {
	background-image:url(../images/container_middle.png);
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0px 15px;
	width:930px;
	height:568px;
	float:left;
}
.clientcontent, .teamcontent, .assetcontent {overflow:hidden; height:568px;}

.bottom {
	background-image:url(../images/container_bottom.png);
	background-repeat:no-repeat;
	width:960px;
	height:13px;
}

.logo {
	text-indent:-9999px;
	background-image:url(../images/logo.png);
	background-position:top left;
	width:198px;
	height:95px;
	float:left;
	display:inline-block;
	margin:16px 0;
}
#icon {
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	background-position:center right;
	height:127px;
	width:425px;
	margin-right:100px;
	float:right;
}

#footer {
	width:100%;
	margin:0 auto;
	height:100px;
	padding:15px 0 0 0;
	text-align:center;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	float:left;
}

/* NAVIGATION */

#nav-wrapper {
	width:960px;
	height:40px;
	margin:0 auto;
	padding:0;
}
ul.navigation {
	/*width:740px;*/
	height:40px;
	margin:0;
	float:left;
	padding:0;
	list-style-type:none;
}
ul.scrollnavigation {
	height:40px;
	margin:0;
	float:right;
	padding:0;
	list-style-type:none;
	position:absolute;
	bottom:0;
}
ul.navigation li, ul.language li {
	display:inline-block;
	float:left;

}

ul.scrollnavigation li {margin-right:10px;}

ul.language {
	height:40px;
	margin:0;
	float:right;
	padding:0;
	list-style-type:none;
}
ul.navigation li a {
	display:block;
	float:left;
	color:#FFF;
	list-style-type:none;
	line-height:40px;
	height:40px;
	margin-right:25px;
	padding-right:25px;
	text-decoration:none;
	background-image:url(../images/navborder.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	font-size:1.25em;
	font-weight:bold;
}

ul.scrollnavigation li a {
	 display:block;
	float:left;
	color:#666;
	list-style-type:none;
	line-height:40px;
	height:40px;
	text-decoration:none;
	padding:0;
	font-size:12px;
	font-weight:bold;
 }
ul.scrollnavigation li.services a {
	width:50px;
}
ul.scrollnavigation li.energy a {
	width:160px;
}
ul.scrollnavigation li.realestate a {
	width:70px;
}
ul.scrollnavigation li.water a {
	width:40px;
}
ul.scrollnavigation li.technology a {
	width:124px;
}
ul.scrollnavigation li.middleeast a {
	width:76px;
}
ul.language li a {
	display:inline-block;
	float:left;
	color:#FFF;
	line-height:40px;
	width:60px;
	padding-left:15px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:11px;
	background-image:none;
}
ul.language li a:hover {
	background-image:url(../images/select_arrow.jpg);
	background-repeat:no-repeat;
	background-position:center left;
}

ul.language li.pipe, ul.language li.pipe:hover {
	width:13px;
	float:left;
	height:40px;
	line-height:40px;
	color:#FFF;
	font-size:10px;
	list-style:none;
}
#main_nav {
	height:40px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	background-color:#666;
}

ul.navigation a:focus {
    outline: none;
}

/* SLIDER */

#slider {
	margin: 40px auto 0px;
	width:100%;
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
	background-position:top;
}

.scroll {
	width:960px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	
}
.clientscroll {
	width:506px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	
}

.scrollContainer div.panel {
  width: 960px; /* change to 560px if not using JS to remove rh.scroll */

}
.scrollContainer div.clientpanel {
  width: 506px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollContainer div.teampanel {
  width: 506px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollContainer div.assetpanel {
  width: 506px; /* change to 560px if not using JS to remove rh.scroll */
}

.hide {
    display: none;
}


/* PAGES */

#home .banner {
	background-color:#096;
}
#clients .banner {
	background-image:url(../images/clients.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:414px;
	height:568px;
	float:left;
}
/* #clients .content, #team .content {
	float:right;
	height:568px;
	width:506px;
} */
#energy.clientpanel, #water.clientpanel,#mining.clientpanel,#technology.clientpanel, #teamdata.teampanel, #advisers.teampanel, #affiliates.teampanel, #counsel.teampanel {
	padding:25px;
	font-size:12px;
}

#assetoverview.assetpanel, #assetteam.assetpanel {
	padding: 25px;
	font-size:12px;
}

#energy.clientpanel li, #water.clientpanel li,#mining.clientpanel li,#technology.clientpanel li {
	float:left;
	margin:5px;
	padding:5px 0;
	width:150px;
	height:20px;
	line-height:12px;
	list-style-type:none;
}
#services .banner {
	background-image:url(../images/services.jpg);
}
#contact .banner {
	background-image:url(../images/contact.jpg);
}
.info {
	width:220px;
	float:left;
	margin-right:10px;
}

#home .left {
	width:249px;
	float:right;
	height:623px;
	margin-right:1px;
}
.lefttop {
	height:383px;
	width:210px;
	color:#FFF;
	background-color:#003a63;
	float:left;
	padding:20px;
	background-image:url(../images/home_bluesidebg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#home .right {
	width:679px;
	height:623px;
	float:left;
}
.righttop {
	width:679px;
	height:423px;
	background-image:url(../images/homebanner.jpg);
	float:left;
}
.rightbottom {
	width:679px;
	height:200px;
	float:left;
}
.rightbottomleft {
	width:236px;
	height:200px;
	float:right;
	background-image:url(../images/home_coins.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.rightbottomright {
	float:left;
	width:423px;
	height:140px;
	padding:10px;
	font-size:1.25em;
	font-weight:bold;
	padding-top:40px;
}
.clientcontent li, .teamcontent li, .assetcontent li {
	list-style-type:none; float: left; height: 20px; display: block;
}
.clientcontent li a, .teamcontent li a, .assetcontent li a {text-decoration:none; color:#818285;float:left; display:inline; padding:0 10px; height:20px;font-size:14px; border-right:1px solid #ccc;}

#teamnav, #assetnav {height:20px; width: 500px; position: relative;}

#teamnav_wrapper, #assetnav_wrapper {height: 20px; position: absolute;}

#team .banner {
	background-image:url(../images/team.jpg);
	width: 414px;
	height: 568px;
	float: left;
}
.teamcontent, .assetcontent {
	float:left;
	height:568px;
	width:486px;
} 

.teampanel p, .teampanel h3, .assetpanel p, .assetpanel h3 {width: 460px;}

#team h3 {margin-top: 25px; margin-bottom: 0px;}

.right {float: right;}

.left {float: left;}

.center {margin-left: auto; margin-right: auto;}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -350px;
    width: 600px;
    height: 400px;
    background-color: #FFF;
    color: #333;
    border: 5px solid #EEE;
    padding: 50px;
	z-index:9999;
}

.jqmWindow p {font-size:12px; color: #222;  line-height:18px;}

.jqmOverlay { background-color: #000;}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
/** html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}*/

.biocopy p{width:395px;}

.pic_col {width: 170px; position: relative; height: 330px; margin-top:30px;}

.pic_info {position: absolute; bottom: 0px;}

.pic_info p {font-size:10px; color: #999; width: 170px;}

.for_titles {position: relative;}

.leftcol_title {position: absolute; top: 50px; left: 25px;}

h2.leftcol_title {font-size: 28px; width: 250px; color: #FFF;}

#oam .banner {
	background-image:url(../images/oam.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:414px;
	height:568px;
	float:left;
}