/*<![CDATA[*/

body         { height: 100% }
body         { background: #fff; color: #000 }
body, td, td { font: 12px Arial }
*            { margin:0; padding: 0; text-align: left }
div          { float: left }

#page            { width: 973px; background: url(../i/bg_page.jpg) no-repeat;  }
#header          { width: 953px; height: 230px; background: url(../i/bg_header.jpg) 275px 155px no-repeat }
#hnavigation     { width: 953px; height: 75px }
#hnavigation ul  { float: right; list-style: none; padding: 0; padding-top: 50px; padding-right: 74px }
#hnavigation li  { float: left; display: inline; white-space: nowrap; color: #000; padding-right: 70px; font-weight: bold  }
#hnavigation a          { color: #999; text-decoration: none; font-weight: normal }
#hnavigation a:hover    { color: #ee1c25; text-decoration: underline }
#hnavigation a.current  { color: #000; font-weight: bold; text-decoration: underline }

#outer           { background: url(../i/bg_outer.gif) right bottom no-repeat }
#conteiner       { width: 853px; background: #da251d url(../i/Zbg_conteiner.jpg) repeat-y }

#menu           { width: 276px; height: 445px; background: url(../i/bg_menu.jpg) no-repeat }
#menu ul        { float: right; list-style: none; padding-top: 160px; padding-right: 21px }
#menu li        { text-align: right; color: #111; font-weight: bold; margin-bottom: 15px }
#menu li.last   { margin-bottom: 0 }
#menu a         { color: #fff; font-weight: normal; text-decoration: none }
#menu a:hover   { text-decoration: underline }
#menu a.current { color: #111; font-weight: bold }

#menu div   { width: 276px; padding-top: 160px; padding-right: 21px; wid\th/* */: 255px }
#menu div * { text-align: right; color: #fff; font-weight: bold }

#hbottom              { display: inline; height: 155px; margin-left: 78px; padding-left: 144px; width: 600px}
#hbottom img          { margin-top: 62px }
#header div.about     { background: url(../i/h/bg_about.gif) no-repeat }
#header div.portfolio { background: url(../i/h/bg_portfolio.gif) no-repeat }
#header div.services  { background: url(../i/h/bg_services.gif) no-repeat }
#header div.clients   { background: url(../i/h/bg_clients.gif) no-repeat }
#header div.news      { background: url(../i/h/bg_news.gif) no-repeat }
#header div.map       { background: url(../i/h/bg_map.gif) no-repeat }
#header div.brif      { background: url(../i/h/bg_brif.gif) no-repeat }

#couter      { width: 577px; background: url(../i/bg_couter.jpg) left repeat-y }
#cinner      { width: 577px; background: url(../i/bg_cinner.jpg) right top no-repeat  }
#content     { width: 577px; height: 465px; padding: 27px 0; padding-left: 30px; padding-right: 143px; background: url(../i/bg_content.jpg) right bottom no-repeat }
#content     { color: #362f2d; wid\th/* */: 404px; heig\ht/* */: 418px }
#content.map { width: 577px; height: 465px; padding: 0; padding-top: 0px; background: url(../i/bg_content.jpg) right bottom no-repeat }
#content.map div { width: 464px; height: 465px; background: #da251e }
#content.map img { width: 464px; height: 323px }

#footer          { height: 208px; background: url(../i/bg_footer.jpg) no-repeat; color: #999 } 
#fnavigation     { height: 165px; width: 800px }
#fnavigation ul  { float: left; list-style: none; padding-top: 117px; padding-left: 230px }
#fnavigation li  { float: left; display: inline; white-space: nowrap; color: #000; padding-right: 17px; font-weight: bold }
#fnavigation a         { color: #999; text-decoration: none; font-weight: normal  }
#fnavigation a:hover   { color: #ee1c25; text-decoration: underline }
#fnavigation a:hover   { color: #ee1c25; text-decoration: underline }
#fnavigation a.current { color: #000; font-weight: bold; text-decoration: underline }
#ficon                 { height: 165px; width: 171px }
#ficon img             { width: 46px; height: 45px; margin-left: 59px; margin-top: 108px }
#fcopyright            { padding-left: 378px }


#content div { width: 100% }

html>body #content { min-height: 418px; height: auto }

/* news */ 
#news                     { width: 100% }
#news div.item            { padding-bottom: 20px }
#news div.item h2         { font: bold 12px Arial; padding-bottom: 10px }
#news div.item a          { text-decoration: none }
#news div.item h2 a       { color: #b6211d }
#news div.item h2 a:hover { color: #b6211d; text-decoration: underline }
#news div.item p  a:hover { color: #b6211d }
#news div.item p          { padding: 0 }
#news div.image                  { width: 130px }
#news div.image, #news div.about { padding-bottom: 4px }
#news div.image img   { width: 120px; height: 80px; margin-top: 3px }
#news div.about       { width: auto }

#news.details div.cfotos     { padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; background: #f1f1f1 }
#news.details div.cfotos div { padding: 0; padding-top: 10px }

#content div.cfotos div { width: 200px; padding-bottom: 30px; text-align: center; }
div.cfotos img          { width: 180px; margin: auto }

#clients    { padding-top: 20px }
#portfolio.clients div, #clients div { width: 200px; height: 150px; text-align: center }
#portfolio.clients img, #clients img { width: 180px; height: 120px; margin: auto }
#cfotos.index             { padding: 0}
#portfolio.works div.item { padding-bottom: 10px }
#portfolio.works h2       { padding-bottom: 20px }

#pactions { padding-top: 10px }

/* pages */
table.pages           { float: left; width: 100% }
table.pages td        { width: 100px }
table.pages td.next   { text-align: right !important }
table.pages th        { text-align: center }
table.pages th, table.pages td  { padding-top: 5px }

table.pages th div    { float: left; width: auto; display: inline; margin: 0 5px; text-align: center; float/* */: none }
table.pages th a,
table.pages th span    { display: inline-block; padding: 3px 7px; padding-left: 8px }

table.pages th a       { color: #111; padding: 4px 8px; padding-left: 9px  }
table.pages th a:hover { background: #f0f0f0; color: #b6211d; text-decoration: none }
table.pages th span    { background: #b6211d; border: 1px solid #74100d }

table.pages th div.current span { color: #fff }

/* sitemap */
div.sitemap ul      { padding-bottom: 0 }
div.sitemap li ul   { margin-top: 10px }
div.sitemap li a    { font-weight: bold }
div.sitemap li li a { font-weight: normal }

#content div.sitemap li.last { padding-bottom: 0; }

#popup     { float: none; position:fixed; z-index: 7777; position: absolute; top: 0; left: 0; cursor: hand; display: none; background: #000 url(../i/preloader.gif) center center no-repeat; border: 5px solid #000 }
#popup img { margin: 0; cursor: hand; curs\or/* */: pointer }

#overlay     { float: none; position:fixed; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5555; background-color: #eee; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70) }
#overlay[id] { position:fixed }

zbody   { -moz-opacity: 0.2; opacity:.20; filter: alpha(opacity=20) }

/* common styles */
a         { color: #362f2d }
a:hover   { color: #b6211d; cursor: pointer; text-decoration: none }

h1 { font: bold 16px Arial; padding-bottom: 20px }
h2 { font: bold 13px Arial; margin-top: 5px; padding-bottom: 13px; color: #b6211d }
p  { padding-bottom: 17px }
ul { padding-bottom: 7px }

#content ul { list-style: none }
#content li { list-style: none; padding-left: 14px; background: url(../i/bg_li.gif) 2px 6px no-repeat; padding-bottom: 10px }
 
img     { display: block; border: 0 }
table   { float: left; border-collapse: collapse } 

/*]]>*/