/* galaxy-center.ru - stylesheet  */
/* v 3.0                          */
/* fixed site-form                */
/* ------------------------------ */
/* Malyshev Alex                  */
/* Flexites Ltd.                  */

/* main: html, body, etc */

html, body {
    padding: 0; margin: 0;
    font-family: Tahoma, sans-serif, Arial; font-size: .9em;
    min-height:100%; height: 100%;
}
body { background: #000; color: #fff;}

div, form, table, td, ol, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
div { position: relative; display: block;}



a img { border: 0;  }
a {  text-decoration: underline; border: 0; color: #606060; }
a:hover { text-decoration: none; }

img { border: 0; }
img.png { border: 0; behavior:expression( !this.filterSetFlag ? this.filterSetFlag = (this.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + this.src + '", sizingMethod="image")', this.src='/i/e.gif', true) : '' ); }

h1 {
    font-size: 16px; font-weight: bold;
    margin-bottom: 10px;
}

small { font-size: .95em; }

.small {
    font-size: .95em;
}
.spacer-5 {
    height: 5px;
}
.spacer-20 {
    margin-bottom: 20px;
}

.justified { text-align: justify; }
.text { font-size: .9em; line-height: 1.15em; }
.text ul { padding-left: 2em; }
.p_lr { padding: 0px 20px; }

.main_wrap {
    width: 1000px; margin: 0px auto;
    height: 100%; min-height: 100%;
}
html>body .main_wrap {
    height: auto;
}

.right_link {
    text-align: right;
}

.break { clear:both; font-size: 1px; height: 0px; max-height: 0px; position: relative; visibility: visible; display: block;}

.galaxy {
    position: absolute;
    left: 20px; top: 40px; width: 150px; height: 150px;
}
.galaxy img {
    width: 100%; height: 100%;
    color: #fff;
    font-weight: bold;
}

/* --------------- header  ---------- */

.head {
    position; relative;
    border-top: 1px solid #000;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 20;
}
.head .address {
    postion: absolute;
    left: 70%;
    width: 30%;
    top: 200px;
    margin-left: -20px;
    font-size: 12px;
    color: #ccc;
}
.head .menu {
    margin-top: 230px;
    border-top: 3px solid #fff;
    background: #000;
    padding: .3em 0;
    text-align: center;
    overflow: visible;
    list-style: none;
}
.head .menu li {
    position: relative;
    display: inline;
    margin: 0px 1.7em; padding: 0;
    list-style: none;
}
.head .menu a {
    color: #fff;
}
.head .menu .active a {
    color: #ed1c24;
}
.background {
    position: absolute; z-index: 10;
    left: 0px; width: 100%; top: 230px;
    bottom: 120px;
    height: expression((this.offsetParent.offsetHeight-this.offsetTop-120)+'px');
    background: #fff;
}

/* --------center background -------- */
html>body .background {
    height: auto;
}

/* ------------- center ------------- */
.center {
    z-index: 30;
    padding: 1.5em 1.5em;
    padding-top: 3.5em;
    color: #606060;
    background: #fff;
    clear: both;
    min-height: 28em;
    height: 28em;
    overflow: hidden;
    text-align: left;

}
.dont-fix-height .center {
    overflow: visible;
}
html>body .dont-fix-height .center {
    height: auto;
    overflow: visible;
}

.center .leftspace {
    float: left;
    width: 240px;
    padding: 0px 1em;
    height: 28em;
    overflow: hidden;
}
.center .rightspace {
    float: right;
    width: 240px;
    padding: 0px 1em;
    height: 28em;
    overflow: auto;

}
.center .centerspace {
    margin: 0px 270px;
    padding: 0px 1em;
    height: 28em;
/*    overflow: hidden;*/
}

.center .hugespace {
    margin: 0;
/*    margin-left: 270px;*/
    padding: 0px 1em;
    height: 28em;
    overflow: auto;
    //overflow-x: hidden;
}
#contentArea {
   overflow: hidden;
}
*html #contentArea {
   overflow: visible;
   height: 1%;
}

/* ----------- interfaces ----------- */
.news_block {
    float: left; width: 33%;
    text-align: center;
}

.news_block .picture {
    margin: 0px auto;
    width: 287px; height: 173px;
    overflow: hidden;
}
.news_block .picture .inner {
    padding: 14px;
    overflow: hidden;
    z-index: 10;
}

.news_block .picture .border {
    position: absolute; left: 0px; height: 0px; width: 100%; height: 100%;
    z-index: 20;
    background: url(/i/news-block.png) top left no-repeat;

}
*html .news_block .picture .border {
   background: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/news-back.png', sizingMethod='crop');
}
.news_block .picture .date {
    position: absolute; left: 185px; top: 138px; width: 75px;
    font-size: .9em;
    z-index: 40;
    color: #fff;
    text-align: center;
}

.news_block .text {
    padding: 1em 20px 0 40px;
    text-align: left;
}

.archive_block {
    padding-bottom: 5px;
}
.archive_block .text {
    padding-left: 4.7em;
}
.archive_block .date {
    color: #ed1c24;
}

/* --- about company ---- */
.person_link {
    position: relative; display: block; float: left;
    text-decoration: none;
    margin: 5px;
}
.person_link img {
    width: 50px; height: 50px;
}

/* ----- services ------- */
ul.service_list {
    list-style: none;
}
ul.service_list li {
    margin: 10px 30px;
    margin-top: 0;
}

.service_list .active a {
    color: #ed1c24;
}

/* ------ portfolio ------ */
.submenu {
    position: relative;
    margin: 0; padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: -1.2em;
    top: -2.5em;
}
.submenu li {
    margin: 0; padding: 0;
    list-style: none;
    display: inline;
    margin: 0px 25px;
}
.submenu a {
    color: #000;
}
.submenu .active a {
    color: #ed1c24;
}
ul.list, ul.portfolio_list, il.pic-list {
    list-style: none;
    margin: 0; padding-top: 0;
}
ul.list li {
    margin: 5px 10px;
    margin-top: 0;
}
ul.list a {
    text-decoration: none;
}
ul.list a:hover {
    text-decoration: underline;
}
ul.list .active a, ul.portfolio_list .active a, ul.pic-list .active a {
    color: #ed1c24;
}

ul.portfolio_list li {
    margin: 5px 10px;
    margin-top: 0;
}
ul.portfolio_list a {
    text-decoration: none;
}
ul.portfolio_list a:hover {
    text-decoration: underline;
}

ul.pic-list li {
   list-style: none;
   margin-bottom: 1em;

}
ul.pic-list li a {
   text-decoration: none;
}
ul.pic-list li img {
   margin-right: .5em;
}
ul.pic-list li a:hover span {
   text-decoration: underline;
}


#gallery-image {
    text-align: center;
}

.pics-navigation {
    padding-top: .3em;
    text-align: center;
}
.pics-navigation a {
    margin: 0 1em;
    text-decoration: none;
}
.pics-navigation a:hover {
    text-decoration: underline;
}
.pics-navigation a.active {
    color: #ed1c24;
}
/* ------------ pages --------------- */
.pages {
    position: absolute;
    right: 4em; bottom: 1em;
    width: 500px; height: 1.2em;
    text-align: right;
    cursor: default;
    color: #000;
    font-size: 13px;
    clear: both;
}
.pages-left {
   left: 4em;
   right: auto;
   text-align: left;
}
.pages .right {
    float: right;
}
.pages a {
    color: #000;
    text-decoration: none;
}
.pages a:hover {
    text-decoration: underline;
}
.pages a, .pages span {
    margin-right: 5px;
}
.pages span {
    color: #ed1c24;
}
.pages .archive {
    margin-left: 20px;
}
/* --------------- search ----------- */
.search-res {
    margin-left: 3em;
    margin-bottom: 1em;
}
.search-res li {
    padding: .2em 0;
}

/* ------------ feedback ------------ */
.feedback {

}
.feedback p {
    margin-bottom: 3px;
}
.feedback .error {
    color: #ed1c24;
}
.feedback p label {
    display: block;
    font-size: .9em;
}
.feedback input, .feedback textarea {
    width: 220px;
    font-family: tahoma, sans-serif, arial;
    border: 0;
    border: 1px solid #999;
    border-top: 0;
    background: #fff;
    font-size: 1em;
    padding: 0 2px;
}
.feedback input:focus, .feedback textarea:focus {
    border-color: #666;
}

.feedback .submit input {
    width: auto;
    background: #fff;
    border: 0;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 3px solid #999;
}

/*  --------------------------------------- */
.loading {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    /*border: 1px solid #606060;*/
    background: url(/i/loader.gif) center center no-repeat;
    opacity: .8;
    filter: alpha(opacity=80);
}

/* ------------ footer -------------- */
.footer_null {
    height: 120px;
}
.footer {
    z-index: 5;
    left: 0px; width: 100%; height: 180px; bottom: 0px;
    background-position: center -50px;
    background-repeat: no-repeat;
}
.footer .kornilov {
    position: absolute;
    width: 250px;
    height: 15px;
    top: 20px;
    right: 20px;
}
.footer .search {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 300px;
    white-space: nowrap;
}

.footer .search input {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    font-size: 1.1em;
    width: 10em;
    padding: 1px;
}
.footer .search .submit {
    cursor: pointer;
    font-size: 1.1em;
    margin-left: .3em;
    color: #fff;
    padding: 1px;
    width: auto;
    text-align: left;
}
.footer .context-menu {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    line-height: 1;
    top: expression((this.offsetParent.clientHeight - this.offsetHeight) + 'px');
    text-align: center;
    font-size: .8em;
}
html>body .footer .context-menu {
    top: auto;
}
.footer .context-menu a {
    color: #666;
    margin: 0 .5em;
}

.footer .flex {
    position: absolute;
    width: 300px;
    height: 15px;
    top: 50px;
    right: 20px;
    font-size: 10px;
    text-align: right;
}
.footer .flex a { color: #aaa; text-decoration: none; }
.footer .foot-banners {
    position: absolute;
    left: 0;
    top: 61px;
    list-style: none;
}
.footer .foot-banners li { display: inline; margin-right:5px; }
.ov { overflow: hidden; }
*html .ov { zoom: 1 }