* { padding: 0; margin: 0; } 
img { border: 0; } 
*:focus { outline: none !important; }
html { min-width: 990px; font-family: 'Trebuchet MS', Arial; font-size: 100%; text-align: center; } 
body { font-size: 0.625em; width: 990px; margin: auto; text-align: left; }
.no-flat { width: 100%; overflow: auto; }

html, #sbubnom, #previous, #next, #history .img i { background-image: url('/i/grey-sprite.png'); background-repeat: no-repeat; }
#sbubnom, #previous, #next, #history .img i { _background-image: url('/i/grey-sprite8.png'); }
html { background-color: #9e9e9e; background-position: 0 -156px; background-repeat: repeat-x; }

p { font-size: 1.4em; text-align: justify; line-height: 1.4em; margin: 1em 0; }

ul#menu, #menu a { background-image: url('/i/menu.png'); background-repeat: no-repeat; }
ul#menu { width: 955px; height: 46px; padding: 0; margin: 0 auto; list-style: none; background-position: 0 0; }
#menu li { position: relative; float: left; height: 33px; overflow: hidden; }
#menu a { width: 100%; height: 100%; display: block; text-indent: -9999px; background-position: 0 -46px; }

#logo { width: 213px; }
#logo a { cursor: default; }
#logo a:hover { background: none; }

#menu .company { width: 151px; }
#menu .company a:hover { background-position: -213px -79px; }
#company #menu .company a { background-position: -213px -46px; } 

#menu .facility { width: 149px; }
#menu .facility a:hover { background-position: -364px -79px; }
#facility #menu .facility a { background-position: -364px -46px; }

#menu .projects { width: 150px; }
#menu .projects a:hover { background-position: -513px -79px; }
#projects #menu .projects a { background-position: -513px -46px; }

#menu .tarif { width: 140px; }
#menu .tarif a:hover { background-position: -663px -79px; }
#tarif #menu .tarif a { background-position: -663px -46px; }

#menu .stats { width: 139px; }
#menu .stats a:hover { background-position: -803px -79px; }
#stats #menu .stats a { background-position: -803px -46px; }

#menu .info { width: 139px; }
#menu .info a:hover { background-position: -803px -79px; }
#info #menu .info a { background-position: -803px -46px; }


#sub-menu { margin: 3em auto 2em auto; width: 900px; }
#sub-menu div { width: 100%; height: 4em; border-bottom: solid 1px #7d7d7d; }
#sub-menu div * { float: left; }
#sub-menu strong { font-weight: normal; color: #000; background: url('/i/headers.png') 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }
#company #sub-menu strong { width: 160px; height: 33px; }
#facility #sub-menu strong { width: 111px; height: 33px; background-position: 0 -33px; }
#projects #sub-menu strong { width: 138px; height: 33px; background-position: 0 -66px; }
#tarif #sub-menu strong { width: 259px; height: 33px; background-position: 0 -99px; }
#stats #sub-menu strong { width: 183px; height: 33px; background-position: 0 -132px; }
#info #sub-menu strong { width: 212px; height: 34px; background-position: 0 -164px; }
#sub-menu ul { float: right; list-style: none; }
#sub-menu li { margin-left: 2.4em; }
#sub-menu a { position: relative; font: bold 1.3em 'Trebuchet MS'; height: 100%; padding: 0 .3em; line-height: 3em; color: #787676; text-decoration: none; }
#sub-menu a.cur { color: #000; }
#sub-menu a.cur i { width: 100%; height: 2px; position: absolute; left: 0; bottom: -1px; border-left: solid 1px #7d7d7d; border-right: solid 1px #7d7d7d; }
.history #sub-menu a.cur i, .staff #sub-menu a.cur i, .info #sub-menu a.cur i, .projects #sub-menu a.cur i { background-color: #c3cee3; border-bottom: solid 2px #b6c8e7; border-top: solid 1px #cdd4e1; }
.call #sub-menu a.cur i, .partners #sub-menu a.cur i, .docs #sub-menu a.cur i { background-color: #e9bfbf; border-bottom: solid 2px #edacac; border-top: solid 1px #e7cece; }
.contact #sub-menu a.cur i { background-color: #e9bfbf; border-bottom: solid 2px #edacac; border-top: solid 1px #e7cece; }

#footer { position: absolute; left: 0; width: 100%; color: #515151; font-size: 1.1em; }
#footer .hr { width: 100%; height: 1px; background-color: #8c8c8c; border-top: solid 1px #afafaf; border-bottom: solid 1px #afafaf; overflow: hidden; }
#footer .container { width: 950px; margin: 1em auto; text-align: left; }
#sbubnom { float: left; padding: 0 0 0 3em; color: #515151; line-height: 1.5em; text-decoration: none; background-position: 0 -112px; height: 35px; margin-bottom: 1em; overflow: hidden; }
#sbubnom span { position: relative; top: .3em; }
#sbubnom strong { display: block; color: #43649c; font-weight: normal; }
#footer p { float: right; font-size: 1.1em; margin: 0; }

/* История */
#time-line_ { display: none; }
#time-line { width: 100%; height: 173px; position: absolute; left: 0; margin-left: 0; background: url('/i/time-line.png') 0 0 no-repeat; }
#time-line .tl-container { position: relative; width: 990px; margin: 0 auto; }
#time-line a { display: none; position: absolute; top: 0; left: 0; text-decoration: none; font-size: 1.4em; }
#time-line a i { position: absolute; top: -1.6em; left: 1.9em; font-style: normal; color: #000; border-bottom: dashed 1px #000; }
#time-line a i.cur { border: 0; font-weight: bold; }
#time-line #tl2002 { left: 210px; top: 80px; }
#time-line #tl2003 { left: 310px; top: 70px; }
#time-line #tl2004 { left: 390px; top: 40px; }
#time-line #tl2005 { left: 450px; top: 60px; }
#time-line #tl2006 { left: 500px; top: 80px; }
#time-line #tl2007 { left: 570px; top: 60px; }
#time-line #tl2008 { left: 670px; top: 110px; }
#time-line #tl2009 { left: 755px; top: 150px; }

#history { position: relative; width: 100%; overflow: hidden; margin: 24em 0 10em 0; text-align: left; height: 30em; }
#previous, #next { width: 56px; height: 56px; position: absolute; top: 50%; margin-top: -28px; background-position: 0 0; font-size: 1.2em; color: #fff; text-decoration: none; text-align: center; line-height: 6.9em; overflow: hidden; }
#previous { left: 0; background-position: 0 -56px; } 
.disabled#previous { background-position: 0 0; }
#next { right: 0; background-position: -55px -56px; }
.disabled#next { background-position: -55px 0; }
#history .disabled { color: #828080; cursor: default; }

#history h2 { margin-left: 280px !important; font: normal 3.6em 'Trebuchet MS'; color: #294980; background: url('/i/titles.png') 0 0 no-repeat; overflow: hidden; margin: .5em 0 .3em 0; text-indent: -9999px; }
#history .year-2002 { background-position: 0 -36px; width: 328px; height: 36px; }
#history .year-2003 { background-position: 0 -72px; width: 305px; height: 36px; }
#history .year-2004 { background-position: 0 -108px; width: 363px; height: 36px; }
#history .year-2005 { background-position: 0 -144px; width: 355px; height: 36px; }
#history .year-2006 { background-position: 0 -216px; width: 353px; height: 36px; }
#history .year-2007 { background-position: 0 -180px; width: 351px; height: 36px; }
#history .year-2008 { background-position: 0 0; width: 353px; height: 36px; }
#history .year-2009 { background-position: 0 -253px; width: 301px; height: 72px; }
#history p { margin-left: 280px; color: #333; }

#history ul { list-style: none; padding: 0; position: absolute; top: 0; left: 0; width: 9999px; }
#history li { float: left; width: 990px; position: relative; }
#history li div { padding: 0 12em; }
#history li i { position: absolute; top: 20px; left: 12em; display: block; width: 208px; height: 208px; background: url('/i/moneys.png') 0 0 no-repeat; }

#history #y2002 i { background-position: 0 0; }
#history #y2003 i { background-position: -210px 0; }
#history #y2004 i { background-position: -418px 0; }
#history #y2005 i { background-position: -628px 0; }
#history #y2006 i { background-position: -838px 0; }
#history #y2007 i { background-position: -1048px 0; }
#history #y2008 i { background-position: -1258px 0; }
#history #y2009 i { background-position: -1468px 0; }

/* -История- */

.map { padding-left: 80px; min-height: 520px; }
.map h2 { padding: 0; margin: 1.5em 0 0 0; font-size: 1.4em; }
.map p, a.ml { margin-top: .3em; color: #666; }
.map img { float: right; }
p.print { position: relative; }
p.print i { position: absolute; top: 0; left: 0; display: block; width: 22px; height: 20px; background: url('/i/print_icon.png') 0 0 no-repeat; }
p.print a { padding-left: 28px; font-size: 1em; color: #666; }

/* Обращение к клиентам */
#call-container { position: relative; width: 975px; height: 731px; background: url('/i/call_bg.png') 0 0 no-repeat; margin-top: -3.5em; }
#call-container .text { padding: 120px 135px 135px 385px; text-align: left; }
#call-container h2 { background: url('/i/titles.png') 0 -324px no-repeat; height: 36px; width: 289px; text-indent: -9999px; margin-bottom: 2em; }
p.signature { font: bold italic 1.4em Arial; background: url('/i/signature.png') right top no-repeat; padding-top: 1.9em; margin-top: .5em; height: 71px; }
p.signature i { display: block; font-weight: normal; font-size: .85em; color: #777; }
#sky { z-index: 100; width: 818px; height: 146px; background: url('/i/sky.png') 0 0 no-repeat; position: absolute; left: 78px; bottom: 77px; }
#balls { width: 350px; height: 576px; position: absolute; top: 77px; left: 35px; overflow: hidden; }
#bball { z-index: 95; width: 214px; height: 270px; position: absolute; top: 577px; left: 95px; }
#mball { z-index: 90; width: 117px; height: 139px; position: absolute; top: 577px; left: 80px; }
#sball { z-index: 85; width: 65px; height: 82px; position: absolute; top: 577px; left: 235px; }

/* Услуги */
/* Услуги - Брокерские услуги */
#br-facility { position: relative; width: 100%; height: 600px; }
#br-facility .area { position: absolute; top: 115px; left: 50%; margin-left: -140px; width: 279px; height: 296px; background: url('/i/facility/area.png') 0 0 no-repeat; }
#br-facility .planet { position: absolute; top: 32px; left: 13px; width: 252px; height: 252px; background: url('/i/facility/planet.png') 0 0 no-repeat; }
#br-facility .rings { position: absolute; top: -30px; left: -276px; width: 842px; height: 416px; background: url('/i/facility/rings.png') 0 0 no-repeat; }
#br-facility .facility { position: absolute; top: 0; left: 0; list-style: none; text-align: left; font-size: 1.4em; }
#br-facility i { display: block; position: absolute; background: url('/i/facility/line.png') 0 0 no-repeat; }
#br-facility strong { position: absolute; font-weight: normal; }
#br-facility i.s { background: url('/i/facility/satelits.png') 0 0 no-repeat; }
#f1 { position: absolute; top: 345px; left: 520px; width: 365px; height: 100px; }
#f1 strong { bottom: 5px; left: 105px; }
#f1 i { top: 35px; left: 35px; width: 325px; height: 65px; background-position: -20px -20px; overflow: hidden; }
#f1 i.s { top: -16px; left: -16px; width: 75px; height: 75px; background-position: 0 0; }

#f2 { position: absolute; top: 465px; left: 150px; width: 255px; height: 75px; }
#f2 strong { bottom: 5px; left: 80px; }
#f2 i { top: 20px; left: 20px; width: 225px; height: 55px; background-position: -30px -30px; }
#f2 i.s { top: -6px; left: -6px; width: 37px; height: 37px; background-position: 0 -75px; }

#f3 { position: absolute; top: 210px; left: 710px; width: 175px; height: 70px; }
#f3 strong { bottom: 5px; left: 75px; }
#f3 i { top: 5px; left: 5px; width: 170px; height: 65px; background-position: -20px -20px; }
#f3 i.s { top: -13px; left: -13px; width: 44px; height: 44px; background-position: 0 -112px; }

#f4 { position: absolute; top: 55px; left: 260px; width: 365px; height: 100px; }
#f4 strong { width: 225px; top: 3px; left: 81px; }
#f4 i { bottom: 9px; right: 9px; width: 275px; height: 65px; background-position: -185px -65px; }
#f4 i.s { bottom: -5px; right: -5px; width: 24px; height: 24px; background-position: 0 -153px; }

#f5 { position: absolute; top: 123px; left: 20px; width: 325px; height: 150px; }
#f5 strong { width: 245px; top: 17px; left: 21px; }
#f5 i { bottom: 9px; right: 9px; width: 295px; height: 100px; background-position: -203px -65px; }
#f5 i.s { bottom: -12px; right: -12px; width: 36px; height: 36px; background-position: 0 -177px; }

#f6 { position: absolute; top: 273px; left: 10px; width: 235px; height: 100px; }
#f6 strong { width: 235px; top: 5px; left: 3px; }
#f6 i { bottom: 7px; right: 7px; width: 225px; height: 65px; background-position: -237px -65px; }
#f6 i.s { bottom: -7px; right: -7px; width: 24px; height: 24px; background-position: 0 -213px; }

/* -- Projects --*/
#prj-area .map { background: url('/i/map.png') 0 15px no-repeat; }
#prj-area ul{ list-style: none; position: absolute; top: 0; left: 0; }
#prj-area li { position: absolute; width: 20em; }
#prj-area li a { padding: 0 0 0 23px; line-height: 3em; white-space: nowrap; font-size: 1.2em; color: #666;}
#prj-area i { display: block; position: absolute; top: 0; left: 0; width: 39px; height: 28px; background: url('/i/map-sprite.png') 0 0 no-repeat; text-indent: -9999px; }
#prj-area i.area { display: none; }
#prj-area .c1 .area { background: url('/i/c1.png') 0 0 no-repeat; width: 111px; height: 106px; top: 7px; left: -81px; }
#prj-area .c2 .area { background: url('/i/c1.png') 0 0 no-repeat; width: 111px; height: 106px; top: -16px; left: -86px; }
#prj-area .c3 .area { background: url('/i/c1.png') 0 0 no-repeat; width: 111px; height: 106px; top: -31px; left: -33px; }
#prj-area .c4 .area { background: url('/i/c2.png') 0 0 no-repeat; width: 50px; height: 50px; top: 6px; left: -6px; }
#prj-area .c5 .area { background: url('/i/c4.png') 0 0 no-repeat; width: 69px; height: 68px; top: -3px; left: -4px; }
#prj-area .c6 .area { background: url('/i/c3.png') 0 0 no-repeat; width: 27px; height: 32px; top: 7px; left: -2px; }
#prj-area .c7 .area { background: url('/i/c5.png') 0 0 no-repeat; width: 142px; height: 81px; top: -11px; left: -113px; }
#prj-area .c8 .area { background: url('/i/c7.png') 0 0 no-repeat; width: 39px; height: 38px; top: 7px; left: -7px; }
#prj-area .c9 .area { background: url('/i/c6.png') 0 0 no-repeat; width: 157px; height: 167px; top: -127px; left: -56px; }

#prj-area .act .area { display: block; }
#prj-area .act a { color: #000; text-decoration: none; }
#prj-area li.c1 { position: absolute; top: 67px; left: 207px; }
#prj-area li.c2 { position: absolute; top: 90px; left: 212px }
#prj-area li.c3 { position: absolute; top: 105px; left: 159px; }
#prj-area li.c4 { position: absolute; top: 128px; left: 113px; }
#prj-area li.c5 { position: absolute; top: 175px; left: 139px; }
#prj-area li.c6 { position: absolute; top: 202px; left: 99px; }
#prj-area li.c7 { position: absolute; top: 195px; left: 312px; }
#prj-area li.c8 { position: absolute; top: 293px; left: 145px; }
#prj-area li.c9 { position: absolute; top: 427px; left: 525px; }
#prj-area li.act i { background-position: 0 -28px; }
#prj-area .hidden { display: none; }

#prj-area .window { width: 542px; height: 266px; background: url('/i/window.png') 0 0 no-repeat; position: absolute; right: 0; top: 0; }
.window { padding: 0; margin: 0; }
.window div { margin: 4em; margin-right: 5.5em; margin-top: 3em; }
.window p { text-align: left; line-height: 1.6em; margin-top: .3em; }
.window strong { font-size: 1.4em; font-weight: normal; color: #666; display: block; margin-top: .5em; }
.window p a { font-size: 1em; color: #000; font-style: italic; }
.window h4 { font: normal 3.6em 'Trebuchet MS'; color: #900; margin: 0; }
#prj-area .nav { width: 542px; position: absolute; top: 250px; right: 0; width: 600px; text-align: center; }
#prj-area .nav a { text-decoration: none; position: relative; cursor: pointer; }
#prj-area .nav span { text-decoration: underline; }
#prj-area .nav em { position: absolute; top: -2px; }
#prj-area .nav .previous em { left: -1.5em; }
#prj-area .nav .next em { right: -1.5em; }

#list-partners { list-style: none; padding: 130px 140px;}
#list-partners li { position: relative; float: left; margin-bottom: 40px; }
#list-partners li img.color { position: absolute; top: 0; left: 0; display: none; }

#partners { margin-top: -30px; margin-left: -35px; width: 1065px; height: 881px; background-color: #fff; background: transparent url('/i/partner_bg.png') 0 0 no-repeat; }

#staff-container { height: 600px; }
#staff { position: absolute; top: 0; left: 0; width: 100%; height: 600px; top: 130px; overflow: hidden;}
#staff div { width: 990px; position: relative; top: 0; left: 50%; margin-left: -495px; height: 600px; }
#staff ul { position: absolute; top: 0; left: 0; list-style: none; width: 9999px; margin-top: 40px; margin-left: 138px; }
#staff li { float: left; margin-right: 80px; width: 715px; }
#staff li p { display: none; text-align: right; font-style: italic; color: #555; }
#staff li strong { font-weight: normal; display: block; color: #000; }
#staff img { padding: 6px; background-color: #fff; height: 350px; margin-top: 0px; margin-left: 89px; }
#staff #previous { left: 46px; display: none; }
#staff #next { right: 46px; display: none; }

#form { clear: both; padding: 110px 140px; }
#form p.label { width: 100%; overflow: auto; margin-bottom: .1em; margin-top: .3em; }
#form p.inputs { margin-top: .1em; margin-bottom: .3em; }
#form .label label { display: block; width: 225px; float: left; margin-top: .1em; color: #666; }
#form p.inputs input { width: 213px; margin-right: 10px; }
#form h3 { font-size: 1.8em; font-weight: normal; margin: 1.9em 0 .7em 0; }
#form .label label.small { width: 150px; }
#form .inputs input.small { width: 138px; }
#form p.title { color: #999; font-size: 1.2em; margin: 0 0 1em 0; text-align: left; }

#form-container { position: relative; width: 975px; height: 891px; background: url('/i/form_bg.png') 0 0 no-repeat; margin-top: -3.5em; }

#slides ul.bul { width: auto !important; padding: 0; margin-bottom: 20px; padding-left: 30px; }
#slides ul.bul li { float: none; clear: both; width: auto !important; padding: 0; color: #fff; font-size: 1.4em; margin: 7px 0; }
table { border-collapse: collapse; border-color: #fff; color: #000; }
table.tarif { border-collapse: collapse; border-color: #fff; color: #000; }
.tarif td, #slides .tarif th { border: solid 1px #666; padding: 5px 10px; font-size: 1.4em; }
.tarif th { padding: 10px; text-align: left; border: solid 1px #000; font-size: 1.4em; }
.tarif-text p { color: #000; }

#info { width: 950px; margin: auto; padding-bottom: 30px; }
#info table { border-collapse: collapse; margin: 20px 0 20px 5px; width: 930px; }
#info td, #info th { border: solid 1px #000; font-size: 1.4em; padding: .2em .5em; }
#info .t-head { font-size: 1.8em; text-align: center; padding: .5em .8em; }
#info .bold td { font-weight: bold; text-align: center; }
#info h1 { text-align: center; }
p.excel { position: relative; }
.excel a { padding-left: 20px; color: #000; }
.excel i { position: absolute; top: 50%; left: 0; margin-top: -8px; display: block; width: 16px; height: 16px; background: url('/i/excel.png') 0 0 no-repeat; }

p.word{ position: relative; }
.word a { padding-left: 20px; color: #000; }
.word i { position: absolute; top: 50%; left: 0; margin-top: -8px; display: block; width: 16px; height: 16px; background: url('/i/word.png') 0 0 no-repeat; }

#info { min-height: 300px; }
#info .docs { width: 800px; }
#info .docs ul { list-style: disc; padding-left: 30px; font-size: 1.4em; margin: 30px 0; }
#info .docs li { margin: 10px 0; }
#info .docs a { color: #06f; }
#info .links { margin: 30px; }
#info .links a { color: #000; }

#footer .notice { font-size: .8em; padding: 0 210px 0 170px; }
#footer .notice p { float: none; line-height: 1.4em; margin: .5em 0; }