body {
  	/*background: #EBEBEB url("bg_gray2.gif") repeat;*/
  	background: #FFF;
    background-attachment: fixed;
    margin: 0;
    padding: 7px;
  color:#000;
  font-family:Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size:14px;
  }

  /* Цвета
  главный зеленый
  */
  .color_h1
  {
      color:#8ec741;
  }
  /* сабглавный синий */
  .color_h2
  {
      color:#2653a1;
  }
  .color_red
  {
    color: #cc0000;
  }

  /* черный  */
  .black_h1
  {
    color: #000;
  }
  .black_h2
  {
    color: #444;
  }
  .black_h3
  {
    color: #888;
  }
a
{
  color: #2653a1;
}





h1
{
  /*color:#f9941c;*/
  /* color: #004466;*/
  color:#8ec741;
  font-size: 20px;
}
h2#all
{
  margin-left:50px;
}
h2
{
  /*color: #8ec741;*/
/*  color: #0066AA;*/
  color:#2653a1;
  font-size: 18px;
}
h3
{
  /*color:#00adef;*/
  color:black;
  font-size: 14px;
}
div.register
{
font-size: 12px;
}
span.info_text
{
/*font-family:"Comic Sans MS", Helvetica, sans-serif;*/
font-size: 12px;
margin-left: 10px;
}
div.register
{
  background: url('b.gif') top left repeat-y;
  padding-left: 10px;
  text-align: right;
}
div.register .text_left
{
padding-top: 3px;
  text-align: left;
  float:right;
  color: #555;
}
.text_left a
{
  color: #555;
}



#after_works
{
/*  color: #2653a1;*/
  color: black;
  font-size: 12px;
  text-align: right;
  padding-bottom: 10px;

  background: #cfcfcf url("ccc_shadow_up.gif") bottom left repeat-x;

}
#mainbottom
{

  background: url("ccc_shadow_down.gif") top left repeat-x;
  text-align: justify;
}
#mainbottom li
{
   font-size: 12px;
}

#about ul
{
  margin-top: 10px;
}


#about li
{
  margin-bottom: 5px !important;
  margin-bottom: 0px;

}
a.allworks
{
  float: right;
  font-size: 13px;
  font-weight: bold;
}
a.reviews
{
  font-size: 13px;
  float: right;
  font-weight: bold;
  position: relative;
  top: -15px;
  left: -5px;
}

#about_left
{
width: 75%;
}
#about_right
{
font-size:10px;

}
.review
{
text-align: justify;} 



#about_table td, #mainbottom td
{
vertical-align: top;
/*font-family:"Comic Sans MS", Helvetica, sans-serif;*/
font-size: 12px;
}
#mainbottom
{
margin-top: 5px;
}

a {text-decoration:none;}
a:hover{color:#f9941c;font:tahoma; text-decoration:underline;}
/* закругленные заголовки */
div.up_line
{
    clear:both;
    overflow: hidden;
    margin:0px;    
    padding:0px;
    background: url("up_main_shadow.gif") top left repeat-x;
    height: 11px;

}
div.down_line {
clear:both;
/*overflow: hidden;*/
margin:0px;
margin-top: 0px;
padding:0px;

background: #cccccc url("down_main_shadow.gif") top left repeat-x;
height: 13px;
}
div.footer
{

color: black;
font-size: 10px;
float: left;

}
div.footer div
{
  position: relative;
  top:-8px;
  left: 20px;
}





 div.line_left img,div.line_right img
 {
 border: none;
 margin:0;
 padding:0;
 }
 #works
{
margin-top: 00px;
background: transparent;
}
body.main #works
{
margin-top: -20px;
}

#how_container
{
  text-align: right;
  width: 100%;

}

#how
{
position: relative;
z-index: 2;
margin-right: 150px;



}
#how a img
{
    background: url('gear.gif') top left no-repeat;
}

#how a:hover img
{
  background: url('gears.gif')  top left no-repeat;
}
 div.line_left
{
float:left;
}
 div.line_right 
{
float:right;
}
div.left_shadow
{
clear:both;
    overflow: hidden;
  padding-left: 4px;  
   background: url("left_main_shadow.gif") top left repeat-y;

}
div.right_shadow
{  
  padding-right: 4px;
  background: url("right_main_shadow.gif") top right repeat-y;
}
#register, #review
{
  background: #FFF;
}




#login .text_center
{
  text-align:left;

  width: 80px;
  float:right;
  padding: 3px;

  background: url("right_up_shadow.gif") top right no-repeat;
}
#login form
{
  margin:0;
  padding:0;
}



body{text-align: center;}
/*#wrapper
{
  text-align: left;
  width: 90%;
  width:expression(document.body.clientWidth < 833? "750px": "90%" );
  min-width: 750px;
  margin: 0 auto;
  background: #FFF;
}*/
body.main #wrapper
{
  width: 75%;
  width:expression(document.body.clientWidth < 1000? "750px": "75%" );
}
#wrapper
{
  text-align: left;
    width: 90%;
  width:expression(document.body.clientWidth < 833? "750px": "90%" );
  min-width: 750px;
  margin: 0 auto;
  background: #FFF;
}
a.top_links
{
  font-size: 10px;
 font-weight: bold;
  text-transform: uppercase;
  color: #000;
  font-family:Tahoma, Arial, Helvetica, sans-serif;


}
#top_menu
{
  text-align:right;
}


#header
{
  width: 100%;
  clear:both;
  margin-top:-35px;
}
#logo
{
  float: left;
  margin-left: 10px;
  margin-top:15px;
}
#header #login
{
  float:right;
  width: auto
  text-align:center;
}
#login td input.normal
{
  width: 90px;
}
#login input
{
font-size: 12px;
}
#login span
{
  font-size: 11px;
}
#login td span
{
font-size: 10px;
}
#login .float_left
{
  float:left;
}
#login .float_right
{
  float:right;
}
#login
{
    background: #FFF;
    margin-right: 20px;
}




.client #contractor, .build #client
{
  display:none;
}



#header #title
{
  float: left;
  margin-top:30px;
  margin-left: 20px;
  font-size: 12px;
  font-weight: bold;

 color: #555;  /*black_h2*/
  text-align: left;
}
#register .content
{
background: #f0f7ff url('register.gif') top center no-repeat;

font-family: Verdana;
font-size: 12px;
text-align:left;
}
#review .content
{
background: #f0f7ff;
}
.register .img
{
margin-right: 5px;
margin-top: 0px;
}
.register a
{margin-left: 15px;}
.register .text
{
padding-top: 3px;
}
/* Организация меню методом раздвижных дверей */


#menu {
  position: relative;
  top:+4px;
  float:left;
  width:100%;
/*  background:#00adef url("bg.gif") repeat-x bottom; */
  /*background: url("bg2.gif") repeat-x bottom;*/
  font-size:12px;
  line-height:normal;
  padding-top:10px;
  }
#menu ul {
  margin:0;
  padding:0px 15px 0px 0px;

  list-style:none;
  }
#menu li {
  float:right;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0px 0 0 9px;
  border-bottom:1px solid #dedede;
  }

#header #current {
  background-image:url("left_on.gif");
  border-width:0;
  }
#menu a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:9px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#555;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu a:hover {
  color:#000;
  text-decoration: underline;
  }
/* текущие закладки */
li#contractor_panel,li#client_panel,li#seller_panel {display: none;}
#contractor_panel li#contractor_panel,#client_panel li#client_panel,#seller_panel li#seller_panel {display: inline;}
li#contractor_panel a,
li#client_panel a,
li#seller_panel a {color:#cc0000;} /*red*/

/* текущие пункты меню */
body#info #menu li#info,
body#about #menu li#info,
body#client_panel #menu li#client_panel,
body#seller_panel #menu li#seller_panel,
body#contractor_panel #menu li#contractor_panel,
body#mat_search #menu li#mat_search,
body#build_search #menu li#build_search
  {
  background-image:url("norm_left.gif");
  border-bottom:0px;
  }
body#info #menu li#info a,
body#about #menu li#info a,
body#client_panel #menu li#client_panel a,
body#seller_panel #menu li#seller_panel a,
body#contractor_panel #menu li#contractor_panel a,
body#mat_search #menu li#mat_search a,
body#build_search #menu li#build_search a
  {
  background-image:url("norm_right.gif");
  color: #000;
    padding-bottom:5px;
  }
body#info #menu li#info a:hover,
body#about #menu li#info a:hover,
body#client_panel #menu li#client_panel a:hover,
body#seller_panel #menu li#seller_panel a:hover,
body#contractor_panel #menu li#contractor_panel a:hover,
body#mat_search #menu li#mat_search a:hover,
body#build_search #menu li#build_search a:hover
  {
  color: #00adef;
  }
/* основной фрейм */
  #content
  {
/*    padding: 10px;*/
    /*border-left: 1px solid #00adef;
    border-right: 1px solid #00adef;*/
    clear:both;
    overflow: hidden;
    height:auto !important;
    height: 100%;
    background: #ccc url('bluefade.gif') repeat-x;
  }
  body.main #content
  {
    background: #ccc url('bluefade_long.gif') repeat-x;
  }

  #content_low
  {
    padding: 10px;
    /*border-left: 1px solid #00adef;
    border-right: 1px solid #00adef;*/
    overflow: hidden;

/*    background: url('bluefade.htm') bottom left repeat-x;*/
  }
/* выпадающие списки */
#works_head
{
   /*background-color: #ffb400;*/
   background:  url('left_up_shadow.gif') bottom left no-repeat;
   padding:0px;
   font-size: 8px;
   color: white;
   font-weight: bold;



}
.div_header div.left
{
display:none;
}
#works_head .right
{
   /*background-color: #ffb400;*/
   background: url('right_up_shadow.gif') bottom right no-repeat;
   font-size: 10px;
   color: white;
   font-weight: bold;

}
#works_foot
{
   background: url('left_down_shadow.gif') 0 0 no-repeat;
   padding:0px;
   margin:0px;
   font-size: 10px;
   color: white;
   font-weight: bold;


}
#works_foot .right
{
   background: url('right_down_shadow.gif') top right no-repeat;
   padding:0px;
   margin:0px;
   font-size: 10px;
   color: white;

   font-weight: bold;

}

#works_body
{
  /*border: 1px solid #ffb400;*/
/*  background: #EBEBEB url("bg_gray2.gif") repeat;*/
  /*background: url('bg3_or.gif') right bottom repeat-x ;*/
background: url('left_shadow.gif') left center repeat-y;

  text-align:center;
  overflow: hidden;

}

#works_body div.left
{
text-align:center;

background: url('right_shadow.gif') right center repeat-y;

}
#works_body .left_inner
{
padding: 10px 20px;
text-align:center;
}
#works_body img
{margin-bottom:5px;margin-top:5px;overflow-x: hidden;
}
#works_body  td
{
    width: 20%;
    vertical-align:top;
}
div.display_none, div.display
{
    margin-bottom:  3px;
}

.display_none span,.display span
{
    cursor: hand;
    font-size: 12px;
    padding-left: 14px;
    font-weight: bold;
    color: #555;
/*    white-space: nowrap;*/

    background: url('plus.gif') 0px 2px no-repeat;
}
.display span
{
  background-image: url('minus.gif');
}
div.display_none .list
{
  display:none;
}
div.display .list
{
  display:visible;
}
.display ul
{
  margin:0;
  margin-left:14    px;
  padding:0px   15px 0;
  font-weight: normal;
  font-size: 12px;
  color: #444;
}

.display li a:hover
{
  text-decoration: underline !important;
}
.display li a
{
  color: #2653a1;
}

/* левая панель */
#content_left
{
  width: 75%;
  float:left;
  padding-left: 5px;
}
#content_right
{
  width: 20% !important;
  width: 23%;
  float: right !important;
  float:left;
  padding-right: 5px;
  padding-left:20px;
  margin-top: -0px;
  overflow:hidden;

}
/*#content_right
{

} */



#footer
  {
    margin-top: 10px;
    padding-top: 5px;

    clear:both;
    font-size: 10px;
    color: #66B;
  }
#footer a
{
color: #66B;
}
#self_info
{
  clear:both;
}


img.float_left
{
  float:left;
  margin: 10px;
}

div.right_block
{
  margin-top: 20px;
  overflow:hidden;
}

div.right_block .content
{
  padding: 10px;
/*  border: 1px solid #8ec741;*/
border:1px solid #93bce6;
}

#register .right, #review .right
{
  /*background-color: #8ec741;*/
  background-color: #0066AA;
  padding: 2px;
  color: white;
}
div.div_header2
{
  background: #93bce6 url('div_head.gif') no-repeat;
  color: white;
  padding: 1px; 
  text-align: center;
}

div.foto_div
{
  text-align:center;
}
div.foto_text
{
  padding: 5px 0px;

  font-size: 10px;
}


div.foto_div img
{
  border: 1px #93bce6 solid !important;
  border-width: 0px;
  padding: 4px;
  background: #FFF;
  overflow:hidden;
 
}
div#mailto
{
  float: right;
}


#mailto
{
  padding-left: 15px;
   background: url("contact.gif") 0 3px no-repeat;
}
div#copyright
{
  float: left;
}
#footer
{
  clear: both;
  overflow:hidden;
    height:auto !important;
    height: 100%;
}

#register
{
  text-align:center;
}
#header
{
  padding-top:5px;
}
h1#main_top
{
 margin-top:15px;
}
div.hello
{
text-align:right;
}


#articles {
    width: 70%; 
    text-align: center; 
    margin: 0 auto; 
    font-size:12px
}
#articles img{
    margin-top: 12px;
}

#login
{
    width: 50%;

    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
}



#login #works_body .left_inner
{
  padding: 10px;
}

#login #choose
{
  text-align: left;
  margin-bottom: 20px;
}

#login, #login span, #login td, #login a
{
  font-family:Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size:12px;
}
#login .required
{
   font-weight: bold;
}
#login td.left
{
  text-align: right;
  width: 50%;
}
#login td.right
{
  text-align: left;
  width: 50%;
  vertical-align: middle;
}
#login table
{
  width: 80%;
}
#login table.login
{
  width: 60%;
  margin: 0 auto;
}
#login form input
{
  width: 100%;
}
#login form input.button
{
  width: 45%;
}
#standart form input
{
  width: 100%;
}
#standart form input.button
{
  width: 50%;
}
#login form input.prefix, #standart form input.prefix, input.prefix
{
  width: 30%;
}
#login form input.phone, #standart form input.phone, input.phone
{
  width: 70% !important;
  width: 68%;
}
#login form input.none, #standart form input.none, input.none
{
  width: auto;
}

 div.error
{
  margin-top:10px;
  color: red;
  margin-bottom: 10px;
}
 div.ok
{
  margin-top:10px;
  color: green;
  margin-bottom: 10px;
}
div.comment
{
    text-align: left;
  margin-top:10px;
  color: gray;
  margin-bottom: 10px;
}
#login div.new
{
      text-align: left;
  margin-top:20px;
  margin-bottom: 0px;
}
#form div.order td
{

}
#nav_table #works_body .left_inner
{
  text-align:left;
}
#nav_table li
{

  font-size:12px;
}
#nav_table td.right div
{
  width: 100%;
}
#nav_table td.nav_left
{
  width: 200px;
}
#nav_table
{
width: 97%;
}


table.client td
{
  font-size:12px;
  width: 50%;
}
table.client td.left
{
  text-align: right;
  font-weight: bold;
}
table.client td.id
{
    font-weight: bold;
    color: purple;
}
div.orders, div.order span, div.orders td, div.orders div, div.orders th,
div.order_info, div.order_info span, div.order_info td, div.order_info div, div.order_info th,
div.login_change, div.login_change span, div.login_change td, div.login_change div, div.login_change th
{
  font-size:12px !important;
}
table.orders
{
  border: 1px solid #93c949;
  border-left: none;
}
table.orders th,table.orders td
{
  border-left: 1px solid #93c949;
  padding: 3px;
}
table.orders th
{
  border-bottom: 1px solid #93c949;

  background: #c1ee84 url('green_fa.txt') repeat-x;
}
table.orders th.small,table.orders td.small
{
width: 5%;
overflow: hidden;
font-weight: bold;
}
table.orders tr
{
  background: white;
}
table.orders tr:hover
{
  background: #e7f7d2;
}
div.login_change
{
    width:100%;

}
table.form td.left
{
 text-align: right;
}
div.IE_center
{
  text-align: center;
}
#login
{
  text-align:left;
}
#works img
{
  border:none;
}
#about li
{
    padding-left: 10px;
    padding-right: 25px;
list-style-type: none;
   margin-bottom:10px;
   }
#about ul
{
      padding-left: 00px;
      color: #2653a1;
}


.option_selected
{
    background-color:#8ec741;
}

div.standart, div.standart div
{
  font-size: 12px;
}
div.standart div.comments
{
  background: url('hr.gif') top left no-repeat;
  padding-left: 10px;
  padding-top: 10px;
  margin-top: 10px;
}
div.standart td
{
  font-size: 12px;
}
div.standart th
{
  font-size: 12px;
}
div.standart td.left
{
text-align: right;
}
div.foto
{
  text-align: center;
}

div.foto img
{

  background: #DDD;
  padding: 6px;
}
table.client td
{

font-size: 90%;
}

/*ХАКИ*/

.hiddenImg {display:none;}

div.how_to_register table b
{
position:relative;
top: 30px;
left:-20px;
}
div.how_to_register table img
{
position:relative;

left:60px;
}

div.how_to_register
{
  text-align: left;
  margin: 10px;
  padding: 10px;
  border-top: 1px dotted gray;
}

body.main .main_hide
{
  visibility: hidden;
}