/* RESETS & BASIC PAGE SETUP */
html { height: 101%; }
* { margin: 0; padding: 0; }
body { font: 62.5% Georgia, Serif; color: #1f1f1f; background: #c2c2c2 url(images/bg.jpg) top left repeat fixed; }
a { text-decoration: none; outline: none; color: #1f1f1f; }
img { border: 0; }
.clear { clear: both; }
ul { list-style: disc inside; font-size: 1.6em; line-height: 1.5; }
ul#themes { float: left; }
ul#themes-cont { float: right; padding: 0 20px 0 0; }
h2 { margin: 0 0 10px 0; font-size: 1.7em; }
p { text-indent: 26px; font-size: 1.6em; word-spacing: -2px; text-align: justify; line-height: 1.3; }
p.index-par { font-size: 1.4em; word-spacing: 0; line-height: normal; }
p.par-with-drop { text-indent: 0; }
p.mag-contacts { width: 400px; text-indent: 0; word-spacing: 0; margin: 0 0 0 38px; }
p.mag-contacts a { border-bottom: 1px dotted #1f1f1f; }
p.mag-contacts a:hover, p.mag-contacts a:focus { border-bottom: 1px solid #000; color: #000; }
span.drop-cap { font-size: 2.2em; line-height: 0.5; font-weight: bold; color: #2b2d2d; }
span.drop-individual { float: left; font-size: 2.7em; line-height: 0.8; padding: 4px 5px 0 0; }
span.bold-word { font-size: 1.1em; font-weight: bold; color: #2b2d2d; }
.personal-article { width: 1023px; position: relative; background: url(images/main-bg.png) repeat-y; }
.left-floater { float: left; margin: 0 0 10px 0; }
.right-floater { float: right; margin: 0 0 10px 0; }
.first-half { float: left; padding: 10px 0 0 0; text-align: center; }
.second-half { width: 540px; padding: 10px 30px 0 0; float: right; }
.mag-info { width: 540px; position: absolute; top: 7px; right: 30px; }
.cover { padding: 2px; background: #4c4c4c; margin: 0 0 0 34px; }
table { border: 1px solid #4c4c4c; border-collapse: collapse; margin: 0 0 10px 0; }
table.price-table { width: 100%; }
td { border: 1px solid #4c4c4c; font-size: 14px; }
tr:hover { background: #eee;}
td { padding: 2px 0 2px 2px; }
td.first-col { width: 49%; text-align: left; }
td.headings { text-align: center; font-weight: bold; }
td.price { text-align: center; }
h2.about-mag { width: 175px; height: 21px; text-indent: -9999px; margin: 0 0 10px 160px; background: url(images/mag-divisions.gif) 0 0 no-repeat; }
h2.themes-mag { width: 135px; height: 17px; text-indent: -9999px; margin: 20px 0 10px 180px; background: url(images/mag-divisions.gif) 0 -31px no-repeat; }
h2.new-themes-mag { width: 521px; height: 22px; text-indent: -9999px; margin: 25px 0 10px 8px; background: url(images/mag-divisions.gif) 60px -117px no-repeat; }
h2.price-mag { width: 432px; height: 20px; text-indent: -9999px; margin: 25px 0 10px 60px; background: url(images/mag-divisions.gif) 0 -180px no-repeat; }
h2.contacts-mag { width: 396px; height: 21px; text-indent: -9999px; margin: 15px 0 5px 35px; background: url(images/mag-divisions.gif) 0 -149px no-repeat; }
h2.service { width: 276px; height: 19px; text-indent: -9999px; margin: 20px 0 6px 115px; background: url(images/mag-divisions.gif) 0 -89px no-repeat; }
h2.raspr { width: 288px; height: 20px; text-indent: -9999px; margin: 20px 0 6px 115px; background: url(images/mag-divisions.gif) 0 -58px no-repeat; }
/* PAGE-WRAP */
#page-wrap { width: 1023px; margin: 10px auto; position: relative; }
/* HEADER */
div#header h1#header-png { width: 1023px; height: 275px; background: url(images/header.png) top center no-repeat; text-indent: -9999px; }
/* NAVIGATION */
#nav { position: absolute; top: 227px; left: 185px; list-style: none inside; font: italic normal normal 1.9em/1.7em Georgia, Serif; }
#nav li { display: inline; }
ul#nav li a { display: block; margin: 0 55px 0 0; padding: 0 10px; float: left; height: 36px; color: #efeeee; background: #292929; }
ul#nav li a:hover, ul#nav li a:focus { background: #efeeee; color: #2b2d2d; }
/* ARTICLES */
#articles { padding: 0 30px 0 34px; background: url(images/main-bg.png) repeat-y; }
/* PRO */
#pro { width: 535px; padding: 10px; margin: 0 0 10px 0; border: 1px solid #4c4c4c; }
#pro p { padding: 0 0 0 250px; }
#pro a { display: block; width: 240px; height: 307px; margin: 80px 0 0 0; text-indent: -9999px; background: url(images/pro-sprite.jpg) no-repeat left center; float: left; }
#pro a:hover, #pro a:focus { background-position: right center; }
#pro h2 { width: 270px; height: 82px; float: right; margin: 0 0 11px 0; text-indent: -9999px; background: url(images/front-logos.gif) 0 0 no-repeat; }
/* VINCENT */
#vincent { width: 205px; padding: 10px; border: 1px solid #4c4c4c; }
#vincent a { display: block; width: 205px; height: 261px; margin: 5px 0 10px 0; text-indent: -9999px; background: url(images/vincent-sprite.jpg) no-repeat left center; }
#vincent a:hover, #vincent a:focus { background-position: right center; }
#vincent h2 { width: 205px; height: 63px; text-indent: -9999px; background: url(images/front-logos.gif) 0 -265px no-repeat; }
/* NA-STOl */
#na-stol { width: 535px; padding: 10px; border: 1px solid #4c4c4c; }
#na-stol a { display: block; width: 225px; height: 310px; margin: 5px 0 0 0; float: right; text-indent: -9999px; background: url(images/nastol-sprite.jpg) no-repeat left center; }
#na-stol a:hover, #na-stol a:focus { background-position: right center; }
#na-stol h2 { width: 541px; height: 38px; margin: 0 0 10px 0; text-indent: -9999px; background: url(images/front-logos.gif) 0 -130px no-repeat; }
#na-stol p { width: 300px; float: left; }
/* LS */
#ls { width: 700px; padding: 10px; border: 1px solid #4c4c4c; }
#ls a { display: block; width: 390px; margin: 34px 0 0 0; height: 497px; float: left; text-indent: -9999px; background: url(images/ls-sprite.jpg) no-repeat left center; }
#ls a:hover, #ls a:focus { background-position: right top; }
#ls-right-float { float: right; width: 300px; margin: 8px 0 0; }
#ls h2 { width: 297px; height: 92px; margin: 0 0 23px 0; text-indent: -9999px; background: url(images/front-logos.gif) 0 -170px no-repeat; }
/* ZHEM */
#zhem { width: 370px; padding: 13px 10px 10px 10px; border: 1px solid #4c4c4c; }
#zhem a { display: block; width: 370px; height: 515px; margin: 15px 0 15px 0; text-indent: -9999px; background: url(images/zhem-sprite.jpg) no-repeat left center; }
#zhem a:hover, #zhem a:focus { background-position: right center; }
#zhem h2 { text-indent: -9999px; width: 287px; height: 42px; margin: 0 auto; background: url(images/front-logos.gif) 0 -85px no-repeat; }
#zhem p { text-indent: 15px; }
/* MIR-DOM */
#mir-dom { width: 445px; padding: 10px; border: 1px solid #4c4c4c; }
#mir-dom h2 { width: 435px; height: 25px; margin: 20px 0 28px 3px; text-indent: -9999px; background: url(images/front-logos.gif) 0 -328px no-repeat; }
#mir-dom a { display: block; width: 200px; height: 263px; margin: 7px 5px 0 0; text-indent: -9999px; background: url(images/mir-dom-sprite.jpg) no-repeat left center; float: left; }
#mir-dom a:hover, #mir-dom a:focus { background-position: right center; }
#mir-dom #mir-par-right { text-indent: 0; width: 240px; float: right; }
#mir-dom #mir-last-p { text-indent: 0; }
/* SHPILKA */
#shpilka { width: 460px; padding: 10px; border: 1px solid #4c4c4c; }
#shpilka h2 { width: 272px; height: 53px; margin: 0 auto; text-indent: -9999px; background: url(images/front-logos.gif) 0 -362px no-repeat; }
#shpilka a { display: block; width: 240px; height: 333px; margin: 10px 0 0 0; text-indent: -9999px; background: url(images/shpilka-sprite.jpg) no-repeat left center; float: left; }
#shpilka a:hover, #shpilka a:focus { background-position: right center; }
p#shpilka-right-p { float: right; width: 210px; text-indent: 20px; padding: 20px 0 0 0; }
p#shpilka-last-par { text-indent: 0; }
/* LIFE-STYLE-SOCHI */
#life-style-sochi { width: 480px; padding: 10px; margin: 0 0 0 210px; border: 1px solid #4c4c4c; }
#life-style-sochi h2 { width: 380px; height: 50px; margin: 0 auto; text-indent: -9999px; background: url(images/life-style-logo.gif) top center no-repeat; }
#life-style-sochi a { display: block; width: 250px; height: 330px; margin: 0 10px 0 0; text-indent: -9999px; background: url(images/life-style-sprite.jpg) no-repeat left center; float: left; }
#life-style-sochi a:hover, a:focus { background-position: right center; }
#life-style-sochi p { width: 220px; float: right; margin: 20px 0 0 0; }
/* FOOTER */
#footer { width: 1023px; height: 67px; position: relative; background: url(images/footer-bg.png) top center no-repeat; }
#hosting { position: absolute; top: 12px; left: 460px; }
/* VINCENT-ABOUT */
#vincent-cover { margin: 0 0 0 50px; padding: 2px; background: #4c4c4c; }
h2#price-header { width: 432px; height: 25px; text-indent: -9999px; background: url(images/mag-divisions.gif) 0 -179px no-repeat; }
#vincent-price { padding: 15px 0 0 280px; }
#vincent-table { text-align: center; font-weight: bold; }
.item { width: 400px; text-align: left; font-weight: normal; }
/* MIR&DOM-ABOUT */
#mir-dom-cover { margin: 0 0 0 34px; }
.mir-ampersand { font-size: 0.7em; font-weight: normal; }
#raspr-mir { width: 288px; height: 20px; text-indent: -9999px; margin: 15px 0 10px 130px; background: url(images/raspr.gif) top center no-repeat; }
/* LIFE-STYLE-SOCHI-ABOUT */
#price-life-style { width: 432px; height: 20px; text-indent: -9999px; margin: 25px 0 10px 280px; background: url(images/mag-divisions.gif) 0 -180px no-repeat; }
.table-life-style { width: 400px; margin: 0 0 0 35px; }
/* MAG-CATALOG */
#catalog-header { width: 464px; height: 45px; margin: 0 0 10px 280px; text-indent: -9999px; background: url(images/catalog-header.gif) bottom center no-repeat; }
#mag-catalog { margin: 40px 0 0 105px; list-style: none inside; }
#mag-catalog li { padding: 0 0 15px 0; }
a#pro-logo-cat { display: block; width: 825px; height: 215px; text-indent: -9999px; background: url(images/pro-logo-cat.gif) top center no-repeat; }
a#vincent-logo-cat { display: block; width: 825px; height: 215px; text-indent: -9999px; background: url(images/vincent-logo-cat.gif) top center no-repeat; }
a#nastol-logo-cat { display: block; width: 825px; height: 215px; text-indent: -9999px; background: url(images/nastol-logo-cat.gif) top center no-repeat; }
a#ls-logo-cat { display: block; width: 825px; height: 215px; text-indent: -9999px; background: url(images/ls-logo-cat.gif) top center no-repeat; }
a#zhem-logo-cat { display: block; width: 825px; height: 215px; text-indent: -9999px; background: url(images/zhem-logo-cat.gif) top center no-repeat; }
a#mir-dom-logo-cat { display: block; width: 825px; height: 215px; text-indent: -9999px; background: url(images/mir-dom-logo-cat.gif) top center no-repeat; }
a#shpilka-logo-cat { display: block; width: 825px; height: 215px; text-indent: -9999px; background: url(images/shpilka-logo-cat.gif) top center no-repeat; }
a#life-style-logo-cat { display: block; width: 825px; height: 215px; text-indent: -9999px; background: url(images/life-style-logo-cat.gif) top center no-repeat; }
a#zhem-logo-cat:hover, a#ls-logo-cat:hover, a#pro-logo-cat:hover, a#vincent-logo-cat:hover, a#nastol-logo-cat:hover, a#mir-dom-logo-cat:hover, a#shpilka-logo-cat:hover, a#life-style-logo-cat:hover, a#zhem-logo-cat:focus, a#ls-logo-cat:focus, a#pro-logo-cat:focus, a#vincent-logo-cat:focus, a#nastol-logo-cat:focus, a#mir-dom-logo-cat:focus, a#shpilka-logo-cat:focus, a#life-style-logo-cat:focus { background-position: bottom center; }
/* CONTACT FORM */
#form-wrapper { width: 1023px; height: 550px; position: relative; background: url(images/feedback.gif) top center no-repeat; }
.wpcf7 { width: 600px; height: 420px; position: absolute; top: 60px; left: 50px; }
.wpcf7 input { padding: 5px; display: block; float: right; width: 471px; font-family: Georgia, serif; font-size: 1.6em; margin: 0 0 10px 0; background: #ebebeb; border: 1px solid #797979; }
.wpcf7 textarea { padding: 5px; width: 471px; float: right; height: 200px; font-family: Georgia, serif; font-size: 1.6em; margin: 0 0 10px 0; background: #ebebeb; border: 1px solid #797979; overflow: auto; }
.wpcf7 textarea:focus, .wpcf7 input:focus { border: 1px solid #151515; }
.wpcf7 .wpcf7-form #submit-button { width: 120px; float: right; cursor: pointer; border: 3px double #797979; font-size: 1.6em; }
.wpcf7 .wpcf7-form #submit-button:hover, .wpcf7 .wpcf7-form #submit-button:focus { border: 3px double #151515; cursor: pointer; color: #151515; }
label { float: left; display: block; text-align: right; width: 100px; padding-left: 8px; font-size: 1.6em; }
label#label-name { padding-top: 5px; }
label#label-city { padding-top: 22px; }
label#label-email { padding-top: 24px; }
label#label-message { padding-top: 13px; }
div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; }
div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }
div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; }
div.wpcf7-spam-blocked { border: 2px solid #ffa500; }
div.wpcf7-validation-errors { border: 2px solid #f7e700; }
span.wpcf7-quiz-label { font-size: 1.6em; }
span.wpcf7-form-control-wrap { position: relative; float: right; display: block; }
span.wpcf7-not-valid-tip { position: absolute; top: 0; left: 0; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 1.6em; font-style: italic; width: 471px; padding: 5px; }
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
span.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }
img.ajax-loader { border: none; vertical-align: middle; }
#feedback-info-wrapper { width: 250px; position: absolute; top: 90px; right: 90px; }
#feedback-info-wrapper p { text-indent: 0; margin: 10px 0 0 0; }
#respect { font-size: 2em; font-weight: bold; color: #2b2d2d; font-style: italic; text-align: center; }
/* ABOUT-PROJECT */
#about-project-header { width: 208px; height: 60px; text-indent: -9999px; margin: 0 0 10px 410px; background: url(images/about-sprite.gif) -62px 37px no-repeat; }
#about-firstcol { float: left; margin: 45px 0 0 0; padding: 0 0 0 40px; }
#about-firstcol p, #about-secondcol p { width: 270px; }
#about-secondcol { float: right; margin: 45px 0 0 0; padding: 0 30px 0 0; }
#about-secondcol p#about-wrap { text-indent: 0; }
#about-ps { width: 380px; position: absolute; top: 100px; left: 320px; background: url(images/about-sprite.gif) 33px -290px no-repeat; }
#about-ps p#ps-text { text-indent: 0; word-spacing: 0; font-size: 1.4em; padding: 0 0 2px 0; line-height: 1.5; text-align: center; margin: 430px 0 0 10px; border-top: 1px dotted #000; border-bottom: 1px dotted #000; }
em { color: #000; font-style: italic; font-size: 18px; }