/* common */

body {
  padding: 0px;
  margin: 0px;
  background-color: #6A7C83;
}

body, table {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 8.25pt; /* .psd 11pt */
}

a img {
  border: none;
}

div.clearer {
  clear: both;
}

a, a:hover, a:visited, a:active {
  color: inherit;
}

table {
  border-collapse: collapse;
}

td, th {
  border: 1px solid #999999;
  padding: 1px 6px;
}

th {
  border: 1px solid #999999;
  background-color: #999999;
  color: white;
}

/* layout */

div#site_frame {
  width: 790px;
  margin: 0px auto;
  background: #6A7C83 url('/img/top_back.gif') top left repeat-x;
  position: relative;
}

  div#content_frame {
    z-index: 2;
    padding-top: 140px;
    position: relative;
  }

    div#whitearea_top_border {
      width: 100%;
      height: 10px;
      background: #6A7C83 url('/img/witearea_top.gif') top left no-repeat;
      font-size: 5px;
    }

    div#whitearea {
      background: url('/img/witearea_back.gif') top left repeat-y;  
      padding: 20px 30px 0px 30px;
      position: relative;
    }

      div#main_block {
        position: relative;
        padding: 33px 4px 4px 4px;
      }
                                  
        div#content {
          position: relative;
          color: #787D86;
          min-height: 382px;
          background: #EFDBA3 url('/img/content_back.jpg') top left no-repeat;
        }

        div#content a, div#content a:hover, div#content a:visited, div#content a:active {
          color: #787D86;
        }


          /* 3-column */

          .col3 div#wrapper {
            float: left;
            width: 538px;
          }

            .col3 div#main {
              width: 350px;
              float: right;
            }

              .col3 div#main .padder {
                margin: 35px 0px 20px 0px;
              }

          .col3 div#right {
            width: 165px;
            float: right;
          }

            .col3 div#left {
              width: 165px;
            }

          /* 2column */       

          .col2div#wrapper  {
            float: left;
            width: 100%;
          }

            .col2 div#main {
              width: 545px;
              float: right;
            }

              .col2 div#main .padder {
                margin: 35px 20px 20px 10px;
              }

          .col2 div#right {
            display: none;
          }

            .col2 div#left {
              width: 165px;
            }

          /* 1column */

          .col1 div#wrapper {
            float: left;
            width: 100%;
          }

            .col1 div#main {
              width: 100%;
              float: right;
            }

              .col1 div#main .padder {
                margin: 35px 20px 20px 20px;
              }

          .col1 div#right {
            display: none;
          }

            .col1 div#left {
              display: none;
            }

          /* any-column */

              div#left .padder {
                margin: 0px 0px 0px 20px;
                text-align: right;
              }

              div#left ul { list-style: none; margin: 0px; padding: 0px }
              div#left li { font-weight: bold; margin: 0px; padding: 0px }

            div#right .padder {
              margin: 0px 20px 0px 0px;
            }

      div#menu {
        position: absolute;
        top: 4px;	
        left: 228px;
        height: 29px;
        width: 498px;
        color: white;
        text-align: right;
      }

    div#whitearea_bottom_border {
      width: 100%;
      height: 56px;
      background: #6A7C83 url('/img/witearea_bottom.gif') top left no-repeat;
    }

    div#top_white_address {
      position: absolute;
      top: 0px;
      right: 30px;
      color: #787D86;
    }

  div#header_frame {
    position: absolute;
    top: 0px;
    height: 140px;
  }

    div#header_flash {
      position: absolute;
      top: 0px;
      left: -25px;
      height: 140px;
    }

  div#footer_frame {
    background: url('/img/footer_back.jpg') top left no-repeat;
    min-height: 223px;
    color: #FFFFFF;
    position: relative;
  }

    div#partners {
      position: absolute;
      right: 94px;
      top: 110px;
    }

    div#contacts {
      position: absolute;
      right: 20px;
      top: 220px;
      text-align: right;
    }

      div#contacts a {
        color: #8AD2FF;
        text-decoration: none;
      }

    div#counters {
      position: absolute;
      left: 0px;
      top: 240px;
      text-align: center;
    }

  div.backflower1 {
    z-index: 1;
    width: 35px;
    height: 35px;
    position: absolute;
    background: url('/img/backflower1.gif');
  }

  div.backflower2 {
    z-index: 1;
    width: 47px;
    height: 47px;
    position: absolute;
    background: url('/img/backflower2.gif');
  }

  div#bf1 {
    top: 400px;
    left: -100px;
  }

  div#bf2 {
    top: 200px;
    right: -25px;
  }

  div#bf3 {
    top: 550px;
    left: -70px;
  }

  div#bf4 {
    top: 400px;
    right: -50px;
  }

  div#bf5 {
    top: 30px;
    right: -80px;
  }

  div#bf6 {
    top: 700px;
    right: -50px;
  }

/*\*/
* html div#footer_frame {
  height: 223px;
}
/**/

/*\*/
* html div#content {
  height: 382px;
}
/**/


/* text */

p {
  margin: 0px 0px 0.5em 0px;
}

h1 {
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  margin: 1em 0px 1em 0px;
}

/* section specific */

.section_about h1 {
  color: #EAB704;
}
.section_services h1 {
  color: #F1901E;
}
.section_price h1 {
  color: #A98355;
}
.section_order h1 {
  color: #D25595;
}
.section_portfolio h1 {
  color: #A5C230;
}

.section_about div#main_block {
  background-color: #EAB704;
}                           
.section_services div#main_block {
  background-color: #F1901E;
}                           
.section_price div#main_block {
  background-color: #A98355;
}                           
.section_order div#main_block {
  background-color: #D25595;
}                           
.section_portfolio div#main_block {
  background-color: #A5C230;
}                           

.section_about div#menu {
  background-color: #EAB704;
}
.section_services div#menu {
  background-color: #F1901E;
}
.section_price div#menu {
  background-color: #A98355;
}
.section_order div#menu {
  background-color: #D25595;
}
.section_portfolio div#menu {
  background-color: #A5C230;
}


.section_about td, .section_about th {
  border-color: #EAB704;
}
.section_services td, .section_services th {
  border-color: #F1901E;
}
.section_price td, .section_price th {
  border-color: #A98355;
}
.section_order td, .section_order th {
  border-color: #D25595;
}
.section_portfolio td, .section_portfolio th {
  border-color: #A5C230;
}


.section_about th {
  background-color: #EAB704;
}
.section_services th {
  background-color: #F1901E;
}
.section_price th {
  background-color: #A98355;
}
.section_order th {
  background-color: #D25595;
}
.section_portfolio th {
  background-color: #A5C230;
}


/* content-specific */

.special b {
	color: #FF5A00;
}

.special a {
	font-weight: bold;
}

/* oderform */

.section_order label {
  display: block;
  width: 30%;
  float: left;
  clear: both;
  text-align: right;
  padding-right: 8px;
  margin-bottom: 10px;
}
/*
.section_order label:after {
  content: ':';
}
.section_order label.required:after {
  content: '*:';
}
*/
.section_order input {
  margin-bottom: 10px;
  width: 40%;
  font-size: 80%;
}
.section_order textarea {
  /* font-size: 80%; */
  width: 50%;
  height: 80px;
}

.section_order hr {
  color: #D25595;
  height: 1px;
}

/* portfolio */

.section_portfolio #main .padder {
  text-align: left;
}
.section_portfolio h3 {
  color: #798A24;
  font-size: 120%;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.section_portfolio .padder a img {
  border: 1px solid #A5C230;
  margin-right: 8px;
  margin-bottom: 8px;
}

/* admin */

dl.admin {  
}

dl.admin dt {  
  font-weight: bold;
}

dl.admin dd {  
}

ul.admin {
  border-bottom: 1px solid #999;
  padding: 0px 0px 0px 6px;
  margin: 10px 0px;
  clear: both;
}

ul.admin_bottom {
  border-top: 1px solid #999;
  border-bottom: none;
  padding: 0px 0px 0px 6px;
  margin: 10px 0px;
}

ul.admin li {
  display: inline;
  border: 1px solid #999;
  padding: 0px 5px;
  margin: 0px 4px;
}

ul.admin li:hover {
  background: #999;
}

ul.admin li a {
  text-decoration: none;
}

input.text, textarea.text {
  width: 100%;
  font: inherit;
  border: 1px solid #999;
  background: #fffff8;
}

input.text:hover, textarea.text:hover {
  border: 1px solid #666;
}

input.text:focus, textarea.text:focus {
  border: 1px solid #666;
  background: #f8fff8;
}

div.form_help {
  font-size: 90%;
  color: #999;
}

.error_message {
  font-size: 90%;
  color: #900;
}

label {
  font-weight: bold;
  font-size: 90%;
}


div.form_field {
  margin: 4px 4px;
}

fieldset {
  margin: 10px 0px;
}

legend {
  font-weight: bold;
  padding: 1px 6px;
}

fieldset {
  border: 1px solid #999;
}

/* news */

#news {
  position: absolute;
  width: 481;
  left: 140px;
  top: 16px;
  padding-left: 90px;
  background: url('/img/news.gif') top left no-repeat;
}
#news .item {
  width: 180px;
  float: left;
  margin-right: 10px;
}
#news .item .date {
  color: #8AD2FF;
  font-weight: bold;
}
#news .item p {
  margin: 0px;
  padding: 0px;
}
#news .item a {
  color: #8AD2FF;
  text-decoration: underline;
  font-weight: bold;
}


/* calc form */

.section_price label {
  display: block;
  width: 30%;
  float: left;
  clear: both;
  text-align: right;
  padding-right: 8px;
  margin-bottom: 10px;
}

.section_price input.text {
  margin-bottom: 10px;
  width: 40%;
  font-size: 80%;
}
.section_price textarea {
  /* font-size: 80%; */
  width: 50%;
  height: 80px;
}

.section_price hr {
  color: #D25595;
  height: 1px;
}