*{
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}
a img,
img{
	border: 0;
	outline: 0;
	}
.clear{ 
	clear: both; 
	}

/* ----------------------  Main Elements -------------------------- */
a{
	color:#14843f;
	text-decoration: none; 
	outline:none;   /* Remove dashed frame for IE8,FF  */ 
}
a:hover{
	text-decoration:underline;
}
p{ 
	padding: 0 0 14px;
}
em{
	color:black;
	font-weight:bold;
}
p.em2{
	color:black;
	font-size:15px;
}
p.mem{
	color:black;
	font-weight:bold;
	font-size: 24px;
}
p.lem{
	color:black;
	font-weight:bold;
	font-size: 29px;
}
p.glem{
	color:#07843F;
	font-weight:bold;
	font-size: 52px;
}
p.gmem{
	color:#07843F;
	font-weight:bold;
	font-size: 36px;
}
p.gem{
	color:#07843F;
	font-weight:bold;
	font-size: 26px;
}
lglem{
	color:#89B46C;
	font-weight:bold;
	font-size: 52px;
}
lgmem{
	color:#89B46C;
	font-weight:bold;
	font-size: 36px;
}
lgem{
	color:#89B46C;
	font-weight:bold;
	font-size: 26px;
}
b{
	font-weight:bold;
}
ol, ul {
    list-style: none outside none;
}
.more{
	line-height:12px; 
}
.more a{
	font-size:12px;
	font-weight:bold;
}
.moreCeo{
	position:absolute;
	top:45px;
	left:747px;
}
.moreProcess{
	position:absolute;
	top:106px;
	left:470px;
}
.moreProjects{
	position:absolute;
	top:106px;
	left:470px;
}
.white a{
	color:#fff;
}
.content{
	font-size:12px;
	line-height:20px;
}
h2{
	font-size:30px;
	font-weight:bold;
	line-height:36px;
}
h3{
	font-weight:bold;
	color:#14843f;
}
h4{
	font-weight:bold;
}
.greenText{
	color:#14843f;
	font-weight:bold;
}
/* ----------------------------  Layout & Composition  ---------------------------------- */
body{
	color:#000;
	font-family:arial,sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	width:100%;
	text-align:center;
}
#wrap{
	width:909px;
	margin:0 auto;
	text-align:left;
	padding:5px 0 5px;
	position:relative;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.left-25{
	margin-left:25px;
}
.left-30{
	margin-left:30px;
}
.left-50{
	margin-left:50px;
}
.top-20{
	margin-top:20px;
}
.top-60{
	margin-top:60px;
}
.wide-100{
	width:100px;
}
#control{
    margin-top: 80px;
    padding-left: 100px;
    width: 909px;
}
	
/* ---------------------------------------  Header  ------------------------------------ */
#header{
	width:804px;
	position:relative;
	margin-left:77px;
	margin-bottom:10px;
}
#logo a{
	display:block;
	width:295px;
	height:109px;
	background:url(../images/logo.png) left top no-repeat;
}
#logo2 a{
	display:block;
	width:295px;
	height:109px;
	background:url(../images/stratogroup.png) left top no-repeat;
}
.login{
	position:absolute;
	top:12px;
	right:64px;
	display:block;
	width:371px;
	height:30px;
	background:url(../images/login.png) left top no-repeat;
}
.login input{
	width:88px;
	position:absolute;
	top:7px;
	border:0;
	background-color:#c1e0cf;
	font-size:12px;
}
input.name{
	left:62px;
	width:81px;
}
input.password{
	left:230px;
	width:81px;
}
input.enter
{
    left:336px;
    width:20px;
}
#wel{
	position:absolute;
	top:64px;
	left:333px;
	width:400px;
	color:#999;
	font-size:14px;
}
#pass a{
	position:absolute;
	top:40px;
	right:77px;
	color:#8fc8a8;
	font-size:10px;
}

/* ---------------------------------------  Navigation  ------------------------------------ */
#nav{
	margin-left:64px;
	z-index:999;
}
.home{
	position:absolute;
	top:124px;
}
.inner{
	padding-left:80px;
}
#nav li{
	float:left;
}
#nav li a{
	display:block;
	padding:8px 15px 10px 20px;
	background-color:#07843f;
	border-left:1px solid #000;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	letter-spacing:1px;
	text-shadow:0 0 1px #333;
}
#nav li a:hover{
	text-decoration:none;
	background-color:#0ab85c;
}
#nav li.current a{
	background-color:#055f2e;
}

#nav2{
	margin-left:64px;
	z-index:999;
}
#nav2 li{
	float:left;
}
#nav2 li a{
	display:block;
	padding:8px 15px 10px 20px;
	background-color:#A3CE89;
	border-left:1px solid #000;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	letter-spacing:1px;
	text-shadow:0 0 1px #333;
}
#nav2 li a:hover{
	text-decoration:none;
	background-color:#A3CE89;
}
#nav2 li.current a{
	background-color:#A3CE89;
}
#subnav{
	margin-left:0px;
	z-index:999;
}
.sub{
	position:absolute;
	top:247px;
}
#subnav li{
	float:left;
}
#subnav li a{
	display:block;
	padding:8px 15px 10px 20px;
	background-color:#cee2d5;
	border-left:0px solid #000;
	color:black;
	font-weight:bold;
	font-size:15px;
	letter-spacing:1px;
	text-shadow:0 0 1px #333;
}
#subnav li a:hover{
	text-decoration:none;
	background-color:#0ab85c;
}
#subnav li.current a{
	background-color:#82B895;
}
#subMenuBar {
    background-color: #07843F;
    height: 30px;
    left: 100px;
    position: absolute;
    top: 253px;
    width: 768px;
}
/* ---------------------------------------  Footer  ------------------------------------ */
.wrapper{
    position:absolute;
    top: 800px;
}
.wrapper2{
    position:absolute;
}

#footer {
    background-color: #07843F;
    height: 26px;
    margin: 0 auto;
    text-align: right;
    width: 909px;
	position: relative;
}
#footer2 {
    background-color: #07843F;
    height: 26px;
    margin: 0 auto;
    text-align: right;
    width: 909px;
	position: inherit;
}
#footer3 {
    background-color: #89B46C;
    height: 26px;
    margin: 0 auto;
    text-align: right;
    width: 909px;
	position: relative;
}

.copy{
    color: #fff;
    padding-right: 18px;
    vertical-align: middle;
}


/* ---------------------------------------  Index  ------------------------------------ */
#index_img{
	position:relative;
}
.fadeLogo{
    position:absolute;
    top: 178px;
    left: 696px;
}
.index_message{
    color: #FFFFFF;
	position:absolute;
	font-size:20px;
	line-height:33px;
	top:60px;
	left:108px;
	width:725px;
	text-align: justify;
}
.index_message .statement {
    color: black;
    font-size: 20px;
    left: 0px;
    line-height: 25px;
    position: absolute;
    text-align: justify;
    top: 140px;
    width: 722px;
}
.index_message1{
    color: #FFFFFF;
	position:absolute;
	font-size:20px;
	line-height:33px;
	top:60px;
	left:223px;
	width:725px;
	text-align: justify;
}
.index_message2{
    color: #FFFFFF;
	position:absolute;
	font-size:20px;
	line-height:33px;
	top:60px;
	left:0px;
	width:50px;
	text-align: justify;
}
.index_message3{
    color: #FFFFFF;
	position:absolute;
	font-size:15px;
	line-height:33px;
	top:194px;
	left:220px;
	width:725px;
	text-align: justify;
}
.index_post{
	position:absolute;
	top:650px;
	background-color: #82b895;
    width: 909px;
    height: 100px;
}
.index_post img{
	border:0px solid #ccc;
}
.index_post .content{
	position:absolute;
	top:-22px;
	left:295px;
	width:490px;
	text-align:justify;
	color:#fff;
}
.index_post .content h3{
	color:#fff;
}
.index_post_1{
	position:absolute;
	top: 489px;
	background-color: #cee2d5;
    width: 909px;
    height: 100px;
}
.index_post_1 img{
	border:0px solid #ccc;
}
.index_post_1 .content{
	position:absolute;
	top:-22px;
	left:295px;
	width:490px;
	text-align:justify;
	color:#fff;
}
.index_post_1 .content h3{
	color:#fff;
}
.index_post_2{
	position:absolute;
	top: 326px;
	background-color: #ecf4ee;
    width: 909px;
    height: 100px;
}
.index_post_2 img{
	border:0px solid #ccc;
}
.index_post_2 .content {
    color: #FFFFFF;
    left: 17px;
    position: absolute;
    text-align: justify;
    top: 39px;
    width: 1002px;
}
.index_post_2 .content h3{
	color:#fff;
}
.index_post_3 {
    height: 100px;
    left: 107px;
    position: absolute;
    top: 774px;
    width: 909px;
}
.index_post_3 img{
	border:0px solid #ccc;
}
.index_post_3 .content {
    color: #FFFFFF;
    left: 280px;
    position: absolute;
    text-align: justify;
    top: 34px;
    width: 102px;
}
.index_post_3 .content h3{
	color:#fff;
}
.index_post_3 .content a{
	color:#C46558;
}
.icon a{
	display:block;
	width:41px;
	height:62px;
	position:absolute;
	right:70px;
	bottom:-50px;
/*	background:url(../images/icon.jpg) left top no-repeat;*/
}
.w a{
	background:url(../images/icon_w.png) left top no-repeat;
}
.post{
	position:absolute;
	width: 909px;
	background-color: #07843F;
	height:36px;
}
.post .content{
	position:absolute;
	left:265px;
	top:0px;
	width:445px;
}

.post2{
	position:absolute;
	width: 909px;
	background-color: #89B46C;
	height:36px;
}
/* ---------------------------------------  Inner-01  ------------------------------------ */
#header .content{
	position:absolute;
	top:28px;
	left:353px;
	width:447px;
}
.crumb{
	margin-left:50px;
	font-size:12px;
	margin-top:10px;
}
.inner-col-1{
	width:625px;
	float:left;
	margin-top:15px;
}
.inner-col-1-1{
	width:225px;
	float:left;
}
.inner-col-1-2{
	width:400px;
	float:right;
}
.inner-col-2{
	width:284px;
	float:right;
	margin-top:15px;
}
.inner_01{
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid #000;
}
.inner_02{
	margin-left:40px;
}
.inner_02 img{
	margin:0 0 15px 15px;
}

/* ---------------------------------------  Inner-02  ------------------------------------ */
.top_img{
	position:absolute;
	top:0;
	right:0;
}
.inner-col-3{
	width:340px;
	float:left;
	margin-left:105px;
	padding:25px 0 20px 0;
	line-height:20px;
}
.inner-col-3 h4{
	margin:40px 0 30px 0;
}
.inner-col-4{
	width:400px;
	float:right;
	padding:20px 0 20px;
}
.inner-col-4 h4{
	margin:0 0 15px 15px;
}
.inner-col-4 h5 a{
	color:#000;
	padding-left:16px;
	background:url(../images/arrow.jpg) left center no-repeat;
	line-height:28px;
}
.inner-col-4 h5 a:hover{
	text-decoration:none;	
}
.inner-col-4 h5.active a{
	background:url(../images/arrow_act.jpg) left center no-repeat;
}
.toggle_container{
	width:260px;
	padding:10px 40px;
	border:2px solid #808080;
	margin:16px;
	font-size:11px;
}
.lead{
	font-size:14px;
	width:50px;
	float:left;
}
.info{
	float:right;
	width:200px;
}
/* ---------------------------------------  Buttons  ------------------------------------ */
.staticButtonG
{
    background: url(../Images/Rig-Black.png) no-repeat;
    height: 35px;
    width: 35px;
    border: none 0;
    font-weight: bold;
    font-size: 11px;
    color: #4D4C4C;
}
.staticButtonL
{
    background: url(Images/chn_button.png) no-repeat 0px 0px;
    height: 20px;
    width: 92px;
    border: none 0;
    font-weight: bold;
    font-size: 11px;
    color: #4D4C4C;
}
.staticButtonS
{
    background: url(Images/chn_button_sm.png) no-repeat 0px 0px;
    height: 20px;
    width: 62px;
    border: none 0;
    font-weight: bold;
    font-size: 11px;
    color: #4D4C4C;
}
.hoverButtonG
{
    background: url(../Images/Rig-Red.png) no-repeat;
    height: 35px;
    width: 35px;
    border: none 0;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    color: #336699;
}
.hoverButtonL
{
    background: url(Images/chn_button.png) no-repeat 0px -20px;
    height: 20px;
    width: 92px;
    border: none 0;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    color: #336699;
}
.hoverButtonS
{
    background: url(Images/chn_button_sm.png) no-repeat 0px -20px;
    height: 20px;
    width: 62px;
    border: none 0;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    color: #336699;
}
/* ---------------------------------------  Survey  ------------------------------------ */
.survey
{
    top: 25px;
    position:relative;
}
.survey .col1
{
    position:relative;
    top: 7px;
    left: 0px;
}
.survey .col2 {
    left: 358px;
    position: absolute;
    top: 46px;
}
.survey .col3 {
    left: 116px;
    position: relative;
    top: 29px;
}
.survey .col4 {
    left: 198px;
    position: relative;
    top: 72px;
}
/* ---------------------------------------  Strato  ------------------------------------ */
.strato
{
    top: 25px;
    position:relative;
}
.strato .col1
{
    position:relative;
    top: 0px;
    left: 0px;
    width: 5px;
}
.strato .col2 {
    left: 0px;
    position: absolute;
    top: 174px;
    width: 5px;
}
.strato .col3 {
    left: 0px;
    position: relative;
    top: 238px;
    width: 5px;
}
.strato .col4 {
    left: 0px;
    position: relative;
    top: 278px;
}
/* ------------------------------------  Basin ---------------------------------------- */
.basinHeader {
    height: 70px;
    left: 0;
    position: relative;
    top: 10px;
    width: 766px;
}
.basinHeader .label {
    color: White;
    font-size: 20px;
    font-weight: bold;
    left: 24px;
    position: absolute;
    top: 9px;
}
.basinHeader .left {
    background: url("../Images/basin-right.png") no-repeat scroll left top transparent;
    height: 40px;
    left: 0;
    position: relative;
    top: -2px;
    width: 10px;
}
.basinHeader .middle {
    background-color: #07843F;
    height: 38px;
    left: 10px;
    width: 745px;
    position: relative;
    top: -40px;
}
.basinHeader .right {
    background: url("../Images/basin-left.png") no-repeat scroll left top transparent;
    height: 40px;
    left: 755px;
    position: relative;
    top: -80px;
    width: 10px;
}
.montage {
    border-width: 0;
    left: -95px;
    position: relative;
    height: 742px;
}
/* Modal Popup */
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    background-color: White;
    border-style: solid;
    border-width: 3px;
    border-color: Gray;
}

