html, body {margin:0; padding:0; background: #333333; font-family:Arial, verdana, helvetica; font-size: 12px; color: #333333; }
img {border:0;}
h2 {margin:0; padding:10px; color:#b45a00; font-size: 20px; }

h6 {margin:0; padding:10px; color:#000; font-size: 12px; background-color: #CCCCCC; }
.all {margin:0 auto; padding:0; width:980px; position:relative; }
/*html .all { width:990px;}*/
.header {margin:0; padding:0; background: #fff; height:62px; width:100%; }
.main { background: #333333 url("images/bg.gif") top left repeat; }
.main .all { background: #fff; }
.header .menu {margin:0; padding:0; position:absolute; bottom:0; right:0px;}
.header .menu ul {margin:0; padding:0; list-style: none; }
.header .menu ul li {margin:0; padding:0; float:left; height: 38px; }
.header .menu ul li a {margin:0; padding:0 23px; float:left; height: 34px; line-height: 34px;background: #dadada url("images/bg_top_menu.jpg") top left repeat-x; border-left:1px solid #fff; font-size: 15px; text-decoration: none; color:#292929; border-top:4px solid #fff;  }
.header .menu ul li a:hover { background-color: #dadada; background-image: none; color: #292929; border-top:4px solid #dadada; }
.header .menu ul li a.active { background-color: #333333; background-image: none; color: #fff; border-left:1px solid #333333; border-top:4px solid #333333; }
.page_nav { height: 35px; line-height: 35px; margin:0; padding:0; background: #333333; color:#848484; }
.page_nav a {height: 35px; line-height: 35px; padding: 0; color:#848484; list-style: none; float:left; width:100px; text-align:center; text-decoration: none; }
.page_nav a:hover {color:#fff; background: url("images/bg_page_nav.gif") bottom center no-repeat;}
.page_nav a.active {color:#fff; background: url("images/bg_page_nav.gif") bottom center no-repeat;}
.page_nav b { float:left; }
.page_nav p { margin:0; padding:0; }

#ind_left_box { margin:0; padding:0; width:750px; float:left; }
#ind_right_box { margin:0; padding:0; width:230px; float:right; }
#ind_title_box { margin:0; padding:0; width:750px; height:436px; position:relative; background-color: #dadada; }
#ind_title_box h1 { margin:0; padding:0; position:absolute; top:10px; right:10px; width:440px; color:#fff; font-size: 38px; }
#ind_title_box p { margin:0; padding:0; position:absolute; top:60px; right:10px; width:440px; font-size: 14px; font-weight: bold; }

#ind_headlines_box { margin:0; padding:0; width:750px; height:34px; line-height: 34px; background: #d8d8d8; color:#333333; font-size: 14px; }
#ind_headlines_box div { margin:0; padding:0; text-align:center; background: #df6f00; width:125px; color:#fff; font-weight: bold; float:left; font-size: 15px; }
#ind_headlines_box p { margin:0 0 0 25px; padding:0; width:600px; float:left; }

#bg_ind { background: #fff url("images/bg_ind.gif") top right repeat-y;}
#bg_ind .content {
	margin:0;
	padding:0 0 0 5px;
	width:745px;
}
#bg_ind .content ul { margin:0; padding:0; list-style: none; }
#bg_ind .content ul li { margin:10px; padding:0; width:226px; float:left; }
*html #bg_ind .content ul li {margin:10px 5px;}
#bg_ind .content img {border:4px solid #dadada;}
#bg_ind .content p { margin: 10px 0; padding:0; }
#bg_ind .content h3 { margin: 10px 0; padding:0; font-size: 20px; color:#1b1b1b; }

#articles_box { width:210px; height: 400px; margin:0 10px; padding:0; }
#articles_box h2 { margin:10px 0; padding:0; }
#articles_box ul { margin:0; padding:0; list-style: none;}
#articles_box ul li { margin: 10px 0; padding: 0 0 10px 0; color:#fff; border-bottom:1px solid #333333; }
#articles_box ul li a {color:#989898; }
#articles_box .view_all {margin:0; padding:10px 10px 10px 0; display: block; width:200px; text-align:right; color: #cccccc; float:left;background: url("images/bg_view_all.gif") center right no-repeat; }
#articles_box .view_all:hover {text-decoration: none;}

#featured_project_box {
	margin: 0;
	padding:0;
	width:230px;
	color: #dadada;
	background: #333333;
	height: 470px;
}
#featured_project_box h2 { margin:0; padding: 5px 10px; background: #1f1f1f; text-align:center; }
#featured_project_box h3 { margin:10px 0 0 0; padding:0 10px; font-size: 16px; }
#featured_project_box p { margin:0 0 10px 5px; padding:0 10px; font-size: 11px; }
#featured_project_box p i { font-size: 10px; }
#featured_project_box img { margin:10px; border:4px solid #dadada;}
#featured_project_box .view_project { text-align:center;}
#featured_project_box .view_project a { background-color: #c66400; margin: 15px 0 0 0; padding: 5px 25px; color:#fff; font-weight: bold; text-decoration: none; }

#company .content { margin:10px; padding:0; width:600px; float:right;}
#company .content h2 { margin:10px 0; padding:0; font-size: 28px; color:#e07000; }
#company .content ul { margin:0; padding:0; list-style: none; }
#company .content ul li {margin: 5px 0; padding:0 0 0 30px; background: url("images/bg_li.gif") 13px 2px no-repeat; }
#company .content ul li b { font-size: 14px; }
#company .page_nav p { margin:0 0 0 130px; padding:0; }
#company .left_box { margin:10px; padding:0; width:320px; float:left; }
#company .left_box h3 { margin:0; padding:10px 10px 10px 30px; background: #7d7d7d url("images/bg_h3.gif") 0 0 no-repeat; font-size: 13px; color:#fff;  }
#company .left_box ul { margin:0; padding:10px; list-style: none; background: url("images/bg_ul.gif") 0 0 repeat-x; }
#company .left_box ul li {margin: 10px 0; padding:0 10px 0 30px; background: url("images/bg_li_l.gif") 13px 2px no-repeat; font-style: italic; }

#company_news { background: #fff url("images/bg_cont.gif") top right repeat-y;}
#company_news .content { margin:10px; padding:0; width:640px; float:left;}
#company_news .content h2 { margin:10px 0; padding:0; font-size: 28px; color:#e07000; }
#company_news .page_nav p { margin:0 0 0 130px; padding:0; }
#company_news blockquote { margin: 5px 0; padding:0 20px 0 30px; background: url("images/bg_li.gif") 13px 2px no-repeat; }
#company_news blockquote img { margin:10px; border:4px solid #dadada;}
#company_news .tag_box { margin:10px 0; padding:5px; background-color: #d8d8d8;}
#company_news .tag_box a {font-weight: bold; color:#333333; text-decoration: none; }
#company_news .tag_box a:hover {text-decoration: underline; }
#company_news .left_box { width:280px; float:right; }
#company_news .left_box ul { margin:0; padding:0; list-style: none; background-color: #ececec; }
#company_news .left_box ul li { margin:0; padding:0; background-color: #ececec; }
#company_news .left_box ul li h3 { margin:0; padding:10px 10px 10px 30px; background: #7d7d7d url("images/bg_h3.gif") 0 0 no-repeat; font-size: 13px; color:#fff;  }
#company_news .left_box ul li ul { margin:20px; padding:0; }
#company_news .left_box ul li ul li { margin:10px; padding:0; }
#company_news .left_box ul li ul li a {font-weight: bold; color:#333333; }
#company_news .left_box ul li ul li a:hover { text-decoration: none; }

#expertise .page_nav p { margin:0 0 0 160px; padding:0; }
#expertise .page_nav p a {width:130px}
#expertise .content { margin:10px 0 10px 10px; padding:0;}
#expertise .content h2 { margin:10px 0; padding:0; font-size: 28px; color:#e07000; }
#expertise .content h3 { font-size: 14px; }
#expertise blockquote { margin: 5px 0; padding:0 20px 0 30px; background: url("images/bg_li.gif") 13px 2px no-repeat; }
#expertise .content ul {margin:0 0 0 14px; padding:0; list-style: none; }
#expertise .content ul li {margin:0; padding:0; float:left; width:238px; }
#expertise .content ul li img {margin:0; padding:0; border:4px solid #dadada; }

#expertise_cipp { background: #fff url("images/bg_l_menu.jpg") top left no-repeat;}
#expertise_cipp .page_nav p { margin:0 0 0 160px; padding:0; }
#expertise_cipp .page_nav p a {width:130px}
#expertise_cipp .content { margin:10px; padding:0; width:700px; float:right;}
#expertise_cipp .content h2 { margin:10px 0; padding:0; font-size: 28px; color:#e07000; }
#expertise_cipp .content h3 { font-size: 14px; }
#expertise_cipp .content blockquote { margin: 5px 0; padding:0 20px 0 30px;}
#expertise_cipp .content ul { margin:0; padding:0; list-style: none; }
#expertise_cipp .content ul li {margin: 5px 0; padding:0 0 0 30px; background: url("images/bg_li.gif") 13px 2px no-repeat; }
#expertise_cipp .content a {color:#e07000;}
#expertise_cipp .content a:hover {text-decoration: none}
#expertise_cipp ul li b { font-size: 14px; }
#expertise_cipp .left_box { width:240px; float:left; }
#expertise_cipp .left_box ul {margin:0; padding:0;  width:240px; list-style: none }
#expertise_cipp .left_box ul li { margin:0; padding:0; width:240px; border-bottom:1px solid #d9d9d9; float:left; }
#expertise_cipp .left_box ul li a { margin:0; padding:10px; display: block; background: #c5c5c5; color:#333333; text-decoration: none; font-weight: bold; }
#expertise_cipp .left_box ul li a.active { background:#fff; color:#333333;}
#expertise_cipp .left_box ul li a:hover {background:#333333; color: #c5c5c5; }

#contact { background: #fff url("images/bg_l_menu.jpg") top left no-repeat;}
#contact .page_nav p { margin:0 0 0 160px; padding:0; }
#contact .page_nav p a {width:130px}
#contact .content { margin:10px; padding:0; width:700px; float:right;}
#contact .content h2 { margin:10px 0; padding:0; font-size: 28px; color:#e07000; }
#contact .content h3 { font-size: 14px; }
#contact .content blockquote { margin: 5px 0; padding:0 20px 0 30px;}
#contact .content ul { margin:0; padding:0; list-style: none; }
#contact .content ul li {margin: 5px 0; padding:0 0 0 30px; background: url("images/bg_li.gif") 13px 2px no-repeat; }
#contact .content a {color:#e07000;}
#contact .content a:hover {text-decoration: none}
#contact .content span {color: #FF0000; font-size: 11px;}
#contact ul li b { font-size: 14px; }
#contact .left_box { width:240px; float:left; }
#contact .left_box ul {margin:0; padding:0;  width:240px; list-style: none }
#contact .left_box ul li { margin:0; padding:0; width:240px; border-bottom:1px solid #d9d9d9; float:left; }
#contact .left_box ul li a { margin:0; padding:10px; display: block; background: #c5c5c5; color:#333333; text-decoration: none; font-weight: bold; }
#contact .left_box ul li a.active { background:#fff; color:#333333;}
#contact .left_box ul li a:hover {background:#333333; color: #c5c5c5; }

#portfolio { background: #fff url("images/bg_l_menu.jpg") top left no-repeat;}
#portfolio .content { margin:10px; padding:0; width:700px; float:right;}
#portfolio .content h2 { margin:10px 0; padding:0; font-size: 28px; color:#e07000; }
#portfolio .content .box {margin:0; padding:0 0 20px 0; background: url("images/bg_port.jpg") top left repeat-x; }
#portfolio .content .box img {margin:0; padding:0; border:5px solid #dadada; }
#portfolio .content .box p {margin:0; padding:0 0 0 32px; font-size: 11px; width:500px; }
#portfolio .content .box h3 {margin:0; padding:0 0 0 30px; font-size: 22px; width:500px; background: url("images/bg_li.gif") 13px 6px no-repeat; }
#portfolio .content .box .view_project { height:28px; line-height: 28px; margin:10px 20px 0 0; padding:0 0 0 10px; float:right; width:100px; color:#fff; font-weight: bold; text-decoration: none; background: #c66400 url("images/bg_view_project.gif") center right no-repeat;}
#portfolio .content .box .view_project:hover {text-decoration: underline; }
#portfolio .content ul {margin:10px 0; padding:10px 0; list-style: none; }
#portfolio .content ul li {margin:0; padding:0; float:left; width:175px; text-align:center; }
#portfolio .content ul li a {margin:0; padding:0; }
#portfolio .content ul li img {margin:0; padding:0; border:5px solid #dadada;  }
#portfolio .content ul li a:hover img { border:5px solid #f17800; }
#portfolio .left_box { width:240px; float:left; }
#portfolio .left_box ul {margin:0; padding:0;  width:240px; list-style: none }
#portfolio .left_box ul li { margin:0; padding:0; width:240px; border-bottom:1px solid #d9d9d9; float:left; }
#portfolio .left_box ul li a { margin:0; padding:10px; display: block; background: #c5c5c5; color:#333333; text-decoration: none; font-weight: bold; }
#portfolio .left_box ul li a.active { background:#fff; color:#333333;}
#portfolio .left_box ul li a:hover {background:#333333; color: #c5c5c5; }

#portfolio_detail { background: #fff url("images/bg_l_menu.jpg") top left no-repeat;}
#portfolio_detail .content {
	margin:10px 10px 10px 20px;
	padding:0;
	width:350px;
	float:left;
}
#portfolio_detail .content h2 { margin:10px 0; padding:0; font-size: 22px; color:#e07000; }
#portfolio_detail .left_box { width:240px; float:left; }
#portfolio_detail .left_box ul {margin:0; padding:0;  width:240px; list-style: none }
#portfolio_detail .left_box ul li { margin:0; padding:0; width:240px; border-bottom:1px solid #d9d9d9; float:left; }
#portfolio_detail .left_box ul li a { margin:0; padding:10px; display: block; background: #c5c5c5; color:#333333; text-decoration: none; font-weight: bold; }
#portfolio_detail .left_box ul li a.active { background:#fff; color:#333333;}
#portfolio_detail .left_box ul li a:hover {background:#333333; color: #c5c5c5; }
#portfolio_detail .right_box { margin:10px; padding:0; width:340px; float:right;}
#portfolio_detail .right_box img { border:4px solid #dadada;}

#safety .content { margin:10px; padding:0; width:600px; float:right;}
#safety .content h2 { margin:10px 0; padding:0; font-size: 28px; color:#e07000; }
#safety .content h3 { font-size: 14px; }
#safety .content ul { margin:0; padding:0; list-style: none; }
#safety .content ul li {margin: 5px 0; padding:0 0 0 30px; background: url("images/bg_li.gif") 13px 2px no-repeat; }
#safety .content ul li b { font-size: 14px; }
#safety .content a {color:#e07000;}
#safety #colun li {width:270px; float:left;}
#safety .page_nav p { margin:0 0 0 190px; padding:0; }
#safety .page_nav p a {width:130px}
#safety .left_box { margin:10px; padding:0; width:320px; float:left; }

.more {background: #c66400 url("images/bg_more.gif") top right no-repeat; color:#fff; padding:0 5px; display: block; font-size: 11px; font-weight: bold; text-decoration: none; width:70px; height:20px; line-height: 20px; }
.more:hover { text-decoration: underline; }

.footer {margin:0; padding:0; background: #121212; color:#7f7f7f; font-size: 11px; }
.footer h2 {margin:0; padding:10px; color:#b45a00; font-size: 20px; }
.footer ul {margin:0; padding:0; list-style: none;}
.footer ul li {margin:0 0 10px 0; padding:10px; float:left; border-left:1px solid #7f7f7f; height: 80px; width:170px; }
.footer ul li.first {border:0;}

.bottom_nav {margin:0; padding:0;background: #020202; height: 400px; text-align:center; color:#707070; line-height: 40px; }
.bottom_nav a { padding:0 20px; color:#707070; text-decoration: none; }
.bottom_nav a:hover { text-decoration: underline; }

.line {height: 10px; }
.both { clear:both;}