* {font-family: Georgia;}
html, body {height: 100%;}
body { font-size:1em; background: #f2f3f2; text-align: center;}

.float-wrap {overflow: hidden;}
.clear {clear: both;}
.hidden {display: none;}


.tahoma {font-family: Tahoma;}
a {color: #0098be;}
a.dashed {background: url(/images/interface/dashed.gif) repeat-x bottom center; padding-bottom: -3px; text-decoration: none;}
.white {background: #fff; font-size: 1px; margin: 0px; padding: 0px;}

.page-text {font-size: 0.8em; color: #363131; line-height: 130%;}
.page-text {font-size: 0.8em; color: #363131; line-height: 130%;}

#site-wrap {min-width: 980px; max-width: 1260px; text-align: left; margin: 0px auto; min-height: 100%;}

#pagination {margin: 40px 0px 0px -90px;}
#pagination .pagination {}
#pagination .pagination li {float: left; height: 35px; margin-right: 20px;}
#pagination .pagination li a {color: #fff; text-decoration: none;}
#pagination .pagination li.page {background: url(/images/interface/pager/pager-bg.gif) no-repeat; width: 35px; text-align: center; padding-top: 5px;}
#pagination .pagination li.page.active {background: url(/images/interface/pager/pager-active-bg.gif) no-repeat;}
#pagination .pagination li.page.active span {color: #575757;}
#pagination .pagination li.pages {padding-top: 10px; font-size: 0.8em;}


#header {}

#header-logo-menu {float: left; border-bottom: 5px solid #fff; width: 386px; margin-left: 25px;}

#header-logo {margin: 45px 0px 0px 136px;}

#header-main-menu {margin: 55px 0px 20px 0px;}
#header-main-menu .main-menu-ul {list-style: none; width: 386px;}
#header-main-menu .main-menu-ul li {float: left; width: 193px; text-align: right; margin-top: 12px;}
#header-main-menu .main-menu-ul li a {font-family: Tahoma; font-size: 0.7em; font-weight: bold; color: #47494b; text-decoration: none; letter-spacing: 2px;}
#header-main-menu .main-menu-ul li a:hover {color: #0098be;}
#header-main-menu .main-menu-ul li.active span {font-family: Tahoma; font-size: 0.7em; font-weight: bold; color: #0098be; letter-spacing: 2px;}
#header-main-menu .main-menu-ul li.active a {font-family: Tahoma; font-size: 0.7em; font-weight: bold; color: #0098be; text-decoration: none; letter-spacing: 2px;}

#header-contacts {float: right; margin-top: 30px;}
#header-contacts .contacts-label {font-family: Tahoma; letter-spacing: 3px; font-size: 1.1em; color: #47494b; margin-bottom: 15px;}
#header-contacts .contact {margin-left: -80px; margin-top: 0px; width: 310px; font-size: 1.2em; }
#header-contacts .contact .label {float: left; width: 70px; margin-right: 10px; text-align: right; color: #989491; padding: 2px 0px; font-family:times new roman;}
#header-contacts .contact .value {float: left; width: 230px; color: #3d3731; padding: 2px 0px; font-family:times new roman;}
#header-contacts .contacts-after {width: 230px; font-size: 0.7em; color: #363534; margin-top: 10px;}

#footer {margin-top: 20px; margin-bottom: 50px;}
#footer-copyright {padding-top: 100px; margin-left: 156px; width: 380px; background: url('/images/interface/footer-bg.gif') repeat-x; position: relative; font-size: 0.9em;}
#footer-copyright .copy-symbol {position: absolute; left: -25px; width: 25px; color: #323232; background: #f5f5f5; line-height: 140%;}
#footer-copyright .copy-text {color: #323232; font-variant:small-caps; line-height: 140%;}
#footer-copyright .copy-text span {font-size:1em; font-family:times new roman;}

#content {}

#submenu {float: right; width: 230px;}
#submenu ul li {margin-bottom: 12px; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; line-height: 140%;}
#submenu ul li.active {color: #0098be;}
#submenu ul li a {color: #757575;}
#submenu ul li a:hover {color: #0098be;}

#page-headline {margin: 50px 250px 20px 156px;}
#page-headline h1 {font-family: Tahoma; color: #fff; font-size: 3em; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 5px;}
#page-headline h2 {color: #2f2f2f; font-size: 2em; text-transform: uppercase; letter-spacing: 3px; font-weight: normal; margin-bottom: 10px;}

#page-text {margin: 0px 250px 20px 156px;}
#page-text h1 {font-size: 1.8em; font-weight: normal; margin: 40px 0px 20px 0px; text-transform: uppercase;}
#page-text h2 {font-size: 1.6em; font-weight: normal; margin: 40px 0px 20px 0px; text-transform: uppercase;}
#page-text h3,h4,h5,h6 {font-size: 1.4em; font-weight: normal; margin: 40px 0px 20px 0px; text-transform: uppercase;}
#page-text p {margin: 10px 0px;}



#index-about {float: left; margin-top: 80px; margin-left: 156px; margin-bottom: 35px; width: 40%;}
#index-about h2 {font-family: Tahoma; font-weight: normal; font-size: 1.5em; color: #363131; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 20px;}
#index-about .index-about-text {font-size: 0.8em; color: #363131; padding-bottom: 30px; line-height: 130%; border-bottom: 5px solid #fff;}

#index-new-project {float: right; background: url('/images/interface/index-new-project-bg.jpg') no-repeat bottom right; height: 340px; width: 40%;}
#index-new-project .new-project-header {float: right; margin: 20px 20px 66px 0px;}
#index-new-project .new-project-header h2 {font-family: Tahoma; font-weight: normal; font-size: 1.4em; color: #363131; text-transform: uppercase; letter-spacing: 3px;}
#index-new-project .new-project-info {float: right; width: 208px; margin: 0px 10px 0px 0px; font-size: 0.7em; letter-spacing: 1px; line-height: 130%}
#index-new-project .new-project-info span {font-weight: bold;}
#index-new-project .new-project-info p {margin: 10px 0px;}

#index-activity-header {margin: 0px; }
#index-activity-header h1 {font-family: Tahoma; font-weight: normal; font-size: 1.6em; color: #363131; text-transform: uppercase; letter-spacing: 3px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 5px solid #fff;}
#index-activity-header h1 a {color: #363131;}

#index-activity-illustration {float: left; width: 315px; margin-right: 10px;}
#index-activity-list {float: left; width: 420px;}
#index-activity-list ul {list-style: none; padding-bottom: 30px; border-bottom: 5px solid #fff;}
#index-activity-list ul li {margin-top: 20px; padding-bottom: 10px; background: url('/images/interface/list-white-bg.gif') no-repeat bottom left;}
#index-activity-list ul li.last {background: none !important;}
#index-activity-list ul li a {font-size: 0.75em; text-transform: uppercase;}
#index-activity-list ul li .activity-info {font-size: 0.75em; margin-top: 10px; line-height: 140%;} 
#index-activity-list ul li .activity-info p {margin-top: 20px;}
#index-activity-list ul li .activity-info ul {margin-top: 0px; padding: 0px; background: none; border: none;}
#index-activity-list ul li .activity-info ul li {margin: 5px 0px 0px 20px; background: none;}

#index-news {margin: 70px 20px 0px 136px;}
#index-news h2 {font-family: Tahoma; font-weight: normal; font-size: 1.5em; color: #363131; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 20px;}
#index-news ul {}
#index-news ul li {float: left; width: 40%; margin-bottom: 20px;}
#index-news ul li .news-header {margin: 0px 40px 20px 0px; text-transform: uppercase; font-size: 0.8em; letter-spacing: 1px; line-height: 130%;}
#index-news ul li .news-content {color: #3e3732; margin: 0px 40px 20px 0px;}
#index-news ul li .news-date {color: #797675; margin: 0px 40px 20px 0px; background: url(/images/interface/dashed-grey.gif) repeat-x bottom center; padding-bottom: 10px; font-size: 0.7em;}


.company-jobs-holder {}
.company-jobs-holder .title {font-size: 1.8em; font-weight: normal; margin: 50px 0px 10px 0px; text-transform: uppercase;}

#company-team {}
#company-team ul {}
#company-team ul li {float: left; width: 33%; margin-top: 35px;}
#company-team ul li .image {margin-bottom: 10px;}
#company-team ul li .name {font-size: 1.4em; font-weight: normal; margin: 0px 0px 10px 0px;}
#company-team ul li .position {color: #797979; font-size: 0.6em; font-weight: normal; text-transform: uppercase; padding-bottom: 10px; height: 20px; margin: 0px 20px 0px 0px; border-bottom: 2px solid #fff;}
#company-team ul li .text {margin: 0px 20px 20px 0px;}
#company-team ul li .text ul {margin-top: 0px; padding: 0px; background: none; border: none;}
#company-team ul li .text ul li {margin: 5px 0px 0px 20px; background: none;}


#company-clients ul {}
#company-clients ul li {float: left; width: 33%; margin-top: 35px;}
#company-clients ul li .image {margin-bottom: 10px; text-align: center;}
#company-clients ul li .name {font-size: 1em; font-weight: normal; margin: 0px 0px 10px 0px; text-align: center;  height: 50px;}
#company-clients ul li .text {margin: 0px 20px 20px 0px;}
#company-clients ul li .text ul {margin-top: 0px; padding: 0px; background: none; border: none;}
#company-clients ul li .text ul li {margin: 5px 0px 0px 20px; background: none;}


#company-references {}
#company-references ul {}
#company-references ul li {margin-top: 35px;}
#company-references ul li .image {float: left; width:15%; text-align: right;}
#company-references ul li .image img {margin-right: 20px;}
#company-references ul li .description {float: left; width: 84%; margin-bottom: 10px;}
#company-references ul li .name {font-size: 1.4em; font-weight: normal; margin: 0px 0px 10px 0px;}
#company-references ul li .position {color: #797979; font-size: 0.6em; font-weight: normal; text-transform: uppercase; margin: 0px 0px 20px 0px;}
#company-references ul li .text {margin: 0px 0px 10px 0px;}
#company-references ul li .text p {margin-top: 20px;}
#company-references ul li .text ul {margin-top: 0px; padding: 0px; background: none; border: none;}
#company-references ul li .text ul li {margin: 5px 0px 0px 20px; background: none;}


#licenses {}
#licenses ul {}
#licenses ul li {float: left; width: 33%; margin-top: 35px; text-align: center;}
#licenses ul li .image {padding-bottom: 20px; margin: 0px 20px 10px; border-bottom: 10px solid #fff;}
#licenses ul li .name {font-size: 1.2em; font-weight: normal; margin: 0px 0px 10px 0px;}


#news {margin: 50px 20px 0px 0px;}
#news ul {}
#news ul li {margin-bottom: 40px;}
#news ul li .news-header {color: #0098be; margin: 0px 0px 10px 0px; text-transform: uppercase; font-size: 0.8em; letter-spacing: 1px; line-height: 130%;}
#news ul li .news-content {color: #3e3732; margin: 0px 0px 5px 0px;}
#news ul li .news-date {color: #797675; margin: 0px; padding-bottom: 10px; font-size: 0.7em;}

#feedback-contacts {margin-left: -110px;}
#feedback-contacts .label {float: left; width: 100px; margin-right: 10px; padding: 5px 0px; text-align: right; color: #7d7e7d; font-style: oblique; font-size: 0.8em;}
#feedback-contacts .value {float: left; width: 400px; padding: 3px 0px 5px 0px; font-size: 0.85em; line-height: 130%; margin-bottom: 10px;}

#feedback-form {font-size: 0.45em; margin-left: -110px;}
#feedback-form-message {font-size: 1.5em;}


#opportunities-list {margin-top: 20px;}
#opportunities-list ul li {margin-top: 40px; padding-top: 20px; background: url('/images/interface/opportunities-list-bg.gif') no-repeat top left;}
#opportunities-list ul li .title {font-size: 1.6em; font-weight: normal; margin: 0px 0px 15px 0px; text-transform: uppercase;}
#opportunities-list ul li .title a {color: #363131; text-decoration: underline;}
#opportunities-list ul li .title a:hover {color: #363131; text-decoration: underline;}
#opportunities-list ul li .text p {margin-top: 20px;}
#opportunities-list ul li .text ul {margin-top: 0px; padding: 0px; background: none; border: none;}
#opportunities-list ul li .text ul li {margin: 5px 0px 0px 20px; background: none;}

#projects-map {width: 795px; height: 435px; position: relative; background: url('/images/interface/projects-map.jpg') no-repeat top left;}

.city-on-map {position: absolute; width: 30px;}
.city-on-map .city-img {float: left; margin: 15px 0px 0px 0px;}
.city-on-map .city-info {float: left; width: 200px; background: url('/images/interface/white-png.png');}
.city-on-map .city-info .city-title {color: #b2afaf; font-size: 1.05em; padding: 0px 10px 5px 10px; margin: 10px 5px 3px; border-bottom: 1px solid #b2afaf; text-transform: uppercase;}
.city-on-map .city-info .city-projects {color: #b2afaf; font-size: 0.8em; padding: 0px 10px 5px 10px; margin: 0px 5px 10px;}
.city-on-map .city-info .city-projects span {color: #109dc1;}


.filter-label {font-size: 0.6em; text-transform: uppercase; margin: 25px 0px 7px 10px;}
.filter-selector {font-size: 0.75em;  margin-bottom: 5px;}
.filter-selector a {color: #aaa; text-decoration: none;}
.filter-selector div {margin: 5px 0px; padding: 10px; background: #fff url('/images/interface/filter-down-arrow.png') no-repeat right; cursor: pointer;}
.filter-dropdown {margin: 0px; padding: 10px; background: #eee url('/images/interface/dashed-grey.gif') repeat-x bottom;}
.filter-dropdown ul li {text-transform: none !important; font-size: 0.75em !important; letter-spacing: 0px !important; color: #afafaf;}

.project-holder {margin: 50px 0px 50px;}
.project-holder .title {font-size: 0.8em; margin-bottom: 5px;}
.project-holder .title h3 {font-weight: normal; margin: 0px !important; text-transform: uppercase;}
.project-holder .category {font-size: 0.8em; font-weight: normal; margin-bottom: 10px;}
.project-holder .category a {color: #908f8f;}
.project-holder .text {font-size: 0.8em; font-weight: normal; line-height: 130%;}
.project-holder .category a {color: #908f8f;}
.project-holder .additional {font-size: 0.7em; font-weight: normal; line-height: 130%; color: #979696;}

#project-gallery {margin: 20px 0px;}
#project-gallery-image {margin-top: 10px;}
#project-gallery-list {}
#project-gallery-list ul li {float: left; margin-right: 10px; }




/* списки с маркерами-тире */
ul.mdash
{
    padding: 0; margin: 1em 0;
}
ul.mdash li
{
    margin: 0.5em 0 0.5em 1.3em;
}
ul.mdash
{
    list-style-type: none;
    //list-style-image: url('/images/interface/li.gif');
}
ul.mdash li
{
    padding: 0;
    behavior: expression(
        ( !this.before && parentNode && parentNode.tagName == 'UL' )
        ?
            ( this.before = true )
            & ( parentNode.style.listStyleImage = 'none' )
            & (
                ( this.firstChild && this.firstChild.firstChild )
                ?
                    ( this.firstChild.style.marginTop = '-1.2em' )
                    & ( this.firstChild.style.position = 'relative' )
                : ''
            )
            & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
            & ( eNOBR.innerHTML = '&mdash;&nbsp;' )
            & ( this.insertBefore( eNOBR, this.firstChild ) )
        : ''
    );
}
ul.mdash>li:before
{
    content: '\2014\a0';
    float: left;
    margin-left: -1.25em;
}
ul.mdash>li>*:first-child:-moz-first-node
{
    margin-top: -1.2em;
}
ul.mdash>li>*
{
    text-indent: 0;
}
ul.mdash li .sup
{
    position: relative;
    top: -0.5em;
    font-size: 0.75em; //font-size: 0.89em;
    line-height: 0;
    vertical-align: baseline;
}

#forform {float: right; width: 250px; margin-right: 100px;}
#forform #sign_in label {font-size: 12px;}
#sign_in dl {margin: 13px 0 -8px 0;}
#butlogin input {float: right; font-size: 100%; margin-right: 36px;}
#login {font-size: 12px;}
#hint { left: 16.5em; top: 0em; padding: 0.3em; background: #FFF; }