/*general*/
body,div,ul,ol,li,span,img,p,a,table,tbody,tr,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6{border:none;margin:0;padding:0}
body{color:#333333;font-size:12px; font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;}
input,select,textarea{margin:0;padding:0; vertical-align:middle;font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;}
ul,li{list-style:none}
a{color:#333333;text-decoration:none}
a:hover{color:#333333;text-decoration:underline}
.clear{clear:both;}
.fl{float:left}
.fr{float:right}

body{ background:#efefef url(../images/body_bg.jpg) no-repeat center top;}
#main{ width:984px; margin:0 auto;}
#header{height:284px; margin:20px auto 10px; background:url(../images/header_bg.png) no-repeat left top; padding-top:1px;}
#header_left{ width:182px; float:left; overflow:hidden;}
#banner{ width:802px; float:right; overflow:hidden; position:relative;}
#email{ display:block; background:url(../images/email_btn.png) no-repeat left top; width:117px; height:39px; overflow:hidden; text-indent:-999em; position:absolute; right:0; top:0;}

.banner_contact{background:url(../images/contact_banner.png) no-repeat right top}
.banner_home{background:url(../images/homepage_banner.png) no-repeat right top}
.banner_projects{background:url(../images/projects_banner.png) no-repeat right top}
.banner_publications{background:url(../images/publications_banner.png) no-repeat right top}
.banner_services{background:url(../images/services_banner.png) no-repeat right top}

#logo{ width:132px; height:109px; margin:30px auto 10px;}
#nav{ margin-left:3px;} 
#nav ul li{ height:23px; width:178PX;}
#nav ul li a{ display:block; width:178px;height:23px; font-size:14px; line-height:1.6em; color:#005A84; padding-left:24px;}
#nav ul li a:hover,#nav ul li a.hover,#nav ul li a.btn{ background:url(../images/nav_hov.png) no-repeat left top; color:#FFFFFF; text-decoration:none;}

#main_con{}
.index_box{ width:318px; float:left; margin-right:15px;}
.index_box.end{ margin:0;}
.index_box_tit{ height:39px; font-size:18px; color:#FFFFFF; line-height:2.0em; padding-left:20px;}
.index_box_tit.tit01{ background:url(../images/box1_tit.png) no-repeat left top;}
.index_box_tit.tit02{ background:url(../images/box2_tit.png) no-repeat left top;}
.index_box_tit.tit03{ background:url(../images/box3_tit.png) no-repeat left top;}
.index_box_con{ height:165px;}
.index_box_con.con01{ background:url(../images/box1_con.png) no-repeat left bottom;}
.index_box_con.con02{ background:url(../images/box2_con.png) no-repeat left bottom; padding-right:90px;}
.index_box_con.con03{ background:url(../images/box3_con.png) no-repeat left bottom; padding-right:75px;}

.index_box_con p{ font-size:11px; padding:5px 20px 5px; line-height:1.4em;}
.index_box_con p.textinfo{ height:85px;}
.more_btn{ display:block; width:175px; height:34px; background:url(../images/more_btn.png) no-repeat left top; text-indent:-999em; overflow:hidden; margin-top:10px;}

#footer{ padding:5px 15px; font-size:11px;}
#footer span{ float:right;}
#footer p{ margin:3px 0;}


#content{ background:url(../images/conbg_top.png) no-repeat left top; padding-top:10px; position:relative;}
#content_area{ background:url(../images/con_bg_bottom.png) no-repeat left bottom;}

#bar_title{ position:absolute; top:0; left:0; z-index:500; width:182px; height:40px; background:url(../images/leftbar_title.png) no-repeat left top; font-size:18px; line-height:2.0em; color:#FFFFFF; text-indent:20px;}

#leftbar{ width:182px; float:left;}
#leftbar ul{ margin:30px 0 25px 2px;}
#leftbar ul li{ height:29px; width:179px;}
#leftbar ul li a,#leftbar ul li a.btn{ display:block; height:28px; font-size:12px; border-bottom:solid 1px #D5D5D5; padding-left:15px; line-height:2.0em; color:#005A84;}
#leftbar ul li a:hover,#leftbar ul li a.btn_hov{ background:url(../images/leftbar_hov.png) no-repeat left top; color:#FFFFFF; text-decoration:none; }


#right_area{ width:802px; float:right;}
.right_area_con{ margin:20px 285px 20px 20px; font-size:11px; line-height:1.5em; color:#353535;}

.right_area_con p{line-height:1.8em;padding-bottom:15px;}

.right_bgimg{ position:absolute; right:0px; bottom:5px; width:264px; height:179px; overflow:hidden;}
.projects_img{position:absolute; right:0px; bottom:5px; width:310px; height:229px; overflow:hidden;}

.project_con{ margin:20px 340px 100px 30px;}

.publications{ padding:20px 405px 30px 20px;}
.publications h2{ font-size:21px; color:#005a84; height:40px; line-height:2.0em; background:url(../images/h2_border.png) repeat-x left bottom;}
.publications p{ margin:15px 0; font-size:11px; line-height:1.5em; color:#353535;}

#content_pub{ background:url(../images/conbg02_top.png) no-repeat left top; padding-top:10px; position:relative;}
#content_pubarea{ background:url(../images/con02_bg_bottom.png) no-repeat left bottom;}

.contact{ margin:10px 0;}
.contact_l{ width:260px; float:left;}
.contact_l p{ margin:0px;}
.contact_l input{ width:253px; height:26px; border:none; line-height:2.0em; background:url(../images/input_bg01.png) no-repeat left top; text-indent:5px; margin-bottom:12px; font-size:12px; color:#9c9c9c;font-style:italic;}
.contact_r{ width:295px; float:right;}
.contact_r textarea{ width:278px; height:130px; background:url(../images/input_bg02.png) no-repeat left top; border:none; overflow:hidden; padding:5px;font-size:12px; color:#9c9c9c;font-style:italic;}

.sendmassage{ text-align:right; padding-right:10px;}