/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {
    margin:0px;
    padding:0px;
    border:0px;
}

* {
    margin: 0;
    padding: 0;
}
input, textarea, select, button {font-family: Arial; }

h1 {font-size: 30px; }
h2 {font-size: 24px; }
h3 {font-size: 20px; }
h4 {font-size: 14px; }
h5 {font-size: 11px; }

html {height: 100%;}

body {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #97a167 url(../img/background.jpg) top center no-repeat;
}

    .normal-block {
        width: 100%;
        float: left;
    }
    
    img.left { float: left; margin: 7px 20px 20px 0;}
    img.right { float: right; margin: 7px 0 20px 20px;}  
    .center { text-align: center; } 
    
    .margin-20 {margin-top: 20px;} 
    .margin-30 {margin-top: 30px;} 
    .margin-40 {margin-top: 40px;} 

    .empty-20 {
        width: 100%;
        float: left;
        margin-top: 20px;
    }
/* ********** WRAPPER ********** */

#wrapper {
    width: 970px;
    margin: 0 auto;
}

/* ********** HEADER ********** */

#header {
    width: 968px;
    float: left;
    border-top: 1px solid #c8cdb0;
    border-left: 1px solid #c8cdb0;
    border-right: 1px solid #c8cdb0;
}

    /* *** MENU-BLOCK *** */
   #header .menu-block {
       width: 100%;
       float: left;
       border-bottom: 1px solid #c8cdb0;
       background: #dfe2d5 url(../img/menu_block_bg.jpg) top repeat-x;
   }
   
       #header .menu-block .logo {
           float: left;
           display: inline;
           padding: 9px 9px 9px 19px;
       }

    .head-shadow {
        width: 100%;
        height: 10px;
        float: left;
        background: url(../img/head_shadow.png) top repeat-x;
    }
    
    .menu {
        float: right;
        margin-top: 52px;
    }
    
        .menu ul {
            float: right;
            list-style: none;
            background: #313f0d url(../img/menu_bg.jpg) top repeat-x;
        }
        
            .menu ul li {
                height: 30px;
                float: left;
                background: url(../img/menu_sep_left.jpg) left top no-repeat; 
            }
        
            .menu ul li a {
                float: left;
                font-size: 13px;
                color: #fff;
                text-transform: uppercase;
                text-decoration: none;
                padding: 7px 15px;
                background: url(../img/menu_sep_right.jpg) right center no-repeat;
            }
            
            .menu ul li a:hover {
                background: #303e0b;
            }

    /* ****** MENU ****** */


    .cl { clear:left; }
    
    .menu ul li ul {
    	left:-999em;
    	position:absolute;
        float: left;
    	width:200px;
        border: 1px solid #c8cdb0;
        background: #303e0b;
		z-index: 99;
    }
    
    .menu ul li ul li a {
        width: 170px;
        float: left;
        background: none;
        font-size: 11px;
        color: #c8cdb0;
        text-transform: uppercase;
        text-decoration: none;
        padding: 8px 15px;
    }
    
        .menu ul  li ul li {
            background: none;
            border-top: 1px solid #59653c;
        }
        
        .menu ul li ul li:first-child {
            border-top: none;
        }
    
    .menu ul li ul li a:hover {
        background: #918300;
    }
    
    .menu ul li:hover ul { left:auto; }
    
    .menu li:hover ul, .menu li.sfhover ul {
        left:auto;
    }



    /* ****** SUB-MENU ****** */
   
   .sub-menu {
       width: 100%;
       float: left;
   }
   
       /* *** service-page *** */
       .service-page .sub-menu-img {
           width: 100%;
           height: 290px;
           float: left;
           background: url(../img/menu_services.jpg) top no-repeat;
       }
       .service-page .sub-menu-img .transparent-text {
           margin-top: 182px;
       }
       
           .service-page .sub-green {
               width: 892px;
               float: left;
               padding: 10px 38px;
               background: #303e0b;
           }
           
               .service-page .sub-green-block {
                   width: 220px;
                   height: 17px;
                   float: left;
                   padding: 3px 0;
               }
               
               .service-page .sub-green-block a {
                   font-size: 11px;
                   color: #fff;
                   text-decoration: none;
                   text-transform: uppercase;
                   padding-left: 10px; 
                   background: url(../img/sub_mark.png) center left no-repeat;
               }
               
               .service-page .sub-green-block a:hover {
                   text-decoration: underline;
               }
       
       
       /* *** contact-page *** */
       .contact-page .sub-menu-img {
           width: 100%;
           height: 259px;
           float: left;
           background: url(../img/menu_contact_us.jpg) top no-repeat;
       }
       .contact-page .sub-menu-img .transparent-text {
           margin-top: 217px;
       }
       
       
       /* *** projects-page *** */
       .projects-page .sub-menu-img {
           width: 100%;
           height: 290px;
           float: left;
           background: url(../img/menu_7g_projects.jpg) top no-repeat;
       }
       .projects-page .sub-menu-img .transparent-text {
           margin-top: 250px;
       }
       
       /* *** home-page *** */
       .home-page {
           width: 968px;
           float: left;
           
       }
       .home-page .sub-menu-img {
           width: 723px;
           height: 190px;
           float: left;
           border: 1px solid #c8cdb0;
           background: url(../img/menu_home.jpg) top no-repeat;
       }
       .home-page .transparent-text {
           width: 100%;
           float: left;
           margin-top: 139px;
           padding: 8px 0;
       }
       .home-page .transparent-text p {
           font-size: 15px;
           color: #fff;
           text-transform: none;
       }
       
           .home-page .transparent-text button.transparent-button {
               width: 100px;
               height: 25px;
               float: right;
               display: inline;
               margin: 5px 12px 0;
               border: none;
               background: url(../img/transparent_button.png) top no-repeat;
               font-size: 12px;
               color: #fff;
               text-transform: uppercase;
               cursor: pointer;
           }
       
    /* *** our-clients *** */
    .our-clients {
        width: 235px;
        float: right;
    }
    
        .our-title {
            width: 220px;
            float: left;
            padding: 4px 5px 4px 10px;
            background: #303e0b;
        }
        
            .our-title p {
                float: left;
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
                color: #fff;
            }
        
        .our-inner {
            width: 233px;
            height: 168px;
            float: left;
            border: 1px solid #c8cdb0;
			background: #505b31;
        }
    
        
       
    .transparent-text {
        width: 100%;
        float: left;
        padding: 12px 0;
        background: url(../img/transparent_bg.png) top repeat;
    }
    
        .transparent-text p {
            margin: 0 35px;
            font-size: 15px;
            color: #c8cdb0;
            text-transform: uppercase;
        }
        
        .transparent-text p img {
            vertical-align: middle;
            margin: 0 5px;
        }
        
            .transparent-text p span {font-weight: bold;}

    .sub-menu-text {
        width: 898px;
        float: left;
        padding: 25px 35px;
        background: #303e0b;
        color: #c8cdb0;
    }
    
        .sub-menu-text p {
            font-size: 16px;
            color: #c8cdb0;
            text-align: justify;
            line-height: 22px;
        }
        
        .sub-menu-text p a {
            color: #f4f5f1;
        }
        
        .sub-menu-text p a:hover {
            text-decoration: none;
        }
        
/* ********** CONTENT ********** */

#content {
    width: 892px;
    float: left;
    padding: 20px 38px 40px;
    background: #fff;
    color: #303e0b;
    border-left: 1px solid #c8cdb0;
    border-right: 1px solid #c8cdb0;
}

.subpage_content {
	padding-top: 25px !important;
}

    .text_page p {
        color: #303e0b;
        line-height: 20px;
        text-align: justify;
    } 
    
    .text_page img {
        border: 5px solid #96a065;
    }

    /* *** text-block *** */

   
       .text_page h3 {
           border-bottom: 1px solid #c8cdb0;
           text-transform: uppercase;
           padding-bottom: 5px;
           margin-bottom: 20px;
		   margin-top: 25px;
           font-weight: 900;
       }
		.text_page h4 {
			font-weight: 900;
			font-size: 16px;
			text-transform: uppercase;
			color: #96a066;
			margin-bottom: 5px;
			
		}
   
       .text_page ul, .text_page ol {
           margin: 10px 0;
           font-weight: bold;
           padding: 10px 30px;
		   background: #f1f2eb;
       }
       
           .text_page ul li, .text_page ol li {
               margin-top: 4px;
           }
   
       .text_page .grey-ul {
           background: #f1f2eb;
       }
   
       .text_page .small-ul {
           width: 560px;
       }
	   
	   .text-block {
			background: #f1f2eb;
			width: 847px;
			padding: 13px 30px 17px 17px;
			margin: 10px 0 0 0;
	   }
       
	   .text-block .first {
			margin-bottom: 10px;
			
	   }
       
/* *** BACK-TO-TOP *** */
.back-to-top {
    width: 968px;
    float: left;
    background: #fff;
    padding-bottom: 30px;
    border-bottom: 1px solid #c8cdb0;
    border-left: 1px solid #c8cdb0;
    border-right: 1px solid #c8cdb0;
}       

    .back-to-top a {
        float: left;
        padding: 15px 30px; 
        font-size: 11px;
        color: #303e0b;
        background: #c8cdb0;
    }
    
    .back-to-top a img {
        text-decoration: none;
        font-size: 14px;
    }
   

/* ********** FOOTER ********** */

#footer {
    width: 100%;
    float: left;
    height: 80px;
    padding: 10px 0 20px;
}

    #footer p {
        font-size: 11px;
        color: #303e0b;
        text-align: center;
        margin: 20px 0;
		line-height: 20px;
    }
	
	 #footer a {
        font-size: 11px;
        color: #303e0b;
		text-decoration: none;
    }
	
	 #footer a:hover{
		text-decoration: underline;
	 }



/* ****** FOR HOME.HTML ****** */

.home-block {
    width: 235px;
    float: left;
    display: inline;
    margin-top: 10px;
    font-size: 12px;
}

.margin {
    margin-right: 10px;
}

    .home-block p {color: #303e0b; }

    .home-title {
        width: 215px;
        float: left;
        padding: 5px 10px;
        background: #303e0b;
    }
    
        .home-title p {
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #fff;
        }
        
    .home-inner {
        width: 215px;
        height: 125px;
        float: left;
        padding: 10px 9px 5px;
        border: 1px solid #c8cdb0;
        background: #fff;
    }
    
        .home-inner p {
            font-size: 12px;
        }
        
        .home-inner ul {
            padding-left: 15px;
            list-style: square;
            margin-top: 5px;
        }
        
        .home-inner ul li {
            margin-top: 2px;
        }
        
        .home-inner ul li a {
            font-weight: bold;
            color: #303e0b;
        }

        .home-inner ul li a:hover {
            text-decoration: none;
        }

    .construction {background: #fff url(../img/home_construction.jpg) bottom right no-repeat; }
    .oil {background: #fff url(../img/home_oil.jpg) bottom right no-repeat; }
    .water {background: #fff url(../img/home_water.jpg) bottom right no-repeat; }
    .management {background: #fff url(../img/home_management.jpg) bottom right no-repeat; }
    .consulting {background: #fff url(../img/home_consulting.jpg) bottom right no-repeat; }
    .logistics {background: #fff url(../img/home_logistics.jpg) bottom right no-repeat; }
    .capacity {background: #fff url(../img/home_capacity.jpg) bottom right no-repeat; }
    .operation {background: #fff url(../img/home_operation.jpg) bottom right no-repeat; }

    
    
    
/* ****** FOR PROJECTS.HTML ****** */

.project-block {
    width: 290px;
    float: left;
    display: inline;
    margin-bottom: 10px;
    color: #303e0b;
    font-size: 12px;
}

.project-block p {
    color: #303e0b; 
    font-size: 12px;
    margin: 8px 0;
}

.project-block a {
    color: #303e0b;
}

.project-block a:hover {
    text-decoration: none;
}

a.view-link {
    font-weight: bold;
    margin-left: 5px;
}

#content .project-block a img {border: none;}

    .project-title {
        width: 250px;
        height: 40px;
        float: left;
        padding: 15px 20px 15px;
        background: #918300;
    }
    
        #content .project-title p {
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            text-align: left;
            margin: 0;
        }
        
    .project-inner {
        width: 250px;
        height: 420px;
        float: left;
        padding: 10px 20px;
        background: #f1f2eb;
    }
    
        .project-inner p {
            line-height: 17px;
        }

        
        
        
/* ****** FOR CONTACT.HTML ****** */

.contact {
    width: 100%;
    float: left;
}

    .contact-title {
        width: 100%;
        float: left;
        padding: 7px 0;
        border-bottom: 1px solid #c8cdb0;
    }
    
        .contact-title h3 {
            text-transform: uppercase;
        }

    .contact-inner {
        width: 100%;
        float: left;
        padding: 30px 0;
        background: #f1f2eb;
    }
    
        .contact-block {
            width: 100%;
            float: left;
            padding-top: 11px;
        }
        
        .contact-block .left {
            width: 275px;
            float: left;
            text-align: right;
        }
		
		.contact-block .left p{
			text-align: right;
		}
        
            .contact-block .left p {
                font-weight: bold;
                font-size: 12px;
                color: #666666;
                margin-top: 8px;
            }
        
        .contact-block .right {
            width: 590px;
            float: right;
        }
        
            .contact-block .right span {
                font-size: 11px;
                color: #97a167;
                margin-left: 14px;
            }
        
            .contact-block input {
                width: 285px;
                height: 16px;
                padding: 5px;
                border: 2px solid #c4c9a9;
            }
            
            .contact-block textarea {
                width: 295px;
                height: 85px;
                font-size: 12px;
                border: 2px solid #c4c9a9;
            }
            
            input.submit-button {
                width: 100px;
                height: 28px;
                border: 1px solid #c8cdb0;
                background: url(../img/menu_bg.jpg) top repeat-x;
                text-transform: uppercase;
                font-size: 14px;
                color: #fff;
                cursor: pointer;
            }
			
			a.B_crumb {
				color: #c8cdb0;
				text-decoration: none;
			}
			
			.B_lastCrumb {
				color: #ffffff;
			}

			.contact-title h3 {
				margin-bottom: 0px;
				margin-top: 0px;
			}
			
			.contact-title {
				padding-bottom: 0;
			}
			
/* Slider */

#head {
   position: relative; /* important */
   overflow: hidden; /* important */
   width: 723px;
   height: 190px;
   float: left;
   border: 1px solid #c8cdb0;
   
}



#headContent {
   width: 723px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 0;
   margin: 0;
   list-style: none;
}

.headImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   margin: 0;
   padding: 0;
}

.headImage img{
	margin:0;
}

.headImage p {
	width: 560px; 
	float: left;
	padding-left: 7px;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial;
	color: #ffffff;
	margin-bottom: 12px;
	vertical-align: middle;
}

.headImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px 0;
   width: 700px;
  
   color: #fff;
   display: none; /* important */
   bottom: 0;
   background: url("../img/transparent_bg.png") repeat scroll center top transparent;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.bottom {
	bottom: 0;
    left: 0;
}

a.read_more {
	display: block;
	width: 100px;
	padding-top: 25px;
	background: url(../img/read_more.png) no-repeat; 
	float: right;
	margin-bottom: 12px;
	line-height: 0;
	vertical-align: middle;
}

a.read_more:hover{
	background: url(../img/read_more_active.png) no-repeat; 
}

/********** Slider **********/
.our-inner li {
	border: none !important;
}
	.our-inner ul, .our-inner li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.our-inner, .our-inner li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}	
	
	.our-inner img {border: none !important;}
	
	
	/**
 *  Horizontal Buttons
 */
 .jcarousel-next-horizontal {
    width: 13px;
    height: 13px;
    cursor: pointer;
	float: right;
    background: url(../img/our_right_but.jpg) no-repeat;
	margin-right: 2px;
}

.jcarousel-prev-horizontal {
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: url(../img/our_left_but.jpg) no-repeat;
	float: right;
	margin-right: 5px;
}