body {
	margin:0;
	font:11px/16px Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.gif);
	color:#393939;
	min-width:990px;
}
img{border:0;display:block;}
form,fieldset {
	margin:0;
	padding:0;
	border:none;
}
input,
textarea,
select {
	font-size:100%;
	vertical-align: baseline;
}
a {color:#0a618a;}
a:hover {text-decoration:none;}
.drop .c:after,
.header .row:after,
.header .holder:after,
.promo .holder:after,
.promo .holder:after {
	clear:both;
	display:block;
	content:" ";
}

/*page*/
#page {
	width:100%;
	overflow:hidden;
}
/*header*/
.header {
	position:relative;
	z-index:3;
}
.header .holder {
	width:988px;
	margin:0 auto;
	padding:17px 0 20px 2px;
}
.logo {
	float:left;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:280px;
	height:89px;
	background:url(../images/logo.gif) no-repeat;
}
.logo a {
	display:block;
	height:100%;
}
.header .box {
	float:right;
	width:670px;
}
.header .row {height:1%;}
ul.social {
	float:right;
	margin:0;
	padding:1px 4px 0 0;
	list-style:none;
}
ul.social li {
	float:left;
	padding:0 12px 0 0;
}
ul.links {
	float:right;
	overflow:hidden;
	margin:0;
	padding:1px 0 0;
	list-style:none;
}
ul.links li {
	float:left;
	background:url(../images/separator01.gif) no-repeat 0 5px;
	padding:0 10px 0 11px;
	margin:0 11px 0 -11px;
}
ul.links a {color:#494848;text-decoration:none;}
ul.links a:hover {text-decoration:underline;}
ul.menu {
	float:right;
	margin:23px 0 0;
	padding:0;
	list-style:none;
	position:relative;
}
ul.menu li {	
	float:left;
	font:bold 14px/28px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
}
ul.menu li:hover {position:relative;}
ul.menu a,
ul.menu span {	
	float:left;
	color:#507e97;
	text-decoration:none;
	cursor:pointer;
}
ul.menu span {padding:1px 19px 0;}
ul.menu .active a,
ul.menu a:hover,
ul.menu li:hover a {background:url(../images/bg-menu-r.gif) no-repeat 100% 0;}
ul.menu .active a span,
ul.menu a:hover span,
ul.menu li:hover a span {background:url(../images/bg-menu-l.gif) no-repeat;}
.drop {
	position:absolute;
	top:29px;
	left:0;
	width:286px;
	display:none;
	z-index:10;
}
ul.menu li:hover .drop {display:block;}
.drop .t,
.drop .b {
	width:100%;
	height:67px;
	overflow:hidden;
	background:url(../images/bg-drop-t.png) no-repeat;
}
.drop .b {
	height:62px;
	background:url(../images/bg-drop-b.png) no-repeat;
}
.drop .c {
	height:1%;
	background:url(../images/bg-drop-c.png) repeat-y;
	padding:0 3px 0 4px;
}
.drop .inn {
	float:left;
	width:279px;
	position:relative;
	margin:-50px 0 -40px;
}
ul.menu ul {
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.menu ul li {
	float:none;
	height:1%;
	overflow:hidden;
	vertical-align:top;
	text-transform:none;
	letter-spacing:0;
	padding:0 0 1px;
	font:13px/29px Arial, Helvetica, sans-serif; 
}
ul.menu ul a,
ul.menu li:hover ul a {
	display:block;
	background:none;
	float:none;
	color:#466475;
	padding:0 0 0 18px;
}
ul.menu ul a:hover,
ul.menu li:hover ul a:hover {background:url(../images/bg-drop-c-hover.gif) repeat-y;}
/*promo */
.promo {background:url(../images/bg-promo.jpg);}
.promo .inn {background:url(../images/bg-promo-t.jpg) repeat-x;}
.promo .holder {
	width:990px;
	margin:0 auto;
	padding:17px 0 0;
}
.promo .col {
	float:left;
	width:624px;
}
.cntBox {
	width:624px;
	overflow:hidden;
	margin:0 0 15px;
}
.cntBox .t,
.cntBox .b {
	width:100%;
	overflow:hidden;
	height:7px;
	background:url(../images/bg-cntBox-t.gif) no-repeat;
}
.cntBox .b {background:url(../images/bg-cntBox-b.gif) no-repeat;}
.cntBox .c {
	height:1%;
	overflow:hidden;
	background:url(../images/bg-cntBox-c.gif) repeat-y;
	padding:13px 27px 10px;
}
.cntBox h1,
.cntBox h2 {
	margin:0 0 5px;
	color:#507e97;
	font:18px/20px Arial, Helvetica, sans-serif;
}
.cntBox p {
	margin:0 0 18px;
	font:12px/22px Arial, Helvetica, sans-serif;
}
.promo .imgBox {
	float:left;
	width:349px;
	margin:26px 20px 0 0;
}
ul.promoList {
	float:left;
	margin:0;
	padding:8px 0 0;
	list-style:none;
	width:240px;
}	
ul.promoList li {
	padding:0 0 19px 16px;
	font:15px/20px Arial, Helvetica, sans-serif;
	background:url(../images/arrow05.gif) no-repeat 0 6px;
}
ul.promoList a {color:#fff;}

.promo .aside {
	float:right;
	width:358px;
}
.intro {
	width:358px;
	overflow:hidden;
	position:relative;
	margin:-33px 0 0;
	color:#fff;
}
.intro .t,
.intro .b {
	width:100%;
	overflow:hidden;
	height:8px;
	text-indent:-9999px;
	background:url(../images/bg-intro01-t.png) no-repeat;
}
.intro .b {
	height:28px;
	background:url(../images/bg-intro01-b.png) no-repeat;
}
.main-intro .b {
	background:url(../images/bg-intro02-b.png) no-repeat;
	height:13px;
}
.intro .c {
	height:1%;
	overflow:hidden;
	background:url(../images/bg-intro01-c.png) repeat-y;
	padding:0 5px 0 3px;
}
.intro .inn {
	width:310px;
	padding:20px 19px 12px 21px;
	background:url(../images/bg-intro-inn.gif);
}




.intro h2 {
	margin:0 0 15px;
	font:bold 36px/38px Arial, Helvetica, sans-serif;
}
.main-intro h2 {margin-bottom:10px;}
.intro p {
	margin:0;
	position:relative;
	font:13px/20px Arial, Helvetica, sans-serif;
}
.intro p a {color:#514739;}
.infoBox {
	width:324px;
	height:114px;
	background:url(../images/bg-info-box.gif) no-repeat;
	overflow:hidden;
	margin:5px 0 15px 3px;
	padding:6px 13px 0;
}
.infoBox h2 {
	color:#507e97;
	font:18px/20px Arial, Helvetica, sans-serif;
	margin:0 0 5px;
}
.infoBox p {
	margin:0;
	font:12px/18px Arial, Helvetica, sans-serif;
}


/* content area*/
.cntArea {
	background:#f1f1f1 url(../images/line01.gif) repeat-x;
	border-bottom:1px solid #e0e0e0;
}
.cntArea .holder {
	width:990px;
	overflow:hidden;
	margin:0 auto;
	padding:21px 0 20px;
}
.cntArea .col {
	float:left;
	width:280px;
	padding:0 50px 0 0;
}
.cntArea h2 {
	margin:0 0 10px;
	font:20px/22px Arial, Helvetica, sans-serif;
}
.cntArea p {margin:0 0 10px;}
.more {
	height:1%;
	overflow:hidden;
}
.btn01 {
	float:left;
	cursor:pointer;
	color:#fff;
	font:11px/22px Tahoma, Arial, sans-serif;
	background:url(../images/bg-btn01-r.gif) no-repeat 100% 0;
	text-decoration:none;
}
.btn01 span {
	float:left;
	padding:0 15px 2px;
	background:url(../images/bg-btn01-l.gif) no-repeat;
}


/* news */
.news .holder {
	width:990px;
	margin:0 auto;
	padding:16px 0 40px;
}
.news .heading {
	height:1%;
	overflow:hidden;
	margin:0 0 15px;
}
.news .heading h2 {
	float:left;
	margin:0 18px 0 0;
	font:20px/28px Arial, Helvetica, sans-serif;
}
.news .prev,
.news .next {
	width:29px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/arrow01.gif) no-repeat;
	float:left;
	margin-right:2px;
}
.news .next {background:url(../images/arrow02.gif) no-repeat;}
.news .prev:hover,
.news .next:hover {background-position:0 -28px;}
ul.newsList {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
ul.newsList li {
	float:left;
	width:217px;
	padding:0 30px 0 0;
}
ul.newsList .date {
	display:block;
	background:url(../images/arrow03.gif) no-repeat 0 6px;
	padding:0 0 3px 7px;
	font-style:normal;
	color:#939393;
}
ul.newsList p {margin:0 0 3px;}




/*footer*/
.footer {
	background:url(../images/bg-footer.gif) repeat-x 0 100%;
	padding:0 0 30px;
	color:#393939;
	font:10px Tahoma, Arial, Helvetica, sans-serif;
}
.footer div {
	width:990px;
	margin:0 auto;
	overflow:hidden;
}
.footer a {
	color:#393939;
	text-decoration:none;
}
.footer a:hover {text-decoration:underline;}
.footer img {
	display:inline;
	position:relative;
	top:1px;
	margin-right:5px;
}

/* contact page */

ul.contactList {
	margin:0;
	padding:22px 0 0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.contactList li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
	font:15px/25px Arial, Helvetica, sans-serif;
}
ul.contactList span {
	float:left;
	width:55px;
}
ul.contactList a {
	color:#466475;
	font-weight:bold;
	background:url(../images/dotted01.gif) repeat-x 0 100%;
	text-decoration:none;
}
ul.contactList a:hover {background:none;}
.cntArea address {
	font:15px/25px Arial, Helvetica, sans-serif;
	padding:22px 0 0;
}

/* company page */

.cntArea .type01 {padding-top:32px;}
.send {
	width:358px;
	position:relative;
	margin:-33px 0 0;
}
.send .inn {
	background:url(../images/bg-send.png) no-repeat;
	width:335px;
	height:261px;
	padding:15px 0 0 23px;
}
.send h2 {
	color:#fff;
	margin:0 0 9px;
	font:bold 33px/36px Arial, Helvetica, sans-serif;
}
.send .row {
	width:100%;
	overflow:hidden;
	padding:0 0 3px;
	position:relative;
}

.input01 {
	float:left;
	width:305px;
	height:27px;
	overflow:hidden;
	background:url(../images/bg-input01.gif) no-repeat;
}
.input01 input.text {
	float:left;
	width:285px;
	margin:0;
	border:0;
	background:none;
	color:#939393;
	font:11px Arial, Helvetica, sans-serif;
	padding:7px 10px;
}
.textarea01 {
	float:left;
	width:305px;
	height:73px;
	padding:2px 0 3px;
	overflow:hidden;
	background:url(../images/bg-textarea01.gif) no-repeat;
}
.textarea01 textarea {
	font:11px Arial, Helvetica, sans-serif;
	float:left;
	width:295px;
	margin:0;
	border:0;
	background:none;
	color:#939393;
	padding:0 0 0 10px;
	height:73px;
	max-width:295px;
	max-height:74px;
	overflow:auto;
}
.send input.button {
	float:right;
	width:92px;
	height:24px;
	background:url(../images/btn-send-message.gif) no-repeat;
	text-indent:-9999px;
	font:0/0 Arial, Helvetica, sans-serif;
	border:0;
	margin:3px 29px 0 0;
	cursor:pointer;
}
.mail {
	width:616px;
	position:relative;
	margin:-33px 0 0 185px;
}
.mail .send {
	position:static;
	margin:0;
}
.mail .send .inn {
	background:url(../images/bg-send02.png) no-repeat;
	width:580px;
	height:366px;
	padding:31px 0 0 36px;
}
.mail .send h2 {margin:0 0 23px;}
.mail .send .row {padding:0 0 6px;}
.mail .input01 input.text {
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 10px;
}
.mail .textarea01 {
	width:535px;
	height:114px;
	background:url(../images/bg-textarea02.gif) no-repeat;
}
.mail .textarea01 textarea {
	font:13px Arial, Helvetica, sans-serif;
	width:525px;
	height:114px;
	max-width:525px;
	max-height:114px;
}
.mail .send input.button {margin:6px 44px 0 0;}
.contactBox {
	width:338px;
	padding:0 0 0 12px;
	height:99px;
	overflow:hidden;
	margin:3px 0 0 4px;
	background:url(../images/bg-contact-box.gif) no-repeat;
}
.contactBox h2 {
	color:#507e97;
	margin:11px 0 8px;
	font:18px/20px Arial, Helvetica, sans-serif;
}
.contactBox ul.contactList {
	float:left;
	width:165px;
	color:#000;
	padding:0;
	height:auto;
}
.contactBox ul.contactList li {font:11px/16px Arial, Helvetica, sans-serif;}
.contactBox ul.contactList span {width:40px;}
.contactBox ul.contactList a {color:#000;background:none;}
.contactBox ul.contactList a:hover {text-decoration:underline;}
.contactBox address {
	font:11px/16px Arial, Helvetica, sans-serif;
	padding:0;
}
.aboutArea {
	width:585px;
	height:290px;
	margin:0 0 19px;
	overflow:auto;
}
.aboutArea p {margin-right:15px;}

/* expertise page */

ul.list01 {
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.list01 li {
	padding:0 0 0 17px;
	font:12px/20px Arial, Helvetica, sans-serif;
	background:url(../images/arrow04.gif) no-repeat 1px 8px;
}
ul.list01 a {color:#393939;}

/* subexpertise page */

.asideImg01 {
	float:right;
	margin-top:30px;
}

/* order routing page */

.asideImg02 {
	float:right;
	margin-top:120px;
	width:322px;
	padding:6px 29px 25px 0;
	overflow:hidden;
	background:url(../images/bg-img-box.png) no-repeat;
}
.asideImg02 img {
	float:left;
	margin:0 0 12px 6px;
	display:inline;
}