body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;margin:0;padding:0;outline: 0}
ul, ol {list-style-type:none;margin:0;padding:0}
body {background: #f4f3e9 url('../img/bg.gif') repeat-x;color: #6e6d5b;font: normal 12px /*75%/1*/ Arial,sans-serif;padding-top: 156px}
body.homepage {background: #f4f3e9 url('../img/bg-home.gif') repeat-x}
p {font-size: 1.0em;line-height: 1.8em;padding: 0 0 15px 0}

/* LINKS */
a {color: #cb3c1c;text-decoration: underline}
a:link {color: #cb3c1c}
a:focus {color: #cb3c1c;outline: 0}
a:visited {color: #cb3c1c}
a:hover {color: #6d1a07;text-decoration: none}
a.more {padding-right: 12px;background: url('../img/arrow.gif') no-repeat 100% 65%}

/* H1 - H5 */
h1, h2, h3, h4, h5, h6 {margin:15px 0 15px 0;font: normal 75%/1 Arial,sans-serif;}
h1 {color: #6e6d5b;font-size: 2.6em;margin: 0}
h2 {color: #6e6d5b;font-size: 2.2em;margin: 0;font-weight: normal}
h3 {color: #cb3c1c;font-size: 1.8em;font-weight: normal;margin-bottom: 25px}
h4 {color: #6e6d5b;font-size: 1.0em}
h5 {color: #6e6d5b;font-size: 1.0em}


/* WRAP */
.wrap {margin: 0 auto;position: relative;width: 960px}

    .head {background: url('../img/bg-head-wrap.gif') no-repeat top center;height: 235px;margin: 0 auto;position: relative;width: 920px}
    .homepage .head {background: url('../img/bg-head-wrap-home.gif') no-repeat top center;height: 485px;margin: 0 auto;position: relative;width: 920px}
    
        .head h1 {position: absolute;top: 25px}
        .head p {font-size: 1.2em;line-height: 1.6em;;position: absolute;top: 65px;width: 570px}
        .homepage .head p {width: 270px}
        .head a.butt {background: url('../img/butt-left.jpg') no-repeat;color: #681300;display: block;font-weight: bold;font-size: 1.3em;height: 37px;line-height: 37px;position: absolute;top: 130px;text-transform: uppercase;text-decoration: none}
            .head a.butt span.end {background: url('../img/butt-right.jpg') no-repeat right;display: block;padding: 0 35px 0 15px}
        .head a.butt:hover span {color: #fff}
        .head h2 {color: #6e6d5b;font-size: 1.0em;font-weight: bold;position: absolute;top: 200px;width: 290px}
        .head ul {position: absolute;top: 220px;width: 290px;}
            .head ul li {background: url('../img/arrow.gif') no-repeat 0 50%;line-height: 2.4em;padding-left: 12px}
        .head a.show-refs {background: url('../img/bg-show-refs.jpg') no-repeat 0 -49px;color: #e0dec0;font-weight: bold;font-size: 1.3em;height: 49px;text-transform: uppercase;text-decoration: none;line-height: 45px;padding-left: 25px;position: absolute; top: 410px;width: 273px;}
        .head a.show-refs:hover {background-position: 0 0;color: #fff}
        .head .references {left: 620px;position: absolute;top: 29px;width: 334px;height: 206px}
        .homepage .head .references {left: 280px;position: absolute;top: 28px;width: 710px;height: 440px}
            .head .references li {line-height: normal}
            .head .references li #refs {height: 100%;left: 0;position: absolute;top: 0;width: 100%}

    /* HEADER */
    #header {position: absolute;top: 0;left: 0;width: 100%}
        #header .wrap {background: url('../img/bg-header.gif') no-repeat 0 99px;height: 155px}
        
        /* logo */
        a#logo {color: #e34724;background: #fff;display: block;font-size: 2.9em;font-weight: bold;height: 65px;left: 10px;line-height: 65px;position: absolute;top: 47px;text-decoration: none;text-align: center;width: 52px}
            a#logo span {position: absolute;top: 0;left: 0;display: block;width: 100%; height: 100%;cursor: pointer;background: url('../img/logo.gif') no-repeat}

        /* navigation */
        ul#nav {position: absolute;right: 50px;top: 75px;}
            ul#nav li {display: inline;}
                ul#nav li a {display: block;float: left;background: url('../img/dot.gif') repeat-y 0;padding: 0 10px; font-size: 1.4em;color: #3f3e31;text-transform: uppercase;text-decoration: none}
                ul#nav li.first a {background: none}
                ul#nav li.active a,
                ul#nav li a:hover {color: #e14624;text-decoration: none;}


        p.navigation {font-size: 0.9em;left: 20px;position: absolute; top: 124px}
            p.navigation span {background: url('../img/arrow-nav.gif') no-repeat 5px 51%;color: #9f9e94;padding: 22px;text-decoration: none}

    #content {background: url('../img/bg-content.gif') no-repeat;margin: 0 auto;padding: 0 0 20px 0;width: 920px}
    .homepage #content {background: none;padding-top: 20px}

        .cols {background: url('../img/bg-cols-sep.jpg') no-repeat 50% 0;padding: 0;margin-bottom: 20px}
            .cols li {background: url('../img/dot.gif') repeat-x 0 100%;float: left;padding-bottom: 20px;width: 290px}
            .cols li.center {margin: 0 25px}
                .cols li h2 {background: url('../img/bg-cols-title.jpg') no-repeat;color: #fff;font-size: 2.0em;padding-left: 45px;height: 56px;line-height: 53px;margin: 0}
                .cols li p {padding: 15px;}
                .cols li a.more {position: relative; left: 15px}

        .contact {position: relative; left: 15px;width: 290px}
            .contact .tel {background: url('../img/contact-tel.jpg') no-repeat 0 55%;height: 45px;margin-bottom: 20px;padding-left: 60px}
                .contact .tel dt {font-size: 1.3em;height: 20px}
                .contact .tel dd {font-size: 1.6em;font-weight: bold}
            .contact .email {background: url('../img/contact-email.jpg') no-repeat 0 50%;height: 45px;padding-left: 60px}
                .contact .email dt {font-size: 1.3em;height: 20px}
                .contact .email dd {font-size: 1.6em;font-weight: bold;}
                    .contact .email dd a {color: #6e6d5b;text-decoration: none}
                    .contact .email dd a:hover {color: #cb3c1c}

        .news {width: 590px}
            .news ul li {float: left;width: 275px;margin-left: 40px}
            .news ul li.first {margin: 0}
            .news ul li .date {background: url('../img/calendar.jpg') no-repeat;display: block;font-size: 1.2em;padding: 15px 0 5px}
            .news ul li .date span {display: inline-block;text-align: center;margin-right: 5px;width: 30px}
            .news ul li p {padding-right: 15px}


        form table {width: 100%;margin-bottom: 20px}
            form table td {padding: 0 0 5px 0}
            form table td.a-right {text-align: right;padding-right: 5px}
            form table td.e-mail {padding-left: 45px}
        form .text {background: url('../img/form-text.gif') no-repeat;border: 0;color: #4b4930;height: 24px;font-size: 1.6em;margin-bottom: 15px;padding: 6px 10px;width: 411px}
        form .textarea {background: url('../img/form-textarea.gif') no-repeat;border: 0;color: #4b4930;height: 176px;font-size: 1.1em;line-height: 1.4em;font-family: Arial;font-weight: bold;padding: 10px 10px;width: 893px}
        form label {font-weight: normal;font-size: 1.4em}
        form strong {color: #000}

        .detail {padding: 20px 0}
            .explorer {float: left;width: 602px;height: 500px;position: relative}
                .explorer .image {display: none;left: -590px;position: absolute;top: 0;width: 590px}
                .explorer li .info {display: none}
                .explorer li.active {background: url('../img/explorer.gif') no-repeat;height: 500px;width: 602px}
                .explorer li.active .info {display: block}
                .explorer li.active img {display: block;left: 0}
                .explorer li div {left: 0;position: absolute;top: 445px}
                .explorer li div.image-content {height: 437px;left: 6px;overflow: hidden;position: absolute;top: 52px;width: 590px}
            ul.list {float: left;margin-bottom: 50px}
                ul.list li {overflow: hidden;padding-left: 30px}
                    ul.list li a {background: url('../img/dot2.gif') repeat-x bottom;cursor: pointer;color: #6e6d5b;display: block;font-size: 1.5em;line-height: 48px;margin: 0;padding: 0 0 0 20px;text-decoration: none;width: 268px}
                    ul.list li a:hover {background-color: #edecdf;color: #e34724}
                    ul.list li.active {background: url('../img/arrow-ref.gif') no-repeat 11px 50%}
                    ul.list li.active a {background-color: #edecdf;color: #6e6d5b}

        .explorers {margin: 20px 0;left: -14px;position: relative;width: 970px}
        .explorers li {background: url('../img/explorer-small.gif') no-repeat;float: left;height: 206px;width: 311px}
        .explorers li.center {margin: 0 11px}
            .explorers li a {display: block}
                .explorers li a img{left: 17px;position: relative;top: 24px}
        .features {float: left;margin-bottom: 20px;width: 55%}
        .modules {float: right;margin-bottom: 20px;width: 45%}
        .features h3,
        .modules h3 {margin-bottom: 10px}
        .features ul,
        .modules ul {padding-top: 5px}
        .features ul li,
        .modules ul li {padding: 7px 0 7px 25px;line-height: 1.4em;background: url('../img/yes.jpg') no-repeat 0 55%}
        .modules ul li {width: 170px;float: left}
        .images img {margin-right: 15px}

        .contact-info {background: url('../img/dot.gif') repeat-x bottom;padding: 20px 0}
            .contact-info li {width: 40%;float: left;font-size: 1.4em;line-height: 1.55em}
            .contact-info li.address {width: 30%}
            .contact-info li.contact {font-size: 1.0em;width: 30%}
            .contact-info li address {font-style: normal;}
            .contact-info li.working-time {line-height: 1.4em;width: 30%}
            .contact-info li.working-time strong {display: inline-block;width: 80px}
            .contact-info li.working-time sup {position: relative;font-size: 0.7em;top: 5px}

        .contact2 {margin: 20px 0 10px;position: relative;left: -10px}
            .contact2 .tel {background: url('../img/contact-tel.jpg') no-repeat 0 55%;float: left;height: 45px;margin-bottom: 20px;padding-left: 60px;width: 220px}
                .contact2 .tel dt {font-size: 1.3em;height: 20px}
                .contact2 .tel dd {font-size: 1.6em;font-weight: bold}
            .contact2 .email {background: url('../img/contact-email.jpg') no-repeat 0 50%;float: left;height: 45px;padding-left: 60px;width: 300px}
                .contact2 .email dt {font-size: 1.3em;height: 20px}
                .contact2 .email dd {font-size: 1.6em;font-weight: bold;}
                    .contact2 .email dd a {color: #6e6d5b;text-decoration: none}
                    .contact2 .email dd a:hover {color: #cb3c1c}

        iframe {border: 5px solid #d2d1c2}

    #footer {background: url('../img/bg-footer.gif') no-repeat;height: 56px;line-height: 60px;margin: 0 auto 20px;padding: 0;width: 960px}
        #footer span {padding: 0 20px}
        #footer a {text-decoration: none;color: #e14b2a;font-weight: bold;}
        #footer strong {padding-left: 10px}

/* OTHER */
.clr {clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%}
.noscreen {display:none}
.flt-l {float: left}
.flt-r {float: right}
.alert {height: 56px; line-height: 56px;padding-left: 60px;margin: 10px 0;font-size: 1.3em;font-weight: bold;}
.alert small {color: #6e6d5b;font-size: 0.8em}
.alert.err {background: url('../img/alert-err.gif') no-repeat;color: #8c1f19}
.alert.info {background: url('../img/alert-info.gif') no-repeat;color: #d16907}
.alert.succ {background: url('../img/alert-succ.gif') no-repeat;color: #549e14}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* hidden for ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}