/* CSS Document */
body{
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:center;
}
a {outline: none;}
.page {
	overflow:hidden;
}
/************************************************** head section ****************************************/
.header {
	
	
}
.head-wapper {
	background:#fff url(../images/head_bg.jpg) repeat-x;
	height:130px;
} 
/** head **/
.head-wapper .head{
	width:1000px;
	margin:0 auto;
}

.head-wapper .head .l{
	background:#fff url(../images/head_bg_left.jpg) no-repeat;
	height:130px;
	width:10px;
	float:left;
}
.head-wapper .head .r{
	background:#fff url(../images/head_bg_right.jpg) no-repeat;
	height:130px;
	width:10px;
	float:left;
}
.head-wapper .head .m{
	width:980px;
	float:left;
}

#logo {
	background:#fff url(../images/logo.jpg) no-repeat;
	width:253px;
	height:110px;
	float:left;
	margin:4px 0px 0px 25px;
}
.head-wapper .head .m .panel {
	float:left;
	margin:55px 0px 0px 70px;
	font-weight:bold;
	height:auto;
	font-size:12px;
	width:600px;
	min-height:20px;
	
}
.head-wapper .head .m .panel  ul {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}
.head-wapper .head .m .panel  ul li {
	display:inline;
	margin-right:65px;
	float:left;
	

}
.head-wapper .head .m .panel ul li.last{
	margin-right:0px;
	
}
.head-wapper .head .m .panel a {
	color:#ca6c28;
	float:left;
	text-decoration:none;
	
}
.head-wapper .head .m .panel a span{
	float:left;
	border-bottom:1px solid #ca6c28;
	padding-bottom:1px;
}
.head-wapper .head d .m .panel a:hover {
	color:#5a5b5b;
}
.head-wapper .head .m .panel a:hover span{
	border-bottom:1px solid #5a5b5b;
	color:#5a5b5b;
}
.head-wapper .head .m  .panel .message {

	text-align:right;
	color:#fff;
	font-style:italic;
	margin-top:22px;
	float:right;
}

/** banner **/
.banner-wapper {
	background:#fff url(../images/banner_bg.jpg) repeat-x;
	height:391px;

}
.banner-wapper .banner {
	width:1000px;
	margin:0 auto;
	
}
.banner-wapper .banner .l{
	background:#fff url(../images/banner_bg_left.jpg) no-repeat;
	height:391px;
	width:10px;
	float:left;
}
.banner-wapper .banner .r{
	background:#fff url(../images/banner_bg_right.jpg) no-repeat;
	height:391px;
	width:10px;
	float:left;
}
.banner-wapper .banner .m{
	width:980px;
	float:left;
	background:#fff;
	margin:12px 0px 12px 0px;
	min-height:353px;
	height:auto;
}

.banner-wapper .banner .m #slideshow {
	float:left;
}
.banner-wapper .banner .m #slideshow img { border: 7px solid #fff; background-color: #fff; }

/** navi **/
.navi-wapper {
	background:#fff url(../images/navi_bg.jpg) repeat-x;
	height:39px;

}
.navi-wapper .navi {
	width:1000px;
	margin:0 auto;
	
}
.navi-wapper .navi .l{
	background:#fff url(../images/navi_bg_left.jpg) no-repeat;
	height:39px;
	width:10px;
	float:left;
}
.navi-wapper .navi .r{
	background:#fff url(../images/navi_bg_right.jpg) no-repeat;
	height:39px;
	width:10px;
	float:left;
}
.navi-wapper .navi .m{
	width:980px;
	float:left;
}
.navi-wapper .navi .m ul{
	float:left;
	list-style:none;
	padding:0px;
	margin:12px 0px 0px 0px;
	width: 980px;
}
.navi-wapper .navi .m ul li {
	display:inline;
	float:left;
	
	
}
.navi-wapper .navi .m a {
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	float:left;
	padding:3px 28px 0px 28px;
	border-right:1px solid #fff;
	height:20px;
}
.navi-wapper .navi .m a:hover {
	background:#ca6c28;
	height:24px;
	margin-top:-1px;
	position:relative;
	padding:4px 28px 0px 28px;
	
}
.navi-wapper .navi .m a.active {
	background:#ca6c28;
	height:24px;
	margin-top:-1px;
	padding:4px 28px 0px 28px;
	position:relative;
} 
.navi-wapper .navi .m a.last {
	padding-right:15px;
	border:0px;
} 
/*************************************** main section **************************************/
.main {
}
.main-wapper {
	width:1000px;
	margin:0 auto;
	min-height:270px;
	background:#fff;
	height:auto;
}

.main-wapper .l{
	
	height:auto;
	width:10px;
	float:left;
}
.main-wapper .l .top{
	background:#fff url(../images/inner/inner_bg_left_top.jpg) repeat-y;
	width:10px;
	float:left;
}
.main-wapper .l .cone {
	background:#fff url(../images/inner/inner_bg_left_cone.jpg) no-repeat;
	height:129px;
	width:10px;
	float:left;
}

.main-wapper .r{
	
	height:auto;
	width:10px;
	float:left;
}

.main-wapper .r .top{
	background:#fff url(../images/inner/inner_bg_right_top.jpg) repeat-y;
	width:10px;
	float:left;
}
.main-wapper .r .cone {
	background:#fff url(../images/inner/inner_bg_right_cone.jpg) no-repeat;
	height:129px;
	width:10px;
	float:left;
}
.main-wapper .m {
	float:left;
	width:980px;
	height:auto;
	text-align:left;
	padding:25px 0px 20px 0px;
}
.main-wapper .m .col-left {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #cfcfcf;
	width:595px;
	float:left;
	height:auto;
	margin:0px 0px 0px 30px;
	padding:0px 10px 0px 0px;
	color:#666666;
	font-size:12px;
	line-height:140%;

}
.main-wapper .m .col-left h5 {
	color:#d18045;
	word-spacing:2px;
	font-size:15px;
	padding:0px;
	margin:0px;
	
}
.main-wapper .m .col-left p {
	
	margin:2px 0px 20px 0px;
	float:left;
}
.main-wapper .m .col-left img {
	margin:0px;
	float:left;
	padding:0px;
}
.main-wapper .m .col-left .extract {
	float:left;
	width:450px;
	margin-left:10px;
}
.main-wapper .m .col-left .extract  h5{
	margin-bottom:5px;
}
.main-wapper .m .readmore{
	color:#d18045;
	display:block;
	font-weight:bold;
	margin-top:15px;
	font-size:11px;
	
}
.main-wapper .m .col-left .readmore:hover{
	color:#7f7f7f;
}
.main-wapper .m .col-right {
	
	width:320px;
	float:left;
	height:auto;
	min-height:250px;
	margin:0px 0px 0px 20px;
	background:#fff url(../images/inner/inner_col_left_bg.jpg) no-repeat right;
	
	
	
	
}
.main-wapper .m .col-right h5 {
	color:#d18045;
	word-spacing:2px;
	background:#fff url(../images/icons/icon_col_right_title.jpg) no-repeat 280px 0;
	font-size:15px;
	padding:0px;
	margin:0px 0px 6px 0px;
	
}
.main-wapper .m .col-right ul {
	list-style:none;
	text-align:left;
	font-size:12px;
	color:#5f5f5f;
	margin:0px;
	padding:0px;
}
.main-wapper .m .col-right ul li {
	margin-bottom:20px;
}
.main-wapper .m .col-right  ul.news .item .date {
	font-weight:bold;
	color:#5f5f5f;
	display:block;
	margin-bottom:3px;
}
.main-wapper .m .col-right  ul.news .item a{
	display:block;
	margin-top:4px;
	font-weight:bold;
	color:#d18045;
}
.main-wapper .m .col-right  ul.news .item a:hover {
	color:#7f7f7f;
}
/********************************** footer section ********************************/
.footer {
	float:left;
	width:100%;
	padding-bottom:15px;
}
.footer-wapper {
	width:980px;
	margin:0 auto;
	border-top:1px solid #cfcfcf;
	padding-top:30px;
}
.footer-wapper ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
.footer-wapper li {
	display:inline;
	margin:0px;
	padding:0px;
	float:left;
	
}
.footer-wapper .panel-icon {
	float:left;
	padding:0px;
}
.footer-wapper .panel-icon #appa {
	background:url(../images/icons/icon_appa.jpg) no-repeat ;
	width:75px;
	height:38px;
	float:left;
	margin-right:20px;
	
}
.footer-wapper .panel-icon #same {
	background:url(../images/icons/icon_same.jpg) no-repeat ;
	width:72px;
	height:38px;
	float:left;
	margin-right:20px;
}
.footer-wapper .panel-icon #cje {
	background:url(../images/icons/icon_cje.jpg) no-repeat ;
	width:43px;
	height:43px;
	float:left;
	margin-right:20px;
}
.footer-wapper .panel-icon #cfma {
	background:url(../images/icons/icon_cfma.jpg) no-repeat ;
	width:38px;
	height:43px;
	float:left;
	margin-right:20px;
}
.footer-wapper .panel-icon #abc {
	background:url(../images/icons/icon_abc.jpg) no-repeat ;
	width:60px;
	height:45px;
	float:left;
	margin-right:10px;
}

.footer-wapper .infor {
	float:right;
	padding:0px;
	margin:8px 0px 0px 0px;
	width:540px;
	font-size:10px;
	font-weight:bold;
	
}
.footer-wapper .infor li{
	
	height:15px;
}
.footer-wapper .infor a {
	font-size:10px;
	font-weight:bold;
	color:#7f7f7f;
	padding:0px 5px 0px 5px;
	border-right:1px solid #7f7f7f;
	text-decoration:underline;
}
.footer-wapper .infor a.home {
	text-decoration:underline;
}
.footer-wapper .infor a:hover {
	color:#ca6c28;
	text-decoration:underline;
}
.footer-wapper .infor a.last{
	padding-right:0px;
	border:0px;
}
.footer-wapper .infor .address {
	float:left;
	color:#7f7f7f;
	text-align:left;
	margin-top:2px;
	width:100%;
}
/******************************* CSS for Inner page **************************************************/



/** banner **/
.inner-banner-wapper {
	background:#fff url(../images/inner/inner_banner_bg.jpg) repeat-x;
	height:220px;
}
.inner-banner-wapper .banner {
	width:1000px;
	margin:0 auto;
	
}
.inner-banner-wapper .banner .l{
	background:#fff url(../images/inner/inner_banner_bg_left.jpg) no-repeat;
	height:220px;
	width:10px;
	float:left;
}
.inner-banner-wapper .banner .r{
	background:#fff url(../images/inner/inner_banner_bg_right.jpg) no-repeat;
	height:220px;
	width:10px;
	float:left;
}
.inner-banner-wapper .banner .m{
	width:980px;
	float:left;
	margin:12px 0px 12px 0px;
	height:auto;
}
/***************************** Main section***********************/


.inner-main-wapper {
	width:1000px;
	margin:0 auto;
	background:#fff;
	height:auto;
}

.inner-main-wapper .l{
	
	height:auto;
	width:10px;
	float:left;
	
}
.inner-main-wapper .l .top{
	background:#fff url(../images/inner/inner_bg_left_top.jpg) repeat-y;
	width:10px;
	float:left;
	height:20px;
}
.inner-main-wapper .l .cone {
	background:#fff url(../images/inner/inner_bg_left_cone.jpg) no-repeat;
	height:129px;
	width:10px;
	float:left;
}
.inner-main-wapper .r{

	height:auto;
	width:10px;
	float:left;
}


.inner-main-wapper .r .top{
	background:#fff url(../images/inner/inner_bg_right_top.jpg) repeat-y;
	width:10px;
	float:left;
	height:20px;
}
.inner-main-wapper .r .cone {
	background:#fff url(../images/inner/inner_bg_right_cone.jpg) no-repeat;
	height:129px;
	width:10px;
	float:left;
}
.inner-main-wapper .m {
	float:left;
	width:980px;
	height:auto;
	text-align:left;
	padding:25px 0px 20px 0px;
}
.inner-main-wapper .m .col-left {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	width:160px;
	float:left;
	height:auto;
	margin:0px 0px 0px 30px;
	padding:0px 10px 0px 0px;
	color:#9a9a9a;
	font-size:12px;
	line-height:140%;
	background:#fff url(../images/inner/inner_col_left_bg.jpg) no-repeat -20px bottom ;

}
.inner-main-wapper .m .col-left h5 {
	color:#d18045;
	word-spacing:2px;
	font-size:15px;
	padding:0px;
	margin:0px;
	clear: both;
	
}
.inner-main-wapper .m .col-left ul{
	list-style:none;
	float:left;
	margin:10px;
	padding:0px;
}
.inner-main-wapper .m .col-left ul li{
	padding:0px 0px 5px 15px;
	background:#fff url(../images/icons/icon_arrow.jpg) no-repeat left 4px;
	text-align:left;
	margin-left:8px;
	
}
.inner-main-wapper .m .col-left a,.inner-main-wapper .m .col-right a{
	color:#666666;
}
.inner-main-wapper .m .col-left a:hover,.inner-main-wapper .m .col-right a:hover{
	color:#d18045;
}
.inner-main-wapper .m .col-right {
	border-left:1px solid #cfcfcf;
	width:740px;
	float:left;
	height:auto;
	min-height:250px;
	margin:0px 0px 0px 0px;
	padding-left:20px;
	color:#666666;
	font-size:12px;
	line-height:140%;

	
	
}

.col-right #slideshow {position: relative; left: 10px}
.inner-main-wapper .m .col-right h5 {
	color:#d18045;
	word-spacing:2px;
	font-size:15px;
	padding:0px;
	margin:0px 0px 6px 0px;
	
}

.home #slideshow {margin: 0}
.location {float: left; width: 45%; }
.location ul {list-style: none !important}
.location li {padding-left: 20px}
#slideshow {position: relative; float: right; margin: 15px; width: 150px; height: 130px}
#slideshow_container {position: relative; float: right; margin: 15px; width: 150px; height: 130px}
#slideshow_container p {text-align: center}
#static {position: relative; float: right; margin: 15px; width: 150px; height: 100%;}
#static img {margin-bottom: 10px}
.head-wapper .head .m .panel a.nav_active {color: #5a5b5b}
.head-wapper .head .m .panel a.nav_active span {border-bottom: 1px solid #5a5b5b}
.col-right ul {list-style: disc}
p.small {font-size: 10px; letter-spacing: -.5px; text-align: center; }
p.middle {text-align: center; font-size: 12px; font-weight: bold}
p.right {text-align: right}
.official,.officiallast {float: left; clear: both; width: 100%; height: 300px; border-bottom: 1px solid #CFCFCF; margin-top: 40px; margin-bottom: 25px; }
.officiallast {border: 0; margin-bottom: 0; height: 100%}
.official_image {float: left; width: 175px; height: 100%; padding-right: 15px}
.official_name {float: left; width: 450px; height: 30px; font-weight: bold; }
.official_bio {float: left; width: 450px}
.project_title {color: #D18045; font-size: 16px; text-align: center; font-weight: bold}
.projects,.projectstop,.projectslast {float: left; width: 100%; height: 100%; border-bottom: 1px solid #cfcfcf; margin-bottom: 10px}
.projectstop {margin-top: 45px}
.projectslast {margin-bottom: 0; border: 0}
.projects_name {text-align: center; width: 100%; font-weight: bold; font-size: 14px}
.projects_info h4 {text-align: center; width: 100%; font-weight: bold; font-size: 14px}
.projects_image,.projects_image img {margin: 0 auto;  text-align: center}
.projects_info {float: left; width: 100%;}
.whatwedo {float: left; width: 33%}
.col-left h5 a {color: #D18045 !important}
.col-left h5 a:hover {color: #9A9A9A !important}
#affiliate_images {width: 100%; clear: both; float: left; position: relative; left: 180px}
#affiliate_images img.image {border: 0; float: left;}
#affiliate_images img.position {position: relative; top: -25px}
img#leaders {position: relative; left: 90px}
.whatwedo ul {position: relative; top: -10px}
#shadowbox img {border: 0}
.lightbox .col-right p {width: 75%}
.lightbox #slideshow_container p {width: 120%; text-align: center}
