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

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

body{margin:0px; padding:0px;background-image:url(images/bodybg.jpg);background-repeat:repeat-x; background-color:#e1e2e4;}

.mainbody{margin:0px; padding:0px;background-image:url(images/bodybg.jpg);background-repeat:repeat-x; background-color:#e1e2e4;}


#outermain{ margin-left:auto;margin-right:auto; width:953px;}

html>body #outerbg{width:953px; float:left;background-image:url(images/outerbg.png);background-repeat:repeat-y;}

html #outerbg{width:953px; float:left;background: none; 


}

#cantaintmain{width:903px;margin-left:auto;margin-right:auto;}

/* header */
#headermain_inner{ width:903px; float:left; height:344px;background-image:Url(images/headerbg1.jpg);background-repeat:no-repeat; }
#home1{ width:903px; float:left; height:344px;background-image:Url(images/home1.jpg);background-repeat:no-repeat; }
#home2{ width:903px; float:left; height:344px;background-image:Url(images/home2.jpg);background-repeat:no-repeat; }
#home3{ width:903px; float:left; height:344px;background-image:Url(images/home3.jpg);background-repeat:no-repeat; }
#home4{ width:903px; float:left; height:344px;background-image:Url(images/home4.jpg);background-repeat:no-repeat; }
#home5{ width:903px; float:left; height:344px;background-image:Url(images/home5.jpg);background-repeat:no-repeat; }
 
#aboutus{ width:903px; float:left; height:344px;background-image:Url(images/aboutus.jpg);background-repeat:no-repeat; } 
#services{ width:903px; float:left; height:344px;background-image:Url(images/services.jpg);background-repeat:no-repeat; }
#ourclients{ width:903px; float:left; height:344px;background-image:Url(images/ourclientsheader.jpg);background-repeat:no-repeat; }
#community{ width:903px; float:left; height:344px;background-image:Url(images/community.jpg);background-repeat:no-repeat; }
#projects{ width:903px; float:left; height:344px;background-image:Url(images/projects.jpg);background-repeat:no-repeat; }
#safety{ width:903px; float:left; height:344px;background-image:Url(images/safety.jpg);background-repeat:no-repeat; }
#contact{ width:903px; float:left; height:344px;background-image:Url(images/contactheader.jpg);background-repeat:no-repeat; }

 
#headernav{  float:right; height:40px; text-align:right; z-index:500; clear:both;/* background-color:#0c2a32;opacity:0.72;filter:alpha(opacity=40);*/}




.nav_saprater{padding: 7px 0px 7px 0px ;background-image:Url(images/spacer.jpg);background-repeat:no-repeat; width:1px;}


#logomap{ width:340px; float:left; height:297px; position: absolute;
               z-index:200; left:50px; top:-40px;
			   } 

#logomap1{ width:250px; float:left; height:260px; position: absolute;
               z-index:250; left:700px; top:680px;
			   }


 
html #logo{ width:340px; float:left; height:297px; position: relative;z-index:200; left:0px; top:-40px;background:none;
			   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');background-repeat:no-repeat;} 
html>body #logo{ width:340px; float:left; height:297px; position: relative;background-image:Url(images/logo.png);
               z-index:200; left:0px; top:-40px;
			    background-repeat:no-repeat;} 

#headericon{ width:186px; float:right; height:14px; text-align:right; padding-right:22px;padding-top:18px;/* border:1px solid #FF0000;background-color:#7aff40;*/} 

.headericon_1{ width:12px; float:left; height:12px; padding-top:2px;} 
.headericon_2{ width:35px; float:left; height:12px;} 
.headericon_3{ width:10px; float:left; height:12px;padding-top:2px;} 
.headericon_4{ width:28px; float:left; height:12px;} 
.headericon_5{ width:17px; float:left; height:12px; padding-right:5px;padding-top:2px;} 
.headericon_6{ width:35px; float:left; height:12px;} 

/*Content */

#contentmain{ width:903px; float:left;background-image:Url(images/contentbg.jpg);background-repeat:repeat-x; background-color:#FFFFFF;}
#contentbox{ width:849px; float:left;padding:0px 26px 0px 28px; position:relative; top:-35px; z-index:10 }
.contentbox_1{ width:283px; float:left; height:340px;}


#content_welcome_home{ width:839px; float:left;padding:0px 26px 0px 38px; background-image:Url(images/contentright.jpg);background-repeat:no-repeat;background-position:650px 0px;}


#content_welcome{ width:839px; float:left;padding:0px 26px 0px 38px; }


#welcome_left{ width:594px; }
#welcome_right{ width:245px; float:right;}



/*Footer */

#Footertmain{ width:853px; float:left; height:15px; display:block;  margin:0px; padding:0px;background-color:#e8e7e6; padding:25px 0px 23px 50px;}
#Footer_left{ width:500px; float:left; font-family:Arial; font-size:11px; color:#153943;}



#Footer_right{ width:230px; float:right; padding-left:0px; }








/*inner pages*/

#welcome_inner{ width:800px; float:left; font-family:Arial; font-size:12px; font-weight:normal; color:#1d2228; text-align:left;  line-height:18px; padding-left:10px;}

/* project detail page*/

.project_detail{ width:830px; float:left; margin-top:10px; padding-left:15px;}


.project_detail_box{ width:199px; height:148px; float:left; padding:3px;}



.port_small_title{ float:left;  background-color:#00FF00; height:30px; width:800px;}

.portfolio_small_line{ height:10px;background-image:Url(images/portf_line.jpg);background-repeat:no-repeat; float:left; width:800px;margin-top:20px;}

/*Portfolio pages*/


.portfolio_box_1{ width:850px; float:left; }



 .portfolio_top_n{ width:850px; float:left; height:37px; background:transparent url(images/portfolio_top.jpg) no-repeat;}












html>body .portfolio_top{ width:850px; float:left; height:37px; background:transparent url(images/portfolio_top.png) no-repeat;}

html .portfolio_top{ width:850px; float:left; height:37px;background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/portfolio_top.png') no-repeat;}

html>body .{ width:850px; float:left; background-image:Url(images/portfolio_mid.png); background-repeat:repeat-y;}

html .portfolio_mid{ width:850px; float:left;background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/portfolio_mid.png')repeat-y;}

html>body .portfolio_bot{ width:850px; float:left; height:21px; background:transparent url(images/portfolio_bot.png) no-repeat; }

html .portfolio_bot{ width:850px; float:left; height:21px;background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/portfolio_bot.png') no-repeat;}




.portfolio_main{ width:800px; float:left; height:37px; padding-left:25px;}
.portfolio_main_text{ width:800px; float:left; height:37px;}



.portfolio_title{ width:750px; float:left; height:37px; padding-left:25px;}



.portfolio_title_2{ width:200px; float:right; height:37px; padding-left:25px;}



.project_main_text{ width:auto; float:left; height:37px; }

.portfolio_Maincategory_title{ width:550px; float:left; height:37px;}


.portfolio_title_text_right{ width:150px; float:left; height:37px;}









#portfolio_mid_left{ width:428px; float:left;margin-left:19px; margin:0px; padding:0px;}

.project_mid_left_top{ width:800px; float:left;margin-left:14px;}

.portfolio_mid_left_product{ width:428px; float:left; margin-top:10px; }

#portfolio_mid_right{ width:330px; float:left;margin-left:19px;}

#portfolio_mid_right_projects{ width:800px; float:left;margin-left:25px;}

#portfolio_mid_right_inner{ width:800px; float:left;margin-left:19px;padding:5px 5px 0px 0px; }



#right_detail  li{padding:2px 0px 2px 8px; font-family:Arial; font-size:14px; line-height:20px; clear:both; list-style-type:none; background-image:Url(images/black_icon.jpg); background-repeat:no-repeat; background-position:0px 11px;}


#portfolio_contentbox{ width:849px; float:left;clear:both; }



/* project top title*/
.project_top_title{ width:400px; float:left; height:37px; padding-left:25px;}
/* end project top title*/
/* titl  right part*/

.portfolio_title_projects{width:200px; float:right; height:37px;}
.portfolio_title_icon{ width:12px; height:37px; float:left;}
.portfolio_title_privious_1{width:75px; float:left; height:37px;}
.portfolio_title_space{ width:10px; float:left; height:37px;}
.project_title_text_next{ width:47px; float:left; height:37px; }
.portfolio_title_text{ width:140px; float:left; height:37px; }

/* Page content  part*/
.pagecontent_title_text{ width:400px; float:left; height:30px; }