/*-------------------------------------------------------------- */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.cf { zoom:1; }
body{background:#a2a2a2;font-family:Arial,'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, sans-serif;font-size:90%;line-height:1.5;margin-top:0;padding:0}
body.index{background-color:#a2a2a2;background-image:url(../images/indexbannerbg.gif);background-position:0 76px;background-repeat:repeat-x}
a{color:#222;text-decoration:none; cursor:pointer;}
a:hover{color:#d21919}
a.mail:hover{color:#0f4dba}
:focus{-moz-outline-style:none}
.form input,.form textarea,.radius{-moz-border-radius:8px;border-radius:8px;　-webkit-border-radius:8px}
ul{list-style:none;margin:0;padding:0}
#header{background-color:#fff;font-family:Verdana, Geneva, sans-serif;height:76px;position:relative;width:100%}
#header h1{background:url(../images/logo.gif) no-repeat center center;display:block;height:70px;overflow:hidden;text-indent:-1000em;width:280px; cursor:pointer;}
#header .topnav{background-image:url(../images/topnavbg.gif);background-position:left bottom;background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:.8em;font-weight:700;height:22px;padding-top:4px;position:absolute;right:30px;text-align:center;top:0;width:190px}
#header .topnav a:visited{color:#737373}
#header .menu{font-size:1.2em;position:absolute;right:0;top:0;width:580px}
.Breadcrumbs{clear:both;color:#fff;position:absolute;top:178px;z-index:1000;  *top:172px;}
.Breadcrumbs a:hover{color:f99;text-decoration:underline}
.Breadcrumbs .m1,.Breadcrumbs .m2,.Breadcrumbs .m3{float:left;padding-left:10px}
.m3 a{color:#FFF}
body.about .m2 li.about,body.other .m2 li.other,body.whatdo .m2 li.whatdo,body.work .m2 li.work,body.client .m2 li.client,body.career .m2 li.career{background-color:transparent;display:block}
.banner{clear:both;margin-bottom:-2px}
.page .banner,.simple .banner{border-top:10px solid #d21414;margin-bottom:-5px}
#main{background:#fff url(../images/pagefooterbg.png) no-repeat bottom left;margin-bottom:10px;overflow:hidden}
#main_content ul li strong{color:#666}
.page #main{-moz-border-radius-bottomleft:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;background-color:#fff;background-image:url(../images/pagesideline.gif);background-position:left top;background-repeat:repeat-y;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.page #main .main_container{-moz-border-radius-bottomleft:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;background-image:url(../images/pagefooterbg.gif);background-position:left bottom;background-repeat:no-repeat;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}
.index #main_content h2{font-size:1.45em;font-style:normal;padding-top:30px}
.index #main_content h3{font-style:italic;padding-top:30px}
.index #main_content a.more{color:red;font-size:1.1em}
.index #main_content p{margin-bottom:0}
.index #main_content .freetrial{background:url(../images/arr_01.gif) no-repeat right center;clear:both;display:block;font-style:italic;margin-bottom:10px;text-decoration:underline;width:130px}
.index #main_content h2 a,.index #main_content h3 a,.index #main_content h4 a{color:#000;text-decoration:none}
.index #main_content a{color:#2C5784}
.pagecontent h2{color:#d21919;font-size:1.5em;font-style:normal;padding-top:20px}
.pagecontent{padding-bottom:30px}
.page .links{margin-top:40px}
.about .links{margin-top:60px}
.item_icon2 li a{background:url(../images/item_icon2.gif) 0 7px no-repeat;display:block;padding-left:8px}
.pagecontent ul.item_icon3 li{background:url(../images/item_icon3.gif) 0 7px no-repeat;display:block;margin:0;padding-left:13px}
.index #sidebar{background:url(../images/index_sidebarbg.gif) -5px 10px no-repeat;padding:10px 0 10px 15px}
#sidebar .widget{padding:5px 0}
.pagecontent ul{list-style:disc;margin-left:5px}
.pagecontent ul li{margin:10px}
.clients { height:84px; overflow:hidden;}
.index #sidebar .widget h4{color:#555;font-size:1.5em;padding-bottom:5px}
.index #sidebar h4{background-image:url(../images/sidebartitlebg.png);background-position:left top;background-repeat:repeat-x;margin:-2px -10px 1em -16px;padding:4px 20px 6px 18px}
.index #sidebar li{padding-bottom:5px}
.page #sidebar .widget{margin-bottom:20px;margin-left:2px}
.widget_news li span{color:#555;display:block;font-size:.8em}
.page #sidebar .widget li{border-bottom:1px solid #f4f4f4;margin-left:2px;padding:5px 5px 5px 26px}
.page #sidebar .main_nav li{background:url(../images/main_nav_itembg.gif) no-repeat bottom center;border-bottom:0 solid #fff}
.page #sidebar h4{background:#e8eaeb;border-bottom:2px solid #f6f7f7;color:#555;margin-bottom:0;padding:5px 5px 5px 25px}
.page #sidebar a{color:#555;}
.page #sidebar a:hover{color:#d21919;}

#sidebar a.more{color:#444;display:block;font-size:1.1em;text-align:right}
#sidebar .help{background:url(../images/sidehand.png) no-repeat 90px 30px}
#footer h3{background-color:transparent;color:#fff;font-size:2em;font-weight:lighter;margin-bottom:1px;padding-left:25px;padding-top:3px}
#footer .box{background:url(../images/footerbg.png) no-repeat center top;height:310px;margin-right:0;padding-top:30px}
#footer .box a {color:#efefef;font-size:.9em}
#footer .box a:hover{text-decoration:underline}
#footer .logos li{ margin:0; padding:0;}
#footer .logos li a{ display:block; zoom:1; text-indent:-1000em; overflow:hidden; height:50px; width:100%;  background-image:url(../images/footicons2.png); background-repeat:no-repeat; margin-bottom:22px;}
#footer .logos li.logo1 a{ background-position:-200px 0;}
#footer .logos li.logo2 a{ background-position:-200px -50px;}
#footer .logos li.logo3 a{ background-position:-200px -100px;}
#footer .logos li.logo4 a{ background-position:-200px -150px;}
#footer .logos li.logo1 a:hover{ background-position:0 0;}
#footer .logos li.logo2 a:hover{ background-position:0 -50px;}
#footer .logos li.logo3 a:hover{ background-position:0 -100px;}
#footer .logos li.logo4 a:hover{ background-position:0 -150px;}
#footer .copy{color:#fff;margin-top:-40px;padding-bottom:10px;text-align:center}
#footer li.header{color:#fff;font-size:1.2em;font-weight:700}
#footer .bottom{ height:120px;}
#footer .logos{height:300px;margin-left:5px}
.flowpanes{clear:both;overflow:hidden;position:relative;z-index:20}
.item_container{display:block;float:left;position:relative;z-index:20}
#header .main_nav li a{font-size:20px}
#header .main_nav #blog_sidebar li a{font-size:14px;font-weight:400;line-height:1em;margin-bottom:8px}
#header .projects_nav li a{font-size:14px;line-height:1em;margin-bottom:8px}
.form_container{margin-bottom:40px}
.form_container fieldset,.jobs{-moz-border-radius:5px;-moz-box-shadow:3px 3px 15px #eee;-webkit-box-shadow:3px 3px 15px #eee;background:#efefef;border:2px solid #d9d9d9;border-radius:5px;box-shadow:3px 3px 15px #eee;margin:5px;padding:10px;　-webkit-border-radius:5px}
.form_container input{padding:8px;width:60%}
.form_container textarea{width:97%}
.form_container .button{background:url(../images/buttonbg.png) no-repeat left top;border:none;color:0;cursor:pointer;font-size:1.2em;height:30px;padding:3px;text-shadow:1px 1px 10px #fff;width:100px}
.form_container .item{background:url(../images/formbgline.gif) repeat-x bottom left;padding-bottom:3px;padding-top:3px}
.Managementteam dl img{clear:left;float:left;margin:0 30px 20px 0}
.Managementteam dt{color:#373737;font-size:1.3em;font-weight:400}
.Managementteam dd.job{color:#373737;font-size:1.1em}
.Managementteam dd.text{clear:both;margin-bottom:20px}
.news .year li{float:left;font-size:1.4em;font-weight:700;margin-left:0;margin-right:0;padding:5px}
.news .year li a:link{color:#6b6d62}
.news .list li{clear:both;margin-top:20px}
.news .list .date{color:#9e9e9e;display:block;float:left;font-size:1em;font-weight:700;margin-right:10px;padding-bottom:20px;width:80px}
.backlist{padding-bottom:20px}
.backlist a{font-size:1.2em}
.client .item .clogo{float:right;height:100px;margin-right:0;text-align:left;width:180px}
.jobs .uk #uk, .jobs .bj #bj,.jobs .cq #cq,.jobs .cd #cd,.jobs .fz #fz,.jobs .wh #wh,.jobs .qd #qd,.jobs .sz #sz,.jobs .tj #tj,.jobs .dl #dl,.jobs .sh #sh,.zz #zz{display:block;padding:10px 15px 30px}
.jobs{overflow:hidden;padding:0}
.jobheader{background:url(../images/boxheader.gif) repeat-x left top;font-weight:700;height:40px}
.jobheader div{background:url(../images/boxarr.gif) no-repeat right top;padding:12px}
.jobheader div.last{background:none;padding:5px}
#selected{background:url(../images/boxtopbg.gif) repeat-x left top;clear:both;min-height:300px;width:100%}
.jobs h4{margin-left:15px}
.jobs ul{margin-bottom:20px;margin-left:15px}
.easyworking .pagecontent{min-height:400px}
#tabs{background:url(../images/tab_line.gif) repeat-y left top;overflow:hidden;position:relative}
#tabs h3{clear:left;cursor:pointer;display:block;float:left;height:80px;text-indent:-1000em;width:130px}
.easyworking h3.t1{background:url(../images/tab_freedom.gif) no-repeat left center}
.easyworking h3.t2{background:url(../images/tab_obey.gif) no-repeat left center}
.easyworking h3.t3{background:url(../images/tab_librariy.gif) no-repeat left center}
.easyworking .t1on h3.t1{background:url(../images/tab_freedom_on.gif) no-repeat right center;margin-right:-30px;z-index:8}
.easyworking .t2on h3.t2{background:url(../images/tab_obey_on.gif) no-repeat right center;margin-right:-30px}
.easyworking .t3on h3.t3{background:url(../images/tab_librariy_on.gif) no-repeat right center;margin-right:-30px}
.easyworking .t1on div#freedoms,.easyworking .t2on div#obey,.easyworking .t3on div#library{display:block;min-height:300px;padding-left:30px;position:absolute;left:112px; top:0;width:518px; z-index:6}
.datatable .bg{background:url(../images/whatwedobg.jpg) no-repeat 0 0;table-layout:fixed;width:200px}
.datatable .bg h5{display:inline;margin:0;padding:0}
.datatable td.on{background-position:-208px 0}
.datatable .bg a{display:block;height:85px;padding-top:50px;text-align:center;vertical-align:middle;width:100%}
.datatable .txt{width:65%}
.clientcomment{background:url(../images/clientsidebg.png) no-repeat right top;height:190px;margin-top:100px;padding:20px 20px 5px 70px;width:160px}
.clientcomment .more{display:block;text-align:right;text-decoration:underline}
.commentlinks{padding-left:50px}
.Companyprofile .item_icon2 li.cp a,.Managementteam .item_icon2 li.mt a,.Understandtrust .item_icon2 li.ut a,.VisionMission .item_icon2 li.vm a,.news .item_icon2 li.news a,.testcenter .item_icon2 li.tc a,.managedodc .item_icon2 li.mo a,.staffodc .item_icon2 li.so a,.odcprice .item_icon2 li.op a,.Collaboration .item_icon2 li.ci a,.Agiledevelopment .item_icon2 li.ad a,.developers .item_icon2 li.de a,.security .item_icon2 li.se a,.easyworking .item_icon2 li.wf a,.training .item_icon2 li.tr a,.carrerdevelopment .item_icon2 li.sd a,.offers .item_icon2 li.jo a,.productdev .item_icon2 li.pd a,.applicationdev .item_icon2 li.ad a,.projectrescue .item_icon2 li.pr a,.migrationreen .item_icon2 li.mr a,.maintenanceenhan .item_icon2 li.me a,.offers .item_icon2 li.st a,.rubydevelper .item_icon2 li.rb a {background:url(../images/item_icon2_red.gif) 0 7px no-repeat;color:#d21919;display:block}
.links{font-size:1em;margin-bottom:10px;padding-left:10px}
.links h3{border-bottom:2px solid #efefef;color:#999;font-size:1.2em;margin:0 0 0 20px;padding:20px 0 10px}
.links h3 a { font-size:14px; line-height: 18px;}
.links h3 a:hover { text-decoration:underline;}
.links a{color:#999;line-height:20px}
.links a img{margin-left:3px;vertical-align:middle}
.links li{background-image:url(../images/item_reddot.gif);background-position:0 9px;background-repeat:no-repeat;border-bottom:1px solid #efefef;padding-left:8px}
.datatable{border-color:#CCC;border-style:solid;border-width:1px;margin-bottom:5px}
.borderedCenterTable tr th{background-color:#00A8F9;border:1px solid #999;border-bottom:none;border-left:none;padding-left:1px;padding-right:1px;text-align:center}
.borderedCenterTable tr.odd td{background-color:#FFF;border:1px solid #999;border-bottom:none;border-left:none;padding-left:1px;padding-right:1px;text-align:center}
.borderedCenterTable tr.event td{background-color:#E4E4E4;border:1px solid #999;border-bottom:none;border-left:none;padding-left:1px;padding-right:1px;text-align:center}
div.form fieldset div.submits input{color:#444;font-family:Arial, Helvetica, sans-serif;font-weight:700;vertical-align:middle}
a.footerLink{color:#FFF;font:Arial, Helvetica, sans-serif;text-decoration:underline}
body.page,body.simple{background-color:#a2a2a2;background-position:0 76px;background-repeat:repeat-x}
a:active,a.mail:active,:-moz-any-link:focus,#main_content a:active{outline:none}
a.mail,#main_content a{color:#2c5784;text-decoration:underline}
header,nav,footer,article,hgroup,.form_container label{display:block}
#header .topnav a:link,#header .topnav a:active{color:#959899}
#header .topnav a:hover,.widget a:hover,.news .list li:hover .date{color:#d71b19}
.Breadcrumbs .m2 li,.jobs .office,#tabs div{display:none}
.Breadcrumbs ul li a,.Breadcrumbs #m2 li a{background:url(../images/no.gif);color:#fff;display:inline}
#main_content a:hover,.index #main_content a:hover,.index #main_content h2 a:hover,.index #main_content h3 a:hover,.index #main_content h4 a:hover{color:red}
.index #main_content,.page #main .main_content,.index #main .main_content{-moz-border-radius-bottomleft:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.links .itemicon li a,.pagecontent ul.year{list-style:none}
#footer,.client .item{clear:both}
.borderedTable,.borderedCenterTable{border:1px solid #999;border-right:none;border-top:none}
.borderedTable tr th,.borderedTable tr td{border:1px solid #999;border-bottom:none;border-left:none}

.footer-links {
   float:left;
   width:510px;
   height:300px;
   margin-top:-20px;
   padding-top:20px;
   background:url(../images/foot-line.png) 100% 0 no-repeat;
}
.footer-contact {
	_display:inline;
    color: #efefef;
    float: left;
    padding: 0 5px 8px 15px;
	width:214px;
	height:110px;
	line-height:1.7;
}
.footer-contact b { font-size:12px; display:block; color:#efefef; }
.footer-contact b a {  font-size:12px !important; font-weight:bold !important;}
.footer-social-links { margin-top:15px;}
.footer-social-links img { vertical-align:middle; margin-right:5px;}


.styleTable { border:}

.styleTable {border:1px solid #999;border-right:none;border-top:none}
.styleTable tr th,.styleTable tr td{border:1px solid #999;border-bottom:none;border-left:none}
.styleTable p { margin:5px 0;}
.styleTable td { background:#fff !important;}
.styleTable tr.tr-bg td { background: #E5ECF9 !important;}

/*blog*/

.colsMain { padding:0 30px; width:620px; float:left; border-right:1px #eee solid;}
.colsSide { padding-right:40px; width:220px; float:right; padding-top:50px;}

.colsMain .description {margin-top:40px; font-size:14px; }
.colsMain .description p { margin-bottom:3px; padding-bottom:10px; }
.colsMain .author-description { padding:20px 15px ;border:1px #ccc solid; margin-top:30px; border-radius:6px;background:#f7f7f7;font-size:14px;font-style:italic}

.colsMain .author-description { padding:10px 15px; font-size:12px; }
.blog-list { }
	.blog-list h2{font-size:15px; margin-bottom:5px; font-weight:800;}
	.blog-list h2 a { font-size:15px ; line-height:15px ;}
	.blog-info { margin:5px 0; font-style:italic; font-weight:bold; color:#c30; }
	.blog-info span { font-size:13px;}
	.blog-GaiYao { color:#333;}
	.blog-list p { margin:10px 0; }
	.blog-list li { margin:25px 0; border-bottom:1px #ccc solid; padding-bottom:15px;}
	.blog-info .author { margin-left:20px;}
	.readMore { text-align:right; font-style:italic; }
	.readMore a { text-decoration:underline; font-weight:bold;}
.author-list { list-style:disc; padding-left:20px;}
.author-list span { display:block; padding-top:2px; color:#666; line-height:1.2;}
.author-list li {  margin-bottom:8px;}
.author-list a { text-decoration:underline;}
.author-list-top { font-size:14px; margin-bottom:10px;}
.colsSide .description { font-size:14px; font-style:italic;}

/*blog detail page*/
.blog-detail { padding-top:20px;}
.blog-detail h1 { margin:20px 0 10px; font-size:16px; line-height:1.3;}
.blog-detail .blog-info { margin-bottom:15px;}

.psQuote { font-size:24px; font-weight:bold;  margin:0 5px;}

.author-img { margin-right:15px;margin-bottom:0; float:left; width:60px; }
.author-name { margin-top:8px; margin-bottom:0px;font-size:14px; margin-left:25px; color:#373737;}
.author-job { margin-top:3px; margin-bottom:0px;font-size:1.0em; margin-left:25px; color:#373737;}
.author-email {margin-top:0; margin-bottom:0px;font-size:1.0em; margin-left:0px; color:#373737;}
.author-des { margin-top:5px; margin-left:75px;}

ul.devBlog-author-list span { color:#999; display:block; }
ul.devBlog-author-list a { color:#333; text-decoration:underline;}