/*<![CDATA[*/

  html, body { margin: 0; padding: 0; height: 100%; }

  body     { background: #4d4d4d }
  body, td { font: 11px Arial}

  #main    { height: 100%; width: 100%; }
  #main td { text-align: center; padding: 20px } 

  #outer        { margin: auto; width: 789px }
  #outer td     { vertical-align: top; color: #4d4d4d; padding: 0; }

  #header     { height: 60px; width: 100%}
  #logo       { float: left }
  #navigation { float: right; width: 659px; height: 60px; border: 1px solid #5c5c5c; wid\th/* */: 657px; heig\ht/* */: 58px }

  #menu     { float: left; display: inline; margin-top: 24px; margin-left: 24px }
  #menu img { float: left; display: inline; height: 14px }

  #lng   { float: right; display: inline; margin-top: 24px; margin-right: 38px }
  #lng a, #lng span { float: left; display: inline-block; margin-left: 15px; text-decoration: none; color: #808080 }
  #lng a:hover, #lng span.active { color: #fff }

  /* econteiner - это страницы второго уровня (enter conteiner) */
  #econteiner         { float: left; width: 789px; margin-top: 25px; padding-top: 16px; border-top: 4px solid #e25fa3 }
  #econteiner div     { float: left; width: 789px; padding-top: 28px; padding-bottom: 30px; border: 1px solid #5c5c5c; wid\th/* */: 787px }
  #econteiner div img { margin: auto}

  /* рыжая полоса для проектов */
  #econteiner.projects { border-top-color: #e88a2d}

  /* conteiner - это обычные страницы */
  #content   { float: left; width: 789px; margin-top: 15px}

  #cleft  { float: left; width: 455px }
  #cright { float: right; text-align: left; width: 322px; height: 409px; padding-left: 30px; padding-right: 40px ; wid\th/* */: 252px }

  #cleft div.header     { float: left; width: 455px; border-bottom: 4px solid #4d4d4d; padding-bottom: 15px; margin-bottom: 16px;}
  #cleft div.header img { float: right }

  #cleft div.content     { float: left; width: 455px; height: 351px; border: 1px solid #5c5c5c; wid\th/* */: 453px; hei\ght/* */: 349px}
  #cleft div.content div { margin: auto; width: 395px; height: 291px; margin-top: 27px }
                                   
  #cleft div.content div.fotos #fcontent        { overflow: hidden; }
  #cleft div.content div.fotos #fcontent img    { width:395px; height: 69px }
  #cleft div.content div.fotos #fcontent img.ws { height: 5px }
  #cleft div.content div.fotos div        { float: left; margin:0 }
  #cleft div.content div.fotos div div    { background: #fff; height: 5px; margin:0; overflow: hidden }
  #cleft div.content div.fotos div.arrows { position: relative; background: none; width: 41px; margin-left: -395px }
  #cleft div.content div.fotos div.arrows img      { width: 41px; height: 26px }
  #cleft div.content div.fotos div.arrows img.down { margin-top: 239px }

  #cleft div.content div.fotos span { float: left; position: relative; background: #4d4d4d; 
  
  color: #fff; height: 40px; text-align: right; padding-top: 13px; 
  padding-right: 20px; margin-top: 251px; width: 338px; 
  margin-left: -365px; wid\th/* */: 318px; hei\ght/* */: 27px }

  #cleft div.content div.fotos span a { float: left; 
       background: url(/i/bg_back.gif) 0 5px no-repeat ; padding-left: 16px; margin-left: 20px;
       color: #999; text-decoration: none }

  #cleft div.content div.fotos span a:hover { color: #fff}

  #content.products div.header      { border-bottom-color: #d03442 }
  #content.products #cright         { background: #d03442 }

  #content.projects div.header  { border-bottom-color: #e98a2e }
  #content.projects #cright     { background: #e98a2e }

  #content.interiors div.header  { border-bottom-color: #5eb9ff }
  #content.interiors #cright     { background: #5eb9ff }

  #content.info div.header  { border-bottom-color: #bcaa83 }
  #content.info #cright     { background: #bcaa83 }

  #content.fino div.header  { border-bottom-color: #b2c180 }
  #content.fino #cright     { background: #b2c180 }

  #content.contacts div.header  { border-bottom-color: #a2a8e0 }
  #content.contacts #cright     { background: #a2a8e0; }

  #footer                 { float: left; width: 789px; margin-top: 23px }
  #fcontacts, #fcopyright { padding: 5px 0 }
  #fcontacts              { float: left; display: inline; border-left: 1px solid #5c5c5c; padding-left: 17px; margin-left: 29px; color: #999999 }
  #fcontacts b            { display: inline-block; font-weight: normal; color: #fff; margin-right: 5px}
  #fcopyright             { float: right; color: #808080 }


  #cright div.subs, #cright #text   { margin-top: 86px; }
  #cright div.subs     { height: 145px; width: 242px }
  #cright div.subs img { margin-bottom: 6px}

  #cright div.subs div.subs     { margin-top: 40px; height: 50px;}
  #cright div.subs div.subs img { margin-bottom: 3px}

  #cright #fotos_names       { overflow: hidden; height: 104px; margin: 15px 0}
  #cright #fotos_names ul    { margin: 0; padding: 0; list-style: none}
  #cright #fotos_names ul li { margin: 0; padding: 0; color: #fff}

  #cright #scrolling         { margin-top: 34px; margin-left: 10px }
  #cright #scrolling #text   { overflow: hidden; margin-top: 42px; height: 249px; margin-bottom: 35px; /* fix W letter croping */ margin-left: -1px; padding-left: 1px }

  #cright div.fotos   { font: 10px Arial; text-transform: uppercase }
  #cright div.fotos a { text-decoration: none}
  #cright div.fotos span, #cright div.fotos a:hover { color: #4d4d4d }

  #content.contacts #cright img       { float: left; display: inline; margin-left: 55px }
  #content.contacts #cright #text div { float: left; clear: left; display: inline; margin-top: 95px; margin-left: 20px; width: 180px; text-align: left }
  #content.contacts #cright #text div { margin-top: 159px }

  #content.projects #cright #text img   { float: left; display: inline; margin-left: 20px; }
  #content.projects #cright #text div   { float: left; clear: left; display: inline; margin-top: 60px; margin-left: 20px; width: 200px; text-align: left; wid\th/* */: 180px; }
  #content.projects #cright #text div p { margin-bottom: 5px }

  #content.interiors #cright #text img   { float: left; display: inline; margin-left: 20px; }
  #content.interiors #cright #text div   { float: left; clear: left; display: inline; margin-top: 40px; margin-left: 20px; width: 200px; text-align: left; wid\th/* */: 180px; }
  #content.interiors #cright #text div p { margin-bottom: 5px }

  img { border: 0; display: block; margin-left: -3px; margin-right: -3px; mar\gin/* */: 0}

  p { margin-top: 0; margin-bottom: 10px }

  a       { color: #fff }
  a:hover { text-decoration: none; cursor: pointer }

  /*]]>*/