/* ——————————————————————————————————————————
File: general.css
Site: Promopx [www.promopx.ru]
Coder: Maksim Pashkevich
Author: XHTMLPLUS [www.xhtmlplus.ru]
Version: 23 Jan 2009
# Browsers: IE 6.0, IE 7.0, FF 3.0, Opera 9.2, Opera 9.5, Safari 3, Chrome 1.0
————————————————————————————————————————— */

/* General Reset Styles */
html, body, object, h1, h2, h3, h4, h5, h6, p, pre, img, dd, dl, dt, li, ol, ul, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; }
img { vertical-align: baseline; }
a img { border: none; }
table {	border-collapse: collapse; border-spacing: 0; }
table, tbody, tfoot, thead, tr, th, td { vertical-align: top; }
ul { list-style: none; }
.clear { clear: both; height: 0; font-size: 0; line-height: 0; }
/* X. General Reset Styles */

/* Zooms */
#outer, #pageTitleLeft, #pageTitle, #pageTitle h1, #pageTitleBG, .footerCity a.linkMap, #headerAbsLeft, #headerAbsRight, table#headerTable, #headerContent, #headerSpheres, #headerPromoPX, #headerWelcome, #headerLogo, #headerMenu, form table.form input.button_ok, #lastWorks, #content, #content h2 img, #content .moreBlock a, #inLove .inLoveHeart, #pageTitle, #headerLogo, .ok, .error, #content h3, table.form, form table.form .send, form table.form .bClear, #scrollField, #scroll, #scrollInfo span, #content .moreBlock a, #content .backBlock a, #content #vLineMenu ul.subMenu li, #content #vLineBlock, inLove, inLoveTable, #inner { zoom: 1; }
/* X. Zooms */

/* HTML & BODY */
html { overflow-y: scroll; }
html, body { height: 100%; font: 12px/15px Tahoma, Verdana, Arial; color: #222; }
body { background: url(../i/body.gif) fixed repeat 0 0; }
/* X. HTML & BODY */

/* Outer */
#outer { min-height: 100%; _height: 100%; }

/* Header (Internal Pages) */
#header_loading { position: absolute; z-index: 3; top: 0; width: 100%; height: 345px; padding-top: 185px; text-align: center; color: #a4140f; font-weight: bold; }
#header, #headerAbsLeft, #headerAbsRight, #headerContent { height: 387px; overflow: visible; }
#header { position: absolute; z-index: 3; top: 0; width: 100%; visibility: hidden; }
#headerAbsLeft, #headerAbsRight { position: absolute; top: 0; width: 50%; }
#headerAbsLeft { left: 0; background: url(../i/headerAbsLeftInt.jpg) right 0 repeat-x; }
#headerAbsRight { right: 0; background: url(../i/headerAbsRightInt.jpg) 0 0 repeat-x; }
table#headerTable { position: relative; z-index: 2; width: 100%; }
td#headerLeft, td#headerRight { width: 50%; }
td#headerLeft { background: url(../i/headerLeftInt.jpg) right 0 no-repeat; }
td#headerRight { background: url(../i/headerRightInt.jpg) 0 0 no-repeat; }
#headerContent { position: relative; z-index: 3; width: 1000px; background: url(../i/headerContentInt.jpg) 0 0 no-repeat; }
#header_ny { position: absolute; z-index: 3; zoom: 1; top: 242px; left: 74px; width: 174px; height: 119px; background: url(../i/ny.png) 0 0 no-repeat; overflow: hidden;_background: transparent; }
#headerMenu, #headerLogo { position: absolute; z-index: 3; }
#headerLogo { position: absolute; z-index: 3; left: 437px; width: 108px; height: 71px; }
#headerCMS { position: absolute; z-index: 3; top: 349px; left: 759px; width: 217px; height: 99px; padding-left: 17px; background: url(../i/cms.jpg) 0 0 no-repeat; }
#headerCMS img { width: 92px; height: 92px; }
#headerMenu { top: 75px; left: 178px; width: 625px; height: 35px; }
#headerMenu td { padding: 0 7px; }
#headerMenu td.headerMenuSpacer { width: 50%; padding: 0; }
#headerMenu td a { display: block; height: 35px; }
#headerMenu td a#main { width: 56px; background: url(../i/headerMenu/main.gif) 0 -35px no-repeat; }
#headerMenu td a#news { width: 61px; background: url(../i/headerMenu/news.gif) 0 -35px no-repeat; }
#headerMenu td a#services { width: 49px; background: url(../i/headerMenu/services.gif) 0 -35px no-repeat; }
#headerMenu td a#portfolio { width: 81px; background: url(../i/headerMenu/portfolio.gif) 0 -35px no-repeat; }
#headerMenu td a#order { width: 43px; background: url(../i/headerMenu/order.gif) 0 -35px no-repeat; }
#headerMenu td a#replies { width: 47px; background: url(../i/headerMenu/replies.gif) 0 -35px no-repeat; }
#headerMenu td a#company { width: 76px; background: url(../i/headerMenu/company.gif) 0 -35px no-repeat; }
#headerMenu td a#contacts { width: 65px; background: url(../i/headerMenu/contacts.gif) 0 -35px no-repeat; }
#headerMenu td a:hover { background-position: 0 0 !important; }
#headerMenu td a.current, #headerMenu td a.current:hover { background-position: 0 -70px !important; cursor: default; }
/* X. Header (Internal Pages) */

#inner { width: 1000px; margin: 0 auto; padding-top: 387px; }

/* Page Title */
#pageTitleBG, #pageTitleLeft, #pageTitle h1 { float: left; }
#pageTitle { padding-bottom: 28px; white-space: nowrap; overflow: hidden; }
#pageTitleBG { background: url(../i/pageTitleCenter.jpg) 0 0 repeat-x; }
#pageTitleLeft { padding-left: 97px; background: url(../i/pageTitleLeft.jpg) 0 0 no-repeat; }
#pageTitle h1 { display: block; height: 33px; padding: 24px 61px 0 0; background: url(../i/pageTitleRight.jpg) right 0 no-repeat; color: white; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; }
/* X. Page Title */

#forFooter { height: 185px; }

/* Footer */
#footer { width: 981px; height: 163px; margin: -163px auto 0 auto; background: url(../i/h_dot.gif) 0 45px repeat-x; }
#footerLeft, #footerCenter, #footerRight, #footerDotRight { float: left; height: 163px; }
#footerLeft { width: 57px; background: url(../i/dot_bullet.gif) 0 43px no-repeat; }
#footerCenter { width: 747px; }
#footerRight { width: 77px; background: url(../i/footerRight.jpg) 0 0 no-repeat; }
#footerDotRight { width: 100px; background: url(../i/dot_bullet.gif) right 43px no-repeat; }

#footerMenu { height: 44px; margin-bottom: 3px; padding: 0 20px 0 31px; text-align: center; line-height: 44px; background: #7c644b; text-transform: uppercase; }
#footerMenu a { padding: 0 10px; color: white; text-decoration: none; }
#footerMenu a:hover { color: #ffdb86; text-decoration: none; }
#footerMenu a.current, #footerMenu a.current:hover { color: #ffdb86; text-decoration: none; cursor: default; }

.footerCity { float: left; width: 205px; padding: 6px 20px 20px 20px; background: url(../i/footerCity.gif) 0 0 no-repeat; font-size: 11px; color: #7d6239; }
#footer #minsk { width: 229px; }
.footerCity h4 { display: block; padding-bottom: 3px; font: 14px Tahoma, Verdana, Arial; text-transform: uppercase; color: #7c644b; }
.footerCity span { color: #222; }
.footerCity a { color: #7d6239; text-decoration: none; }
.footerCity a:hover { color: #7d6239; text-decoration: underline; }
.footerCity a.linkMap { position: relative; z-index: 1; left: -8px; display: block; float: left; white-space: nowrap; margin-top: 3px; padding-left: 8px; color: #a4140f; text-decoration: underline; background: url(../i/red_bullet.gif) 0 7px no-repeat; }
.footerCity a.linkMap:hover { color: #a4140f; text-decoration: none; }

#footerCopyright { float: left; width: 221px; padding: 7px 5px 0 0; text-align: right; font-size: 11px; }
#footerCopyright span { color: #7d6239; }
#footerCopyright a { color: #7d6239; text-decoration: none; }
#footerCopyright a:hover { color: #7d6239; text-decoration: underline; }
#footerCopyright a#siteMap { color: #a4140f; text-decoration: underline; }
#footerCopyright a#siteMap:hover { color: #a4140f; text-decoration: none; }
#footerCopyright #liveinternet { margin-top: 6px; }
/* X. Footer */

/* Content */
#content { position: relative; overflow: auto; padding: 0 105px 0 66px; }
.vlined { padding-left: 66px !important; }
#content p { padding: 0 0 15px 0; }
#content .redBlock, #content .greenBlock { padding: 0 0 25px 20px; zoom: 1; }
#content h3 { position: relative; left: -20px; display: block; padding: 0 0 15px 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#content h4, #content h5, #content h6 { display: block; padding: 0 0 15px 0; color: #222; }
#content h4 { font: 18px Tahoma, Verdana, Arial; }
#content h5 { font: bold 12px Tahoma, Verdana, Arial; }
#content h6 { font: bold 11px Tahoma, Verdana, Arial; }
#content .redBlock h3 { color: #b94331; background: url(../i/darkredLink.gif) 0 6px no-repeat; }
#content .greenBlock h3 { color: #40710c; background: url(../i/greenLink.gif) 0 6px no-repeat; }
#content a { text-decoration: underline; }
#content a:hover { text-decoration: none; }
#content .redBlock a { color: #b94331; }
#content .greenBlock a { color: #40710c; }
#content img.border { display: block; border: 1px solid #676b76; }
#content .floatleft { float: left; margin: 3px 20px 6px 0; }
#content .floatright { float: right; margin: 3px 0 6px 20px; }
#content .comment { margin: 5px 0 0 6px; font-size: 10px; color: #c2a272; }
#content .moreBlock, #content .backBlock { margin: 15px 0; }
#content .moreBlock { text-align: right; }
#content .moreBlock a, #content .backBlock a { position: relative; z-index: 2; text-decoration: none; }
#content .moreBlock a { left: 12px; }
#content .moreBlock a:hover { text-decoration: underline; background: none !important; }
#content .backBlock a { left: -11px; color: #b94331; }
#content .backBlock a:hover { text-decoration: underline; color: #b94331; }
#content ul, #content ol { margin-bottom: 13px; }
#content ul { margin-left: 22px; }
#content ul li { padding-left: 17px; line-height: 18px; background: url(../i/li_bullet.gif) 0 9px no-repeat; }
#content ul.simple { margin-bottom: 13px; margin-left: 0; }
#content ul.simple li { padding-left: 0; line-height: 18px; background: none; }
#content ol { margin-left: 40px; }
#content .allProjects { float: right; text-align: right; white-space: nowrap; margin-top: 10px; }
#content .promo { position: relative; z-index: 1; zoom: 1; width: 100%; margin: 15px 0; overflow: hidden; line-height: 18px; }
#content .promo b.main_phone { font-size: 13px; }
/* X. Content */

/* Messages */
.error { margin: 10px 0 10px -16px; border: 1px solid #b94331; padding: 10px 16px; font-weight: bold; color: #b94331; }
.error a { color: #b94331; text-decoration: underline; }
.error a:hover { color: #b94331; text-decoration: none; }
.ok { margin: 10px 0 10px -16px; border: 1px solid #40710c; padding: 10px 16px; font-weight: bold; color: #40710c; }
.ok a { color: #40710c; text-decoration: underline; }
.ok a:hover { color: #40710c; text-decoration: none; }
/* X. Messages */

/* Forms */
table.form { position: relative; left: -16px; }
table.form td { padding: 2px 3px; }
.star { color: red; }
form table.form input.text, form table.form select, form table.form textarea { margin: 0; border: 1px solid #c9a167; font: 12px Tahoma, Verdana, Arial; }
form table.form input.text { padding: 1px 3px; background: none; }
form table.form input.button_ok { position: relative; left: 6px; }
table.form input.verylong { width: 300px; }
table.form input.file { width: 200px; }
table.form input.long { width: 150px; }
table.form input.med { width: 120px; }
table.form input.short { width: 75px; }
form table.form select { padding: 0 0 0 3px; background: #f6d098; }
form table.form textarea { width: 303px; height: 120px; padding: 0 0 0 3px; overflow-x: hidden; overflow-y: auto; background: none; }
form table.form .comment { margin-left: 0; }
form table.form #symbolsLeft { font-weight: bold; }
form table.form .send { position: relative; z-index: 5; left: -22px; }
form table.form .bClear { position: relative; z-index: 5; top: -3px; left: -22px; }
form table.form .bClear:hover { cursor: pointer; }
form table.form td.beforeInput { padding-top: 4px; }
form table.form label { line-height: 16px; }
form table.form input.checkbox { position: relative; top: 2px; margin: 0 5px 0 0; padding: 0; }
@media screen and (min-width:0) { form table.form input.checkbox { top: 0; } }
form table.form td.overHeight { padding-top: 5px; padding-bottom: 5px; }
/* X. Forms */

/* Sub Menu */
#content #vLineBlock { background: url(../i/contentVDivider.gif) 223px 0 repeat-y; }
#content #vLineTop { height: 20px; background: url(../i/dot_bullet.gif) 221px 0 no-repeat; }
#content #vLineBottom { width: 100%; height: 5px; font-size: 1px; background: url(../i/dot_bullet.gif) 221px 0 no-repeat; overflow: hidden; }
#content #vLineMenu { float: left; }

#content #vLineMenu { width: 188px; padding: 0 35px 0 0; color: #40710c; }
#content #vLineMenu ul.subMenu { margin-bottom: 40px; }
#content #vLineMenu ul.subMenu li { position: relative; left: -20px; padding: 6px 0 0 0; clear: both; background: none; }
#content #vLineMenu a { display: block; float: left; padding-left: 20px; color: #40710c; text-decoration: none; }
#content #vLineMenu a:hover { color: #40710c; text-decoration: underline; background: url(../i/greenLink.gif) 0 8px no-repeat; }
#content #vLineMenu .current { padding-left: 20px; font-weight: bold; }
#content #vLineMenu h3 { position: static; display: block; margin: 0; padding: 0 0 7px 20px; }
#content #vLineContent { margin-left: 239px; }

#content .pages { padding: 0 0 20px 20px; color: #40710c; }
#content .pages a { color: #40710c; text-decoration: none; }
#content .pages a:hover { color: #40710c; text-decoration: underline; }
/* X. Sub Menu */