html{height:100%}
body{margin:0; font-family:Arial,Verdana,sans-serif; background:url(../images/bg-top.gif) repeat-x; height:100%; min-width:958px}
form{padding:0; margin:0; display:inline}
#header .top-content #chat{position:absolute; top:40px; right:10px}
input, textarea, select{font:100% arial,sans-serif; vertical-align:middle}
fieldset{margin:0; padding:0; border:none}
img{border:none}
table{padding:0; margin:0; border-collapse:collapse}
td{padding:0; margin:0}
.f-right{float:right}
#top-b-left{width:415px; float:left}
#top-b-right{float:left; width:415px; margin-left:35px}
.service-box #top-b-left h3, .service-box #top-b-right h3{
margin:0px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#D9D9D9;
color: #C9491F;
}
a{text-decoration:none}
.wraper{min-height:100%}
* html .wraper{height:100%}
#main{margin:0 auto 200px; width:958px; position:relative; padding:141px 0 0}
#header{position:absolute; top:0; left:0; margin:0 14px; width:930px}
#header .top-content{overflow:hidden; width:100%}
.logo{background:url(../images/logo.gif) no-repeat; width:329px; height:34px; margin:48px 0 0 28px; float:left}
.logo span{text-indent:-999px; overflow:hidden; display:block}
/* search box start */
#header .top-content fieldset{float:right; margin:5px 0 0; width:213px}
#header .top-content fieldset .fld{float:left; border:1px solid #808080; border-color:#808080 #fff #fff #808080; background:#f2f2f2; width:170px; padding:1px 4px 1px 5px; font:12px Arial,Helvetica,sans-serif; color:#666}
#header .top-content fieldset .btn{float:right}
/* menu */
#menu{list-style:none; margin:29px 0 0; padding:0; width:100%}
#menu:after{content:''; clear:both; height:0; display:inline}
#menu li{float:left; padding:4px 0 0}
#menu a{float:left}
#menu strong{height:25px; float:left; text-indent:-9999px}
#menu .home a{width:99px; background:url(../images/menu-home.gif) no-repeat; overflow:hidden}
#menu .it-prod a{width:103px; background:url(../images/menu-it-prod.gif) no-repeat; overflow:hidden}
#menu .it-service a{width:123px; background:url(../images/menu-it-service.gif) no-repeat; overflow:hidden}
#menu .portfolio a{width:135px; background:url(../images/menu-portfolio.gif) no-repeat; overflow:hidden}
#menu .company-info a{width:110px; background:url(../images/menu-company-info.gif) no-repeat; overflow:hidden}
#menu .blog a{width:116px; background:url(../images/menu-blog.gif) no-repeat; overflow:hidden}
#menu .recruit a{width:111px; background:url(../images/menu-recruit.gif) no-repeat; overflow:hidden}
#menu .contact a{width:133px; background:url(../images/menu-contact.gif) no-repeat; overflow:hidden}
#menu a:hover{background-position:0 -50px}
#menu .active a, #menu .active a:hover{background-position:0 -25px}
#menu ul a{background:none !important}
#menu .active ul a, #menu .active a:hover ul{background:none}
#menu .left{position:absolute; width:5px; height:28px; left:-5px; background:url(../images/menu-left.png) no-repeat; top:0; display:none}
#menu .right{position:absolute; width:5px; height:28px; left:100%; background:url(../images/menu-right.png) no-repeat; top:0; margin:0 -5px 0 0; display:none}
#menu li:hover span, #menu li.hover span{display:block}
#menu li:hover, #menu li.hover{position:relative; background:url(../images/menu-top.gif) repeat-x; z-index:5}
#menu .active{background:none !important}
#menu .active span{display:none !important}
#menu li:hover li, #menu li.hover li{background:none}
/* drop menu */
#menu .drop-holder{display:none; position:absolute; top:28px; left:-8px; width:175px}
#menu li:hover div, #menu li.hover div{display:block}
#menu .top{background:url(../images/drop-top.png) no-repeat; width:175px; height:19px}
#menu .list{background:url(../images/drop-repeat.png) repeat-y; width:175px; float:left}
#menu .bottom{background:url(../images/drop-bottom.png) no-repeat; width:175px; height:21px; clear:both}
#menu ul{list-style:none; margin:-19px 0 0; padding:0; position:relative}
#menu ul li{float:none; width:138px; margin:0 0 0 9px; background:none; padding:3px 5px; background:url(../images/drop-separator.gif) repeat-x}
#menu ul li:first-child{background:none}
#menu ul a{float:none; background:none; color:#d2d2d2; position:relative; font:14px/16px Arial,Helvetica,sans-serif}
#menu ul a:hover{background:none; color:#ff692b}
/* content */
#content{width:930px; padding:0 14px; background:url(../images/bg-content.gif) no-repeat; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5; color:#797979}
/* company page */
.company .text-box{background:url(../images/tree.jpg) no-repeat 0 1px; padding:44px 20px 0 385px; min-height:195px}
* html .company .text-box{height:195px}
.company .text-box h2{margin:0 0 3px}
.company .text-box h2 img{display:block}
.company .text-box p{margin:10px 0 0; font:14px/20px Arial,Helvetica,sans-serif; color:#b3b3b3}
.company .columns{overflow:hidden; width:100%; margin:72px 0 0}
.side-nav{float:left; margin:0 20px; display:inline; width:202px; border-right:1px solid #999}
.side-nav ul{list-style:none; padding:0; margin:0}
.side-nav li{border-top:1px solid #999; padding:7px 0}
.side-nav li:first-child{border:0}
.side-nav a{color:#636363; font:14px/18px Arial,Helvetica,sans-serif}
.side-nav .active a, .side-nav a:hover{color:#ff692b}
.table-column{float:left; width:668px}
.table-column h2{margin:0 0 -1px}
.table-column h2 img{display:block}
.table-column table{color:#636363; font:14px/18px Arial,Helvetica,sans-serif; border-top:1px solid #999; text-align:left; vertical-align:top; width:100%}
.table-column th{padding:5px 10px 8px; border-bottom:1px solid #999; font-weight:bold}
.table-column td{border-bottom:1px solid #999; padding:5px 0 8px}
.table-column ul{color:#636363; font:14px/18px Arial,Helvetica,sans-serif; list-style:none; margin:0; padding:0}
.table-column li{background:url(../images/bullet-small.gif) no-repeat 0 9px; padding:0 0 0 7px}
.flash{margin-top:40px; margin-right:auto; margin-bottom:0; margin-left:auto}
.welcome-box img{display:block}
.product-box{margin:40px 20px 0}
.product-box h1{margin:0; background:url(../images/title-bg.gif) no-repeat 0 100%}
.product-box h1 img{display:block}
.product-box .text{/*font:16px/18px Arial,Helvetica,sans-serif; color:#8c8c8c; */margin:25px 10px 0}
.product-box .text p{margin:0}
.product-box .product{background:url(../images/product-separator.jpg) no-repeat 50% 0; overflow:hidden; width:890px; padding:57px 0 0; margin:52px 0 0}
.product-box .product:first-child{background:none; padding:0; margin:45px 0 0}
.product-box .ltr .description{float:left; width:396px; margin:0 0 0 31px; display:inline}
.product-box .ltr .logotype{float:left; width:450px}
.product-box .rtl .description{float:right; width:431px; margin:0 13px 0 0; display:inline}
.product-box .rtl .logotype{float:left; width:427px; margin:0; display:inline}
.product-box .product p{margin:7px 0 0}
.product-box .product img{display:block}
.go-top{height:45px; background:url(../images/go-top.gif) no-repeat 100% 0; overflow:hidden; width:909px; margin:28px 0 0}
.go-top a{float:right; width:67px; height:30px; margin:7px 9px 0 0; text-indent:-9999px}
.services-holder{overflow:hidden; width:100%; margin:8px 0 0}
.service-box{margin:32px 20px 0; padding:0 0 0 10px; color:#797979; overflow:hidden; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:16px}
* html .service-box{overflow:visible; height:1%}
.service-box h2{margin:0 0 26px -10px; background:url(../images/title-bg.gif) no-repeat 0 100%}
h2.title{margin:0 0 26px 0; background:url(../images/title-bg.gif) no-repeat 0 100%}
.service-box h2 img{display:block}
.service-box h3{margin:0 0 4px; color:#4d4d4d; font-weight:bold}
.service-box p{margin:0 0 20px}
.service-box a, .table-column a, .text-box a{color:#ea6220; text-decoration:underline}
.service-box a:hover{text-decoration:none}
.service-box ul{color:#797979; font:14px/18px Arial,Helvetica,sans-serif; list-style:none; margin:18px 0 34px 21px; padding:0}
.service-box li{background:url(../images/bullet-small.gif) no-repeat 0 9px; padding:0 0 0 7px}
.service-box .portfolio{float:right; height:498px; width:349px; background:url(../images/portfolio.jpg) no-repeat}
.service-box .portfolio p{margin:469px 0 0 226px; background:url(../images/btn-more-portfolio.gif) no-repeat; width:110px; height:29px; overflow:hidden}
.service-box .portfolio a{display:block; text-indent:-9999px; overflow:hidden; width:97px; height:17px; margin:3px 0 0 3px}
/* footer */
#footer{padding:31px 0 15px 20px; margin:-100px 0 0; background:#4d4d4d url(../images/bg-bottom.gif) repeat-x; position:relative; z-index:5}
* html #footer{overflow:visible; height:1%}
#footer .columns{width:880px; margin:0 auto; overflow:hidden}
#footer .left{float:left; width:350px}
#footer .bottom-menu{list-style:none; margin:0; padding:0; overflow:hidden; width:100%}
#footer .bottom-menu li{float:left; height:20px; border-left:1px solid #b3c2c9; font:12px/20px Arial,Helvetica,sans-serif}
#footer .bottom-menu li:first-child{border:0}
#footer .bottom-menu a{color:#d2d2d2; padding:0 10px}
#footer .bottom-menu a:hover{color:#8b8b8b}
#footer .bottom-menu .home a{background:url(../images/ico-home.gif) no-repeat 0 50%; padding:0 10px 0 18px}
#footer .bottom-menu .home a:hover{background:url(../images/ico-home-hover.gif) no-repeat 0 50%}
#footer .info-box{font:10px/12px Arial,Helvetica,sans-serif; color:#868686; margin:15px 0 0}
#footer .info-box p{margin:0}
#footer .right{float:right; width:520px}
#footer .subscribe{overflow:hidden; width:100%}
#footer .subscribe div{}
#footer .subscribe img{float:right; margin:7px 0 0}
#footer .subscribe p{float:right; margin:0 5px; font:12px/20px Arial,Helvetica,sans-serif; color:#f4f4f4; display:inline}
#footer .subscribe fieldset{float:right; width:215px}
#footer .subscribe .fld{float:right; background:#f2f2f2; border:1px solid #808080; border-color:#808080 #fff #fff #808080; margin:0 7px 0 0; font:12px Arial,Helvetica,sans-serif; color:#666; width:158px; padding:1px 4px}
#footer .subscribe fieldset .btn{float:right}
#footer .copy{text-align:right; font:10px/12px Arial,Helvetica,sans-serif; color:#868686; margin:18px 0 0}
#footer small a{font:12px Arial,Helvetica,sans-serif; color:#fff; text-align:right}
#footer .copy p{margin:0}
#content p{line-height:1.5}
.wraper #main #content #top-btn{margin-top:35px; margin-right:auto; margin-bottom:60px; margin-left:auto; width:684px; overflow:hidden}
.wraper #main #content .index-box .service-box #top-b-left h4, .wraper #main #content .index-box .service-box #top-b-right h4{margin-top:0px}
.wraper #main #content #top-btn #top-lc{float:left}
.wraper #main #content #top-btn #top-it{float:right}
.wraper #main #content #top-btn #top-le{float:left}
.wraper #main #content #top-btn #top-id{float:right}
.index-box{margin-top:40px; margin-bottom:0}
.wraper #main #content .index-box .service-box #top-b-right li{list-style-type:none; line-height:1.5; background-image:url(../images/icon/page.png); background-repeat:no-repeat; margin:0px; padding-left:20px; background-position:left center}
.wraper #main #content .index-box .service-box #top-b-right small{font-size:11px; color:#999; display:inline}
.clear{clear:both}
.center{text-align:center}
.t-right{text-align:right}
.t-left{text-align:left}
.wraper #main #content .services-holder .service-box h3{line-height:1.5}
.dd{color:#245CBE; font-weight:bold}
.bl{font-size:14px; color:#F03B05; padding-bottom:4px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#E1E1E1}
.ｔ l{border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#B0B0B0}
.red{font-size:11px; color:#C00}
.even{background-color:#F4F5F7}
blockquote{background-color:#F7FDFD; padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:10px; border-top-width:1px; border-bottom-width:1px; border-top-style:solid; border-bottom-style:solid; border-top-color:#A9C6F1; border-bottom-color:#A9C6F1}
.wraper #main #content .company .columns .table-column h3{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#E3E3E3;
padding-bottom:3px;
color: #DB5320;
}
.wraper #main #content .services-holder .service-box h3{font-size:14px; color:#D53A06; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCC; padding-bottom:3px; margin-bottom:10px}
.orange{color:#C30}
/*-------------------------------------------------*/
/*γγΌγγ«
/*-------------------------------------------------*/
.data_table{border-collapse:collapse;background:#fff; font-size:12px; font-style:normal; line-height:140%; font-weight:normal; font-variant:normal; width:100%; clear:both; border:2px solid #D5D5D5}
.data_table caption{width:100%; font-size:1em; text-align:left; color:#000; background-color:#D1E3E7; padding:2px; border-top-style:solid; border-right-style:solid; border-top-width:2px; border-right-width:2px; border-top-color:#D5D5D5; border-right-color:#D5D5D5; border-left-width:2px; border-left-style:solid; border-left-color:#D5D5D5}
html>body .data_table caption{border-left-width:3px}
.data_table td, .data_table th{border:1px solid #e0e0e0; padding:5px}
.data_table thead th{border:1px solid #e0e0e0; text-align:center; font-size:1em; font-weight:bold; background-color:#6F8992; color:#FFF}
.data_table thead th a{color:#FFF; text-decoration:none}
.data_table tfoot th, tfoot td{border:1px solid #e0e0e0; text-align:left; font-size:12px; background-color:#F5F5EB; vertical-align:top;}
.data_table tfoot th{font-weight:bold}
.data_table tbody td a{background:transparent;color:#0066CC;text-decoration:underline;}
.data_table tbody th a{background:transparent; color:#3f7c5f; font-weight:bold}
.even{background-color:#F4F5F7}
.data_table tbody th, tbody td{text-align:left; vertical-align:top;}
.data_table tfoot td{border:1px solid #e0e0e0}
.small{ font-size:11px;}
.topT td {
padding: 3px;
}
.topT span {
font-size: 10px;
color: #FFFFFF;
background-color: #FF6600;
padding: 1px;
width: 70px;
text-align: center;
margin-right:3px;
}