@charset "utf-8";
/* CSS Document */
html,body{ font-size:12px; font-family:"Helvetica","Arial";  background:#f2f9f2; height:100%; width:100%; padding:0; margin:0}
#wrap{ height:auto; width:100%;}
div.clear{ clear:both; }
#header{ width:925px; text-align:left; padding:28px 0 0 77px;+padding:33px 0 0 77px; height:42px}

#ha{ background:url(../images/text_common.gif) no-repeat; display:block; width:194px; height:9px; }
#contentWrap{ width:100%; background:#e6e6e6;  position:relative;}
#contentWrap2{ width:941px; padding-left:61px; position:relative; top:0 }
#content{ width:941px;  height:446px;  text-align:left; position:relative; z-index:1}
.project_c{background:#FFF url(../images/projectsbg.gif) right repeat-y;}

#con_1{ float:left; width:703px; background-color:#FFF; height:446px;}

#conTitle{ width:703px; height:48px; background-repeat:no-repeat; background-position:16px 18px}
.pro_title{ background-image:url(../images/titleProjects.gif)}

#main{ font-size:11px; line-height:17px; COLOR: #666; padding:36px 0 0 16px;text-align:left; position:relative; z-index:1 }

#main_1{ width:263px; float:left; padding-right:16px;  }
#main_2{ width:253px; float:left;padding-right:35px;}
#main_3{ width:121px; float:left; height:auto;}
#main_4{ float:left;width:218px; height:auto; padding-left:12px }
#main_3 a,#main_4 a{ display:block}
#bar{ float:left; width:60px; height:200px; background:#993366}
.span_1{COLOR: #f28f20}

#map{ width:890px;height:386px; padding:52px 13px 8px; background:#000;  position:absolute; z-index:10; top:0; left:46px; display:none; text-align:left; overflow:hidden; z-index:100}
#nous{ position:absolute; top:0; height:446px; width:70px; background:#E7E7E7; right:1000px; z-index:10; display:none}
#showImg{ position:absolute; right:0; top:0; width:717px; height:446px; background-repeat:no-repeat; background-position:right top; display:none; }
#mLists{ position:absolute; bottom:5px; left:21px; width:auto; height:auto; display:none;}
#mLists table tr td{ width:40px; height:40px; text-align:center; vertical-align:middle; background:#6d6d6d; border:1px solid #6d6d6d}
#mLists table tr td img{ cursor:pointer}
#mTitle{ color:#f7941d; width:130px; line-height:14px; height:52px; padding-left:15px }
#mBrief{ color:#ffffff; width:280px;line-height:14px; position:absolute; left:-280px; top:104px; z-index:10; font-size:11px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; height:300px}
#close{ position:absolute; top:3px; right:3px; display:block; color:#f28f20; text-decoration:none; font-size:10px; background:#333; padding: 1px 2px 2px;+padding: 2px 2px 1px; line-height:10px}

#close2{ position:absolute; top:3px; right:3px; display:block; width:31px; height:29px; background:url(../images/close.gif);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";  
    filter:alpha(opacity=20);  
    opacity: .2;   
}

#main_3 a{ display:block;height:10px; font-size:0; width:109px; background-repeat:no-repeat; background-position:0 0; margin-bottom:11px}
#main_4 a{ display:block;height:8px; font-size:0; width:215px; background-repeat:no-repeat; background-position:0 0; margin-bottom:11px}
#main_4 a:hover{background-position:0 -9px;}
#main_4 a.sel{background-position:0 -9px;}


#leftBar{ width:215px; height:210px; background:#242424; position:absolute; top:143px; left:-228px; padding:12px 10px 5px 13px; z-index:100}
#leftBar #btn{ position:absolute; top:0; right:-10px; border-left:2px solid #000; width:8px; height:43px; cursor:pointer; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/hish.gif) }
#barMain{ width:215px}
#barMain a{ display:block; height:8px; font-size:0; width:215px; background-repeat:no-repeat; background-position:0 0; margin-bottom:6px}
#footer{ width:925px; height:56px; text-align:left; padding:12px 0 0 77px!important;+padding:15px 0 4px 77px!important;+padding:19px 0 0px 77px; position:relative;}
#footer a{ display:block; float:left; height:7px; font-size:0; margin-right:40px }
#footer a#home{ height:14px; position:absolute; left:784px; top:12px}
#footer a img { border:none}
#footer a img.i{ display:none}

