html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}/* fix IE6 background flicker*/

html, body, head{height:100%;width:100%; padding:0; margin:0; background-color:#FFF; font-family: Verdana, Arial, Helvetica, sans-serif;}
html, body, head, #main{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px}


#main{border-collapse:collapse; height:100%; width:100%}
#main td{padding:0;background-color:#FFF}
/*#main .extra, #main .extra div{width:1px}
#main .extra div{height:120px}
*/

#logo{position:relative; height:120px}
#logo img.logo{position:relative; top:10px; left:18px; width:381px; height:71px; border:0; margin-top:10px; margin-bottom:10px}
/* Menu Extra*/
#logo .me{position:absolute; width:140px; height:30px; top:52px; right:152px; background:url(/i/me-bg.gif) no-repeat}
#logo .me a, #logo .me span{display:block; margin-left:27px; color:#616161; text-decoration:none; line-height:15px}
#logo .me a.sel{color:#1271A1; font-weight:bold}
#logo .me a:hover{color:#2180B0}

/* separator */
#sprtr{height:22px; background: url(/i/sprtr.gif) repeat-x}


/* main menu */
.menu {background:url(/i/menu.gif) 0 -90px repeat-x #D8D8D8; height:25px; position:relative; overflow:hidden}

.menu a{float:left; margin:0 8px 0 8px; padding:0 18px 0 18px; display:block; position:relative; text-align:center; height:18px; top:2px; line-height:16px; text-decoration:none; color:#707070; font-weight:bold; font-size:10px; white-space: nowrap}
.menu span.l, .menu span.r{background:url(/i/menu.gif) 0 -36px; position:absolute; width:8px; height:18px; top:0; cursor:pointer; cursor:hand}
.menu .l{left:-8px} .menu .r{right:-8px}

.menu .home{left:0px; margin-left:0; padding-right:21px}
.menu .news{left:-8px} .menu .services{left:-16px} .menu .portfolio{left:-24px} .menu .why-us{left:-32px} .menu .contact{left:-40px}
.menu .client-area, .menu .workflow, .menu .webmail{float:right; padding-left:21px}
.menu .workflow{left:8px}
.menu .webmail{left:-8px}

/*webmail*/

.menu .links, .menu .faq, .menu .outsoursing-offshore{float:right; padding-left:21px}
.menu .faq{left:8px} .menu .outsoursing-offshore{left:16px}

.menu a.sel, .menu a:hover{background:url(/i/menu.gif) repeat-x 0 -18px /*; color:#F5F5F5*/}
.menu a.sel span.l, .menu a:hover span.l{background-position: 0 -72px} 
.menu a.sel span.r, .menu a:hover span.r{background-position: 0 -54px} 

.menu .bg, .menu .top{display:block; padding:0; margin:0; cursor:pointer; cursor:hand}
.menu .bg{z-index:1; position:absolute; margin-left:1px; top:1px; color:#FFF}
.menu .top{z-index:2; position:relative; color:#707070}
.menu a:hover .bg, .menu a.sel .bg{color:#5B5B5B}
.menu a:hover .top, .menu a.sel .top{color:#F5F5F5}
/* /main menu*/

#ftr{height:26px; background:url(/i/ftr-bg.gif) repeat-x; color:#C1C1C1;}
#ftr .cpr{float:right; position: relative; background:url(/i/ftr-cpr-bg.gif) repeat-x; height:26px; padding:0 18px 0 22px; line-height:26px; color:#F2F2F2}
#ftr .cpr .app{position:absolute; left:0; top:0; width:8px; height:26px; background: url(/i/ftr-cpr-app.gif)}
#ftr .srvc{padding:10px 70px 0 10px; float:left}
#ftr p{padding:10px 0 0 10px; margin:0}
#ftr p a{color:#C1C1C1;text-decoration:none} #ftr a:hover{color:#DDD}
#ftr p a.sel{font-weight:bold}
#main .minwidth{height:1px; width:970px}




/* css for index.html page*/
#mp{position:relative; background:url(/i/index/mpbg.gif) repeat-x #FFF}
#mp .top{height:43px; background:#011F40 url(/i/index/top.jpg) no-repeat}
#mp .content{height:208px; background:url(/i/index/content-bg.jpg) no-repeat; overflow:hidden; margin:2px 0 2px 0}
#mp .content p{margin:67px 50px 0 440px; padding:0; color:#696969; text-align:justify}

#mp .middle{height:72px; background:#C8D4E1 url(/i/index/middle-bg.jpg) no-repeat; position: relative}
#mp .middle #news_item {position: absolute; top:20px; padding:2px 2px 0 4px; background: url(/i/index/more-bg.gif) no-repeat; color:#4F4444; font-size:10px; line-height:12px}
#mp .middle #news_item A {color:#4F4444;}
#mp .middle span{display:block; width:147px; height:70px; cursor:pointer; cursor:hand; position:relative}
#mp .middle .left{right:409px}
#mp .middle .center{right:227px}
#mp .middle .right{right:49px}
#mp .middle a:hover{text-decoration:underline}
#mp .middle .corner{float:right; width:14px; height:10px}

#sp .hr{height:2px; overflow:hidden; background:url(/i/sp/hr-bg.gif) repeat-x}

#mp .bottom{height:54px; background:#011F42 url(/i/index/bottom-bg.jpg) repeat-x}
#mp .bottom .sub{height:54px; background:url(/i/index/bottom.jpg) no-repeat}
#mp .left{position: absolute; right:200px; display:block}

#mp .flyball{position:absolute; left:0; top:0;}
#mp .flyball a{position:absolute; color:#1865B0; font-weight:bold; display:block; text-decoration:none;}
#mp .flyball a.port, #mp .flyball a.gfq{padding-left:37px; height:33px}
#mp .flyball .gfq{line-height:33px; left:295px; top:56px; background:url(/i/index/gfq-bg.gif) no-repeat 10px 9px}
#mp .flyball .port{line-height:38px; left:200px; top:71px; background:url(/i/index/port-bg.gif) no-repeat 9px 12px}
#mp .flyball .cntc{padding-right:37px; line-height:36px; left:100px; top:258px; background:url(/i/index/cntc-bg.gif) no-repeat 81px 7px}

#mp .flyball .gfq:hover{background:url(/i/index/gfq-bg-h.gif) no-repeat}
#mp .flyball .port:hover{background:url(/i/index/port-bg-h.gif) no-repeat 0 3px}
#mp .flyball .cntc:hover{background:url(/i/index/cntc-bg-h.gif) no-repeat 72px 0}
/* css for index.htl page end */


/*предположительно это будет класс для оформления всех внутренних страниц */
#sp .top{height:20px; background:#011934 url(/i/portfolio/top-bg.gif) repeat-x; border-top:1px solid #000}
#sp .top .app{height:20px; background:url(/i/portfolio/top-app-bg.jpg) no-repeat}


#sp a, #sp a:link{color:#325287}
#sp a:visited{color:#1C3A6D}
#sp a:hover{color:#5B78A9}

#sp .port{}
#sp .content{width:100%; border-collapse:collapse}
#sp .content td.left{border-right:1px solid #595959; background:#C0D9F7 url(/i/portfolio/bg.gif); width:128px; padding:0}
#sp .content .left .app{height:375px; background:url(/i/portfolio/left-app-bg.jpg);}
 #sp .content.why-us td.left{background:#E6F7FE url(/i/why_us/bg.gif)}
 #sp .content.why-us .left .app{height:410px; background:url(/i/why_us/left-app-bg.jpg)}
 #sp .content.contact td.left{background:#D2E4FC url(/i/contact/bg.gif)}
 #sp .content.contact .left .app{height:316px; background:url(/i/contact/left-app-bg.jpg)}
 #sp .content.links td.left{background:#457DBA url(/i/links/bg.gif)}
 #sp .content.links .left .app{height:409px; background:url(/i/links/left-app-bg.jpg)}
 #sp .content.links td.left{background:#457DBA url(/i/links/bg.gif)}
 #sp .content.links .left .app{height:409px; background:url(/i/links/left-app-bg.jpg)}
 #sp .content.news td.left{background:#5EA4E9 url(/i/news/bg.gif)}
 #sp .content.news .left .app{height:391px; background:url(/i/news/left-app-bg.jpg)}
 #sp .content.workflow td.left{background:#55A8F2 url(/i/workflow/bg.gif)}
 #sp .content.workflow .left .app{height:371px; background:url(/i/workflow/left-app-bg.jpg)}


#sp .content td.right{padding:8px}
#sp .submenu{margin:8px}

#sp .content.contact .people td{background:url(/i/contact/people_bg.gif) repeat-x; padding:12px 0 0 0}
#sp .content.contact .people div{background:url(/i/contact/people.gif) no-repeat 50% 0; height:114px}
 
#sp .submenu a{display:block; float:left; height:19px; line-height:19px; margin-bottom:1px; padding:0 11px 0 33px; border-left:1px solid #949494; background:url(/i/portfolio/mnu-off.gif) 5px 3px no-repeat; font-size:10px; color:#286782; text-decoration:none}
#sp .submenu a:visited{color:#286782}
#sp .submenu a.sel{font-weight:bold}
#sp .submenu a.last{border-right:1px solid #949494}
#sp .submenu a:hover, #sp .submenu a.sel, #sp .submenu a:visited.sel{background:url(/i/portfolio/mnu-on.gif) no-repeat 5px 3px #ABABAB; color:#FFF}
#sp .clear{clear:both; height:4px; background-color:#BEBEBE; overflow:hidden}

#sp .content, #sp .content table{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#4E4E4E; text-align: justify;}
#sp .content h1, #sp .content h2{font-weight:bold; padding:8px; margin:0; font-size:11px;}
#sp .content h1{font-size:13px; color:#000}
#sp .content p{padding:4px 8px 4px 8px; margin:0}
#sp .content ul{margin:8px; padding:0px}
#sp .content ul li{padding:0; margin:8px 8px 8px 16px}
#sp .content a img{border:0; vertical-align:middle}
#sp .content .line{height:1px; overflow:hidden; background:url(/i/sp/dottedline.gif) repeat-x; margin:20px 8px 20px 8px}
#sp .content .center{text-align:center}


#sp .content.services p.img{float:left}

#sp .content.news table{border-collapse:collapse; margin:4px 8px 4px 8px}
#sp .content.news table td{padding:0}
#sp .content.news table td.date{padding:0 10px 32px 0}

/*links page*/
#sp .content.links .line{width:580px; margin-left:auto; margin-right:auto}
#sp .content.links table{margin-left:auto; margin-right:auto; width:471px}

/*
#sp .content.contact h1{font-size:11px}
#sp .content.contact h1, #sp .content.contact p{text-align:center}
#sp .content.contact .line{width:265px; margin-left:auto; margin-right:auto}
*/

/*contact - contact table*/
#sp .content .cntct{margin:auto; line-height:20px}

/* why us - price table*/
#sp .content .price{margin:16px auto 16px auto; border-collapse: collapse}
#sp .content .price th{font-weight:normal}
#sp .content .price th, #sp .content .price td{border:1px solid #CCC; padding:2px}

/* /portfolio/ table w. sites */
#sp .sites{padding:8px}
#sp .sites div{width:100%}
#sp .sites table{width:100%; border-collapse:collapse} #sp .sites table td{padding:0}
#sp .sites td.sprtr{width:43%; background:url(/i/sp/sprtr-bg.gif) repeat-x; height:31px; overflow:hidden; margin-top:50px}
#sp .sites .dlmtr{width:4%}
#sp .sites .img{width:182px}
#sp .sites .img a img{border:1px solid #000; margin-bottom:5px} /*#sp .sites .img a img*/
#sp .sites .img a:hover img{border:1px solid #5B78A9}
#sp .sites p{margin:0 0 8px 8px}
#sp .sites h1{text-align:left; padding:4px 8px 4px 16px; font-weight:bold; margin:0; font-size:11px; color:#4E4E4E}
#sp .sites p.hdr{text-align:left}

/*contact*/
#sp .cntct{padding:8px}
#sp .cntct div{width:100%}
#sp .cntct table{width:100%; border-collapse:collapse} #sp .sites table td{padding:0}
#sp .contact td.sprtr{background:url(/i/sp/sprtr-bg.gif) repeat-x 0 -15px; height:10px; overflow:hidden; margin-top:50px}
#sp .contact td.first{width:30%}
#sp .contact td.second{width:19%}
#sp .contact td.third{width:37%}
#sp .cntct .dlmtr{width:3%}
#sp .cntct p{margin:8px 0 8px 0; padding:0; line-height:15px}
#sp .cntct h1{text-align:left; padding:0; margin:0; font-weight:bold; margin:0; font-size:11px; color:#4E4E4E}
#sp .cntct p.hdr{text-align:left}

#sp .workflow ul{margin-top:15px; margin-bottom:15px}

#sp form{padding:0; margin:8px; /*width:400px*/}
#sp form .formtable .textarea{width:600px; height:400px}
#sp form .formtable .input{width:600px}
#sp form .alert{color:#F00}




#sp #form_login{width:245px}
#form_login label{font-weight:bold; color:#0A3463}

.std_form{background-color:#ADACAC; position:relative; border:2px solid #FFF}
.std_form fieldset{background:#E8E8E8 url(/i/std/login_form/bg.gif) no-repeat; position:relative; top:-3px; left:-4px; border:0 solid #FFF; padding:15px; margin:0px}
.std_form input{height:15px; border:1px solid #0A3463; font-size:11px}
.std_form label{float:left; width:75px; margin-right:5px; padding:3px; text-align:right}
.std_form input{margin:0 0 0 100px; padding:0; margin:2px; width:120px}
.std_form .submit{width:43px; height:15px; border:1px solid #000; margin:8px 0 0 163px}


#divImage1{display:block;}
#sp1{cursor:default;}
.submenu span{display:block; float:left; height:19px; line-height:19px; margin-bottom:1px; padding:0 11px 0 33px; border-left:1px solid #949494; background:url(/i/portfolio/mnu-off.gif) 5px 3px no-repeat; font-size:10px; color:#286782; text-decoration:none}
.submenu span.sel{font-weight:bold}
.submenu span.sel, #sp1{background:url(/i/portfolio/mnu-on.gif) no-repeat 5px 3px #ABABAB; color:#FFF}
.clSub{display:none;}
.submenu span{cursor:pointer;}