html,
body, div,
ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    }

body {
 font-family:  Arial, Verdana,  sans-serif;
 text-align: left;
 color: #000;
 min-width: 1000px;
}

body {
 margin: 0;
 padding: 0;
}

*html #wrapper {
  width:expression(document.body.clientWidth < 1005? "1000px": "auto");
  }

img    {border: 0 solid }
A IMG  {border: none;}

table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   font-size: 90%;
  }

table td {
    padding: 0;
  }
/* делаем все основные контейнеры доступными к обтеканию и скрываем прокрутку */

#head,
#logo,
#head_right,
#sup_menu,
#content,
#site,
#footer,
    {
    overflow: hidden;
    display: inline-block;
    }

/* общие свойства ОСНОВНЫХ контейнеров,
касающихся их размеров и положения на странице
_______________________________________________________________ */

#head,
#logo,
#head_right,
#sup_menu,
#content,
#site,
#footer,
    {
    float: left;
    }

/* HEAD */
#head {
  height: 303px;
  width: 100%;
  background: url(../i/bg_head_repeat.jpg) repeat-x 0 0;
  position:relative;
  z-index: 2;
  }

/* LOGO */
#logo {
  background: url(../i/bg_logo.jpg) no-repeat 0 0;
  height: 303px;
  width: 206px;
  float: left;
  position:relative;
  z-index: 2;
  }

#logo h1 {
  font-size: 11px;
  font-family: Tahoma;
  text-transform: uppercase;
  width: 70%;
  color: #fff;
  margin: 60px 0 0 55px;
  }

#logo img {
  margin: 50px 0 0 18px;
  }

/* MENU */
#menu {
  background: url(../i/bg_menu.jpg) repeat 0 0;
  float: left;
  width: 155px;
  height: 213px;
  padding-top: 90px;
  padding-left: 20px;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  position:relative;
  z-index: 2;
  }

#menu span {
  background: url(../i/star.gif) no-repeat 0 0;
  color: #666;
  padding-left: 28px;
  height: 23px;
  display: block;
  padding-top: 2px;
  }

#menu a {
  background: url(../i/star.gif) no-repeat 0 0;
  color: #534545;
  padding-left: 28px;
  display: block;
  height: 23px;
  padding-top: 2px;
  }

/* RIGHT */
#head_right {
  background: url(../i/bg_head_right.jpg) no-repeat 100% 0;
		height: 305px;
		width: 100%;
		float: right;
		display:block;
		margin-top: -303px;
		position: relative;
		z-index: 1;
/*  height: 303px;
  width: 603px;
  float: left;
  display: inline-block;*/
  }

#head_right img {
  float: right;
  margin: 12px 55px 0 0;
  }

/* MENU LEFT */
.bg_left {
  background: url(../i/bg_left.gif) repeat-y 0 0;
  }

#sup_menu {
  background: url(../i/bg_sup_menu.gif) repeat-y 0 0;
  width: 206px;
  float: left;
  font-size: 90%;
  margin-bottom: 120px;
  padding-top: 15px;
  color: #666;
  }

#sup_menu span {
  display: block;
  font-family: Arial;
  font-size: 90%;
  font-weight: bold;
  margin-left: 50px;
  margin-bottom: 7px;
  }

#sup_menu a {
  display: block;
  color: #017E9E;
  font-family: Arial;
  font-size: 95%;
  font-weight: normal;
  margin-left: 50px;
  margin-bottom: 7px;
  }

#sup_menu h2 {
  font-size: 11px;
  font-family: Arial;
  text-transform: uppercase;
  color: #6E5426;
  padding-top: 20px;
  margin-left: 50px;
  margin-bottom: 10px;
  display: inline-block;
  }

#sup_menu img {
  float: left;
  margin-bottom: -45px;
  }

#telephone {
  background: url(../i/bg_telephon_l.gif) no-repeat left top;
  width: 195px;
  display: block;
  float: left;
  margin-top: 20px;
  margin-left: 7px;
  color: #fff;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;

  }

#telephone_r {
  background: url(../i/bg_telephon_r.gif) no-repeat left bottom;
  float: left;
  width: 194px;
  display: block;
  padding-bottom: 17px;
  }

#sup_menu #telephone h2 {
  clear: left;
  color: #E8DABE;
  font-size: 13px;
  text-transform: uppercase;
  margin-left: 45px;
  margin-bottom: 0;
  padding-bottom: 0;
  }

#telephone p {
  margin-left: 45px;
  margin-top: 0;
  padding-top: 0;
  }

/* CONTENT */
#index #content {
  font-size: 90%;
  padding: 50px 40px 40px 50px;
  }

#content h2 {
  color: #807560;
  font-family: Arial Narrow;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  }

#site .headline {
  color: #c63;
  font-family: Arial Narrow;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 154px;
  background: #fff;
  }

h3 {
  color: #C56535;
  font-family: "Arial Narrow";
  font-size: 110%;
  margin-bottom: 5px;
  margin-top: 5px;
  }

.headline3 {
  color: #C56535;
  font-family: "Arial Narrow";
  font-size: 110%;
  margin-bottom: 5px;
  }

#content p {
  margin-bottom: 10px;
  margin-right: 10px;
  text-indent: 20px;
  text-align: left;
  }

#content ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-bottom: 20px;
  list-style: url(../i/marker.gif);
  }

#content ul li {
  margin-left: 20px;
  margin-bottom: 8px;
  padding-left: 5px;
  }

#index #content a.all {
  display: block;
  color: #4A89AB;
  }

#index #content a {
  color: #c63;
  }

#inner #content {
  width: 90%;
  font-size: 90%;
  padding: 20px 60px 40px 0;
  margin-top: 0px;
  display: block;
  float: left;
  clear: left;
  min-height: 505px;
  }

#inner #content a {
  color: #4988AA;
  }

#inner #content .img0gif {
  float: right;
  }

.content {
  background: url(../i/bg_content.gif) repeat-y right 0;
  padding: 0 0 0 50px;
  }

.content_top {
  width: 99%;
  display: block;
  float: left;
  clear: left;
  background: #fff;
  padding-top: 35px;
  padding-bottom: 10px;
  }

.content_top h1 {
  display: block;
  clear: left;
  color: #C0593D;
  font-family: "Arial Narrow";
  font-size: 15px;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
  }

#content h1 {
  color: #C0593D;
  font-family: "Arial Narrow";
  font-size: 15px;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
  }
  
#inner #content h2 {
  color: #000;
  font-family: "Arial Narrow";
  font-size: 13px;
  line-height: 1.5em;
  text-transform: uppercase;
  clear: left;
   }

/* PRICE */
/*
#index #price {
  background: url(../i/bg_price.gif) #fff no-repeat 0 70px;
  .background: url(../i/bg_price.gif) #fff no-repeat 0 40px;
  _background: url(../i/bg_price.gif) #fff no-repeat 0 40px;
  width: 156px;
  height: 40px;
  padding-top: 70px;
  .padding-top: 40px;
  _padding-top: 40px;
  padding-left: 40px;
  font-size: 85%;
  font-family: Arial;
  }
*/

#index #price {
    background: url("/i/bg_price.gif") no-repeat scroll 0 0 #FFFFFF;
    float: left;
    font-family: Arial;
    font-size: 85%;
    height: 40px;
    padding-left: 40px;
    width: 156px;
}

#index #price h2 {
  color: #807560;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  }

#index #price a {
  color: #4A89AB;
  }

/* PRICE inner */
#inner #price {
  display: block;
  float: right;
  background: url(../i/bg_price.gif) no-repeat 0 20px;
  width: 156px;
  height: 40px;
  padding-top: 20px;
  padding-left: 40px;
  font-size: 85%;
  font-family: Arial;
  }

#inner #price h2 {
  color: #807560;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  }

#inner #price a {
  color: #4A89AB;
  }
  

/* AGREEMENT */
 #agreement {
  float: right;
  clear: right;
  background: url(../i/bg_agreement.gif) #fff no-repeat 0 0;
  width: 156px;
  height: 50px;
  padding-left: 40px;
  font-size: 85%;
  font-family: Arial;
  margin-left: 0px;
  }
  
#index #agreement {
  float: left;
  }
  
#inner #agreement {
  padding-left: 39px;
  }

 #agreement h2 {
  color: #7B2F23;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  }

 #agreement a {
  color: #4A89AB;
  }
  
/* AGREEMENT */
#index .agreement {
  padding-left: 54px;
  }

 .agreement {
  display: block;
  float: right;
  clear: right;
  background: url(../i/bg_agreement.gif) #fff no-repeat 0 0;
  width: 156px;
  height: 50px;
  padding-left: 49px;
  font-size: 85%;
  font-family: Arial;
  }

 .agreement h2 {
  color: #7B2F23;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  }

 .agreement a {
  color: #4A89AB;
  }

/* SITE */
#index .bg_right {
  background: url(../i/bg_site.gif) repeat-y 0 0;
  }

.bg_right {
/*  background: url(../i/bg_site.gif) repeat-y 0 0;*/
  }

#site {
  width: 211px;
  float: right;
  display: block;
  padding-bottom: 35px;
  background: url(../i/bg_right.gif) no-repeat -5px 20px;
  }

#site h2 {
  color: #807560;
  font-family: Arial Narrow;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  width: 211px;
  background: #fff;
  }

#site a {
  color:  #807560;
  cursor: pointer;
  }

#subject {
  display: block;
  float: left;
  clear: left;
  width: 135px;
  background: #E8DABE;
  padding-left: 10px;
  margin-bottom: 15px;
  padding-top: 4px;
  }

#subject img {
  border: 4px solid #fff;
  border-bottom: 25px solid #fff;
  margin-bottom: 3px;
  }

#subject a {
  display: block;
  float: left;
  clear: left;
  color: #017E9E;
  height: 21px;
  margin-top: -23px;
  padding-left: 8px;
  font-family: Arial;
  font-size: 90%;
  }

/* SIGN */
#sign {
  float: left;
  margin-bottom: 15px;
  }

#sign a{
  color: #4B88AA;
  }

#sign .separation {
  color: #4B88AA;
  margin: 0 2px 0 2px;
  }

/* FO0TER */
#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 105px;
  font-size: 70%;
  background: #E8DABE;
  }

*html #footer {
  margin-top: -40px;
	}

#footer .bg_white {
  background: #fff;
  width: 57px;
  height: 105px;
  float: right;
  }

#footer_left {
  background: #fff;
  height:105px;
  width: 258px;
  float: left;
  }

#counter {
/*  background: url(../i/bg_counter.gif) repeat-y 0 0;*/
  width: 228px;
  float: left;
  padding-top: 35px;
  padding-bottom: 15px;
  padding-left: 30px;
  }

#counter img {
  margin-right: 20px;
  }

#copiright {
  float: left;
  height: 65px;
  padding-top: 40px;
  padding-left: 35px;
  }

#copiright a {
  color: #4A89AB;
  }

#copiright p {
  margin-bottom: 10px;
  }

/* WORK */
.work {
  float: left;
  margin: 0 15px 25px 0;
  width: 319px;
  }

#inner #content .work a {
  background: url(../i/bg_work_a.gif) repeat-y 0 0;
  padding-left: 15px;
  color: #C15A3D;
  font-family: "Arial Narrow";
  font-weight: bold;
  font-size: 120%;
  display: block;
  margin-left: 148px;
  margin-top: 17px;
  width: 87px;
  line-height: 1.1em;
  }

.work .img {
  width: 128px;
  height: 86px;
  border-top: 10px solid #7A2D22;
  float: left;
  }

/* стили для таблицы */

table .table {
  float: left;
  width: 90%;
  font-size: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  }

table .table thead tr {
  border-right: 2px solid #F8D757;
  }

table .table thead td{
  background: #FFED9F;
  color: #7B2F23;
  text-align: left;
  border-left: 2px solid #F8D757;
  border-bottom: 2px solid #C15A3E;
  padding: 5px 0 2px 10px;
  }

table .table {
  border-right: 2px solid #F8D757;
  }

table .table tbody tr.yellow td{
  background: #F7D757;
  border-left: 2px solid #F8D757;
  border-bottom: none;
  color: #000;
  padding: 5px 0 2px 10px;
  }

table .table tbody tr.white td{
  background: #fff;
  border-left: 2px solid #F8D757;
  border-bottom: none;
  color: #000;

  }

table .table tbody td{
  border-left: 2px solid #F8D757;
  border-bottom: 1px solid #C15A3E;
  color: #000;
  padding: 5px 0 2px 10px;
  }

/* GALLERY */
.gallery {
  display: inline-block;
  float: left;
  width: 260px;
  }

.gallery img {
  margin-bottom: 3px;
  }

.gallery a {
  display: block;
  color: #4B8AAB;
  font-size: 95%;
  font-weight: bold;
  margin-bottom: 20px;
  }

/* ARTICLE */
.article {
  display: block;
  padding-bottom: 20px;
  font-size: 110%;
  padding-top: 10px;
  }
  
.article p{
  font-size: 90%;
  }
  
.date {
  display: block;
  margin-bottom: 5px;
  }

#inner #content .article a {
  color: #CD6631;
  font-weight: bold;
  }

#inner #content .article a.details {
  color: #4988AA;
  font-weight: normal;
  }

.img_left {
  float: left;
  margin: 0 15px 5px 0;
  }

.img_right {
  float: right;
  margin: 0 20px 5px 15px;
  }
  
a.previous {
  color: #4988AA;
  float: left;
  font-size: 110%;
  margin-top: 20px;
  }  
  
a.next {
  color: #4988AA;
  float: right;
  font-size: 110%;
  margin-right: 20px;
  margin-top: 20px;
  }  
  
a.list {
  color: #4988AA;
  float: left;
  clear: left;
  font-size: 110%;
  margin-top: 20px;
  }

/* LICENSE */
.block_foto {
  float: left;
  margin: 0 15px 10px 0;
  background: #C0593D;
  padding: 3px 5px 0 5px;
  }

.block_foto img {
  margin-bottom: 5px;
  }

#inner #content .block_foto a {
  display: block;
  float: left;
  clear: left;
  background: url(../i/glass.gif) #C05A3E no-repeat 0 0;
  color: #fff;
  height: 21px;
  padding-left: 28px;
  font-family: Arial;
  font-size: 100%;
  }

/* ADDRESS */
#address {
  padding-bottom: 30px;
  }

#address span{
  font-family: "Arial Narrow";
  font-style: italic;
  font-size: 120%;
  }

#address p {
  text-indent: 0;
  }

#address label {
  width: 100px;
  float: left;
  clear: left;
  margin-left: 30px;
  }

/* form */
#content form {
   width: 320px;
   }

#content form label {
   float: left;
   clear: left;
   margin-bottom: 5px;
  }

#content form input{
   height: 21px;
   width: 310px;
   margin: 0;
   padding: 0;
   margin-bottom: 10px;
   color: #868585;
  }


#content form textarea{
   width: 312px;
   margin: 0;
   padding: 0;
   margin-bottom: 20px;

  }

#content .buttons input {
   float: left;
   height: 25px;
   width: 80px;
   padding: auto;
   margin-right: 20px;
   margin-bottom: 10px;
  }
#content .buttons {
   display: block;
   float: left;
   clear: left;
   margin-top: 0px;
  }

/* REPAIR */
.repair {
  display: block;
  float: left;
  width: 280px;
  height: 250px;
  margin-bottom: 20px;
  }

.repair span{
  float: left;
  clear: left;
  width: 200px;
  font-weight: bold;
  font-family: Arial;
  margin-bottom: 5px;
  }

#content .repair p {
  clear: left;
  width: 250px;
  text-indent: 0;
  }
  
#content a.example {
  display: block;
  clear: left;
  margin-top: 10px;
  }

/* new */


.index_price_panel {
height:65px;
}

#inner #price{
	float:right;
}