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

body,ul,li,p,form,dl,dt,dd{padding:0; margin:0; list-style:none; font-family: Arial, Helvetica, sans-serif; text-align:left; font-size:12px;}
h1,h2,h3,h4 {margin:0; padding:0;}
a:link, a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}

body {background:url(../images/background.jpg) #D5DADD left top repeat-x;}
#wrapper {background:url(../images/header.jpg) left top no-repeat; width:1020px; min-height:386px; _height:386px; height:auto; margin:0 auto; position:relative;}
#header {padding:20px 30px;  height:auto; overflow:hidden;}
#logo {margin:5px 20px;float:left;}
#nav {float:right; color:#FFFFFF; font-size:14px; color:#FFFFFF; font-weight:bold; padding:2px 5px 0 0; margin-top:100px;}
#nav li {list-style:none; float:left; display:inline; background:url(../images/nav_03.jpg) no-repeat right center; padding:0 8px 0 4px;}
#nav li a {text-decoration:none; cursor:pointer; display:block;}
#nav li a span, #nav li a:link span,#nav li a:visited span { color:#FFFFFF; line-height:36px; font-size:16px; text-align:center; display:block; font-weight:bold;}
#nav li a:hover {cursor:pointer;}
#nav li a:hover span {cursor:pointer;}
#nav #on .on a span {color:#518904; cursor:default;}

#language {clear:both; background:url(../images/language.gif) no-repeat left top; width:130px; height:25px; float:right; margin:15px 15px 0 0; color:#FFFFFF; line-height:26px; text-align:center;}
*html #language {margin-right:8px; margin-top:-4px;}
#language a {color:#FFFFFF;}

.main {padding:0 30px; height:auto; clear:both;}
.mainContent {background:#FFFFFF; padding:10px 18px 5px 18px; height:auto; overflow:hidden;}
*html .mainContent {background-color:#FFFFFF; overflow:visible; height:100px; padding-top:30px;}
.info {background:url(../images/company_03.jpg) no-repeat left top; width:660px; height:140px;}
.info p {padding:60px 30px 0 30px; line-height:20px; color:#FFFFFF; font-size:14px; font-weight:bold;}
.service .info { background-image:url(../images/services_03.jpg); background-repeat:no-repeat; width:660px; height:140px;} 
.service .info p {padding-top:50px;}
.process .info { background-image:url(../images/Process_03.jpg); background-repeat:no-repeat; width:924px; height:141px; margin:0 auto;} 
.process .info p {padding-top:60px;}
.solution .info { background-image:url(../images/Solution-&-Competence.jpg); background-repeat:no-repeat; width:924px; height:141px; margin:0 auto;} 
.solution .info p {padding-top:60px;}
.whatIsNew .info { background-image:url(../images/WhatIsNew.png); background-repeat:no-repeat; width:924px; height:141px; margin:0 auto;} 
.whatIsNew .info p {padding-top:60px;}


#space {text-align:center; margin-top:50px; clear:both;}
#footer {clear:both; background:url(../images/bottom.jpg) no-repeat left top; width:960px; height:100px; margin:0 30px;}
#footer a {color:#FFFFFF;}
#footer a:hover {text-decoration:underline;}



.leftContent {float:left;}
*html .leftContent {width:670px; overflow:hidden;}
.leftContent .item { width:660px; height:auto; padding-top:6px; position:relative;}
.leftContent .green_line { clear:both; height:1px; overflow:hidden; line-height:1px; border-top:1px #D2E8C4 solid;}
.leftContent .item .icon { float:left;}
.leftContent .item .detail {float:left; padding-bottom:10px;}
.leftContent .item h3 {background:url(../images/pic_2.gif) no-repeat left bottom;width:505px; height:50px; color:#F28D1D; font-size:24px; line-height:40px; padding-left:20px; font-weight:normal;}
.leftContent .item .title {background:url(../images/pic_2.gif) no-repeat left bottom;width:505px; height:50px; color:#F28D1D; font-size:24px; line-height:40px; padding-left:20px; font-weight:normal;}
.leftContent .item .text { padding-left:20px; line-height:24px; color:#515151; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.leftContent .item .text ul {padding-left:10px;}
.leftContent .item .text li {list-style:disc inside;}
.leftContent .item .comment {width:500px; padding-left:20px; line-height:24px; color:#515151; font-size:14px; font-family:Arial, Helvetica, sans-serif;}


.people { width:350px; float:left;}
.people li { float:left; margin-left:10px; background-image:url(../images/portrait_2.gif); background-repeat:no-repeat; width:74px; height:95px;}
.people li img { width:74px; height:74px;}
.dialog {width:310px; height:auto; position:absolute; z-index:1; right:0;}
.dialog #top {background:url(../images/company_07.gif) no-repeat left top; width:310px; height:52px;}
.dialog #middle {background:url(../images/company_09.gif) repeat-y left top; width:310px; height:auto;}
.dialog #bottom {background:url(../images/company_11.gif) no-repeat left top; width:310px; height:28px; margin:0;}
.dialog .name {line-height:45px; padding-left:45px; color:#F28D1D; font-size:14px; font-weight:bold;}
.dialog .content {position:relative; margin:0px 20px 0px 40px; padding:5px;}
.dialog .content p {line-height:20px; color:#666666; text-indent:24px; word-wrap:break-word; }


.client {float:right; width:247px; height:auto; background-image:url(../images/right_center.gif); background-repeat:repeat-y; width:247px; height:auto; text-align:center; position:relative;}
.client #top {background:url(../images/right_top.gif) no-repeat left top; width:247px; height:27px;}
.client #bottom{ background:url(../images/right_bottom.gif) no-repeat left top; width:247px; height:30px; margin-top:15px; position:absolute; left:0; bottom:0;}
.client .bar {background:url(../images/right_bar.gif) no-repeat; width:230; height:30px; line-height:30px; color:#FFFFFF; font-weight:bold; font-size:14px; text-align:left; position:relative; margin:10px 0 0 8px; padding-left:15px;}
.client .item {background:url(../images/right_item.gif) no-repeat; width:203px; height:62px; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center; line-height:62px; overflow:hidden;}
.client .itemX {width:203px; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center; line-height:30px; overflow:hidden;}
.client .item img {border:0; max-width:180px; max-height:55px; margin-top:3px;}
*html .client .item img {
	width: expression(this.width > 180 && this.width > this.height ? 180 : true);
	height: expression(this.height > 55 ? 55 : true);
	margin-top:5px;
}
.client .item span {font-size:20px;}
.client .itemX span {font-size:20px;}
.client a {color:#FFFFFF;}
.client .address {padding:10px 20px; line-height:24px;}
.client .contactForm { padding:10px 0 0 25px; line-height:24px;}
.client .contactForm .title {color:#F28D1D}
.client .contactForm label {color:#999999;}
.client .contactForm #sent { float:right; margin-right:20px; margin-top:10px;}
.client .contactForm .sendMail{ background:url(../images/sent_mail.jpg) no-repeat; width:82px; height:18px; border:0; cursor:pointer; color:#FFFFFF;}
.client .contact {background:url(../images/services_07.jpg) no-repeat left top; width:211px; height:54px; margin:0 auto;}
.client .contact span {color:#FFFFFF; font-weight:800; font-size:18px; line-height:60px; padding-left:30px;}
.client .desc {color:#F28D1D; padding:10px 20px 10px 25px; text-align:left; font-weight:bold; font-size:14px; line-height:20px;}
.client h4 {font-size:14px; text-align:left;  margin-top:10px;}

.grayBox {position:relative; height:auto;}
.grayBox * {border:0;}
.grayBox #top {height:30px; clear:both; background:url(../images/Process_123.jpg) no-repeat left top; width:924px}
.grayBox #bottom {height:30px; clear:both; background:url(../images/Process_1235.jpg) no-repeat 1px bottom; width:924px}
/*.grayBox #middle {height:auto; background:url(../images/Process_12311.jpg) repeat-y 1px top; border:}*/
.grayBox #middle {height:auto; border:1px #C9C9C9 solid; border-bottom:none; border-top:none; width:920px; margin-left:2px;}
*+html .grayBox #middle {width:920px}

.grayBox .content {padding:10px 10px 10px 15px; height:auto; overflow:hidden; clear:both;}

.grayBox2 {position:relative; height:auto}
.grayBox2 #top {height:30; width:665px; background:none; padding:0; margin:0; clear:both;}
.grayBox2 #top #leftTop {height:30px; background:url(../images/Process_13.jpg) no-repeat -1px 0px; width:30px; float:left}
.grayBox2 #top #middleTop {height:30px; background:url(../images/Process_34.jpg) repeat-x -1px -1px; width:606px; float:left; margin-left:-1px;}
.grayBox2 #top #rightTop {height:30px; background:url(../images/Process_16.jpg) no-repeat -1px 0; width:30px; float:right}
.grayBox2 #bottom {height:30; width:665px; background:none; padding:0; margin:0; clear:both;}
.grayBox2 #bottom #leftBottom {height:30px; background:url(../images/Process_14.jpg) no-repeat -1px 0; width:30px; float:left;}
.grayBox2 #bottom #rightBottom {height:30px; background:url(../images/Process_15.jpg) no-repeat -1px bottom; width:30px; float:right;}
.grayBox2 #bottom #middleBottom {height:30px; background:url(../images/Process_19.jpg) repeat-x 0 0; width:605px; float:left;;}
.grayBox2 #middle {border:1px #C9C9C9 solid; border-bottom:none; border-top:none; height:auto; overflow:hidden;  padding:0; margin:0; clear:both; width:661px;}
.grayBox2 #middle .content {padding:0 5px;}
.grayBox2 #middle .content h3 {background:url(../images/pic_2.gif) no-repeat left bottom;width:505px; height:50px; color:#F28D1D; font-size:24px; line-height:40px; padding-left:15px; font-weight:normal;}
.grayBox2 #middle .content p {padding:0 20px; line-height:20px;}

#mapFrame {border:1px #B9D8A5 solid; margin:0 auto; margin-top:15px; text-align:center;}

.processList {clear:both;}
.processList .icon {background:url(../images/Process_07.jpg) left center; width:105px; height:105px; text-align:center; float:left;}
.processList .icon p {color:#FFFFFF; font-size:16px; font-weight:bold; padding-top:40px; text-align:center;}
.processList .step {background:url(../images/Process_12.jpg) no-repeat right center; width:310px; padding:5px 20px 0 10px; float:left; min-height:100px; _height:100px;}
.processList .step .num {float:left; font-family:Arial, Helvetica, sans-serif; font-size:40px; color:#FF9000;}
.processList .step .desc {float:left; padding:3px;}
.processList .step .desc h4 {color:#FF9000; font-size:16px;}
.processList .step .desc p {font-size:12px; color:#999999; line-height:18px; width:200px;}

.dotLine {clear:both; background:url(../images/dotLine.jpg) repeat-x left center; height:3px; width:85%; float:right; margin:10px;}
*html .dotLine {margin:0;}
*+html .dotLine {margin:3px 10px;}

.itemList {padding-top:30px;}
.itemList li {margin:5px 0; height:72px;}
.itemList li a:link, .itemList li a:visited {display:block; font-size:24px;  line-height:70px; background:url(../images/left_item.gif) no-repeat 0 0; width:230px; cursor:pointer;}
.itemList li a span {display:block; font-size:24px;  line-height:70px; background:url(../images/left_item.gif) no-repeat 0 0; width:230px; cursor:pointer; text-align:center;}

.itemList li a:hover {display:block; background:url(../images/item_top.gif) no-repeat left center; width:284px; height:72px; text-align:left;position:relative; z-index:5; cursor:pointer;}
.itemList li a:hover span {display:block; background:url(../images/item_top.gif) no-repeat left center;  width:260px; height:72px; cursor:pointer;}
#crrOn .crrOn a {display:block; background:url(../images/item_top.gif) no-repeat left center; width:284px; height:72px; text-align:left;position:relative; z-index:5; cursor:pointer;}
#crrOn .crrOn a span {display:block; background:url(../images/item_top.gif) no-repeat left center;  width:260px; height:72px; cursor:pointer;}

#rightContent { width:680px; float:right; padding-top:20px;}
#rightContent #top { background-image:url(../images/pic_9.gif); width:680px; height:34px; background-repeat:no-repeat;}
#rightContent #middle { background-image:url(../images/pic_11.gif); width:680px; height:auto; background-repeat:repeat-y; min-height:300px; height:auto; _height:300px;}
#rightContent #bt { background-image:url(../images/pic_10.gif); width:680px; height:34px; background-repeat:no-repeat;}
#rightContent #middle h3 {color:#F28D1D; font-size:30px; padding-left:65px; font-weight:normal;}
#rightContent #middle h4 {text-align:center; font-size:20px; color:#666666; padding-top:10px;}
#rightContent #middle .detail { padding-left:65px; padding-right:40px;}
#rightContent #middle .detail li {list-style:disc inside; font-family:16px; font-weight:bold; padding:10px 0 0 0;}
#rightContent #middle .detail p { line-height:20px; color:#5D5D5D; padding-top:10px;}
#rightContent #middle .detail li p {padding-top:5px; line-height:20px; color:#5D5D5D;}


#contactTable {margin-top:15px;}
#contactTable th {padding:5px; text-align:right; color:#666666;}
#contactTable td {padding:5px; text-align:left;}
#contactTable .text {width:325px; border:1px #B9D8A5 solid;}
#contactTable .text2 {width:143px; *width:180px; _width:178px; border:1px #B9D8A5 solid;}
#contactTable .sendBtn {background:url(../images/sendBtn.jpg) no-repeat left center; width:100px; height:30px; border:0; color:#FFFFFF; font-size:16px; font-weight:bold;}
#contactTable .selectDiv {border:1px #B9D8A5 solid; float:left; width:178px; height:17px; overflow:hidden; margin-right:2px;}
#contactTable .select {border:0;}
*+html #contactTable .selectDiv {width:139px; height:20px;  margin-left:2px;}
*+html #contactTable .select {margin-left:-1px; margin-top:-1px;}
*html #contactTable .selectDiv {width:139px; height:20px; margin-left:0px;}
*html #contactTable .select {margin-left:-1px; margin-top:-1px;}

.red {color:#FF0000;}
.orange {color:#FF9000;}
.clear {clear:both; height:1px; line-height:1px;}
.blue {color:#0000FF;}