@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;}

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

hr {width: 60%; height: 1px; color: #222; margin-top: 30px; margin-bottom: 30px; border: none; background-color: #999;}

/* 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 {
	background-image:url(../images/container_middle.png);
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0px 15px;
	width:930px;
	height:568px;
	float:left;
}
.clientcontent {
	overflow:auto;
	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 {
	display:inline-block;
	float:left;
	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:91px;
}
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 */
}

.scrollButtons {
    position: absolute;
    top: 400px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -50px;
	height:100px;
	width:100px;
	background-image:url(../images/left.gif);
	background-color:#000;
}

.scrollButtons.right {
    right: -50px;
	height:25px;
	width:25px;
	background-image:url(../images/right.gif);
}
.scrollButtons.left:hover, .scrollButtons.right:hover {
	background-position: 0 -25px;
}

.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 {
	float:right;
	height:568px;
	width:506px;
}

#oam .content {	float:left;
	height:568px;
	width:486px;
	margin-left: 20px;
} 

#oam p {width: 460px;}

#energy.clientpanel, #water.clientpanel,#mining.clientpanel,#technology.clientpanel {

	padding:10px;

}
#services .banner {
	background-image:url(../images/services.jpg);
}
#contact .banner {
	background-image:url(../images/contact.jpg);
	background-position:top;
	background-repeat:no-repeat;

}

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

.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;
}


#oam .content {float: left; width: 450px; margin-left: 20px;}

.for_titles {position: relative;}

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

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

/* Contact Address Formatting */

.add1 {position: absolute; top: 210px; left: 25px; color:#FFF; font-size: 12px; font-weight: bold;}

.add2 {position: absolute; top: 30px; left: 260px; color:#FFF; font-size: 12px; font-weight: bold;}

.add3 {position: absolute; top: 210px; left: 497px; color:#FFF; font-size: 12px; font-weight: bold;}