html {height: 100%;}
body {height: 100%; background: #000;}
body, td {font-family: Georgia, verdana, tahoma, arial, trebuchet MS; font-size: 12px; color: #e1e1e1;}


/******************/
/*  BASIC LAYOUT  */
/******************/

.wrapper {min-width: 960px; height: 100%;}
* html .wrapper {width: expsression(document.body.clientWidth>960?"100%":"960px");}

.main {min-height: 100%;}
* html .main {height: 100%;}

.body {margin: 0px auto; min-height: 300px; width: 960px;}
.body .body-cont {padding: 0px 0px 30px 99px; zoom: 1;}

* html .body {height: 300px;}

#content {}
#content .content-cont {padding: 140px 0px 47px 0px; zoom: 1;/* width: 270px;*/}

.footer {margin: -30px auto 0px auto; width: 960px; height: 30px; position: relative; z-index: 1;}
.footer .cont {padding-left: 99px;}


/******************/
/*    CSS RULES   */
/******************/

.inp {padding: 0px 4px 0px 5px; display: block; border: 1px solid #a5acb2; background: transparent;}
.inp span {display: block; height: 24px;}
.inp input {margin-top: 3px; padding: 0px; width: 100%; border: 0px solid; font-family: georgia, arial, tahoma, verdana; font-weight: normal; font-size: 12px; color: #fff; background: transparent;}
.inp textarea {width: 100%; padding: 0px; border: 0px solid; font-family: georgia, arial, tahoma, verdana; font-weight: normal; font-size: 12px; color: #fff; background: transparent;}
.inp-textarea {padding-right: 1px; padding-top: 0px; padding-bottom: 2px;}


a {color: #fff8d7; text-decoration: underline;}
a:hover {color: #de0049;}

/* main logo */
.sitelogo {display: block; width: 166px; height: 42px; position: absolute; left: 96px; top: 5px; text-indent: -9999px; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; background: url(../i/logo2.gif) no-repeat;}

h1 {margin-bottom: 25px; font-size: 28px; color: #e1e1e1; font-weight: bold;}


.mmenu {height: 53px; margin-bottom: 75px;}
.mmenu .bg {height: 53px; position: relative; z-index: 1; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; background: url(../i/mmenu-bg.gif) repeat-x left top;}
.mmenu .wrap {margin: -53px auto 0px auto; position: relative; z-index: 2; width: 960px; height: 53px;}

.mmenu a {color: #959595;}
.mmenu a:hover {color: #fff;}
.mmenu .op {opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; zoom: 1;}
.mmenu .links {color: #fff;}
.mmenu .links a {color: #fff;}
.mmenu .links a:hover {color: #fff;}
.mmenu p.title {position: absolute; left: 30px; top: 18px; font-size: 11px;}
.mmenu p.title a:hover {color: #fff;}
.mmenu .menu {position: absolute; left: 272px; top: 18px; font-size: 11px;}
.mmenu .menu .meets {position: absolute; top: -14px; left: 0px; visibility: hidden; color: #fff;}
.mmenu .menu p {margin-right: 9px; float: left; color: #959595;}
.mmenu .menu ul {float: left;}
.mmenu .menu ul li {margin-right: 9px; float: left; position: relative;}
.mmenu .menu ul li .part {font-style: italic; color: #6e6e6e;}
.mmenu .menu ul li .part.hover {color: #fff;}
.mmenu .menu ul li .crn {position: absolute; left: 14px; top: 28px; display: block; width: 14px; height: 7px; background: url(../i/mmenu-crn.gif) no-repeat;}
.mmenu .menu ul li.prologue-active span {color: #f6c06d;}
.mmenu .menu ul li.part1_autumn-active .meets {visibility: visible; color: #ffde00;}
.mmenu .menu ul li.part1_autumn-active .season {color: #ffc000;}
.mmenu .menu ul li.part1_autumn-active .part {color: #fff;}
.mmenu .menu ul li.part2_winter-active .meets {visibility: visible; color: #80f3fa;}
.mmenu .menu ul li.part2_winter-active .season {color: #80cbfa;}
.mmenu .menu ul li.part2_winter-active .part {color: #fff;}
.mmenu .menu ul li.part3_spring-active .meets {visibility: visible; color: #a1dd00;}
.mmenu .menu ul li.part3_spring-active .season {color: #68dd00;}
.mmenu .menu ul li.part3_spring-active .part {color: #fff;}
.mmenu .menu ul li.part4_anotherautumn-active .meets {visibility: visible; color: #e8e8e8;}
.mmenu .menu ul li.part4_anotherautumn-active .season {color: #bebebe;}
.mmenu .menu ul li.part4_anotherautumn-active .part {color: #fff;}
.mmenu .menu ul li.epilogue-active span {color: #93bbc2;}
.mmenu .emenu {padding-top: 4px; position: absolute; background: #000000; left: 95px; top: 53px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;}
.mmenu .emenu li {margin-bottom: 4px;}
.mmenu .emenu li a {padding-left: 3px; color: #8c8c8c;}
.mmenu .emenu li a:hover {color: #fff;}
.mmenu .emenu li span {margin-bottom: -1px; padding: 0px 3px 1px 3px; color: #fff; background: #de0049; display: -moz-inline-box; display: inline-block;}

.mmenu-visible .bg, 
.mmenu-visible .emenu, 
.mmenu-visible .sitelogo, 
.mmenu-visible .op {opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}

* .mmenu .menu ul li {margin-right: 7px;}

.footer .copy {font-size: 11px; color: #333;}
.footer .copy a {color: #333;}
.footer .copy a:hover {color: #777;}

p.next {margin-bottom: 0px; line-height: 12px;}
p.next a {color: #ffc000; text-decoration: none;}
p.next a:hover {color: #806000;}
p.next a span {border-bottom: 1px solid #806000;}
p.next a ins {top: -1px; vertical-align: middle; position: relative; display: -moz-inline-box; display: inline-block; width: 10px; height: 7px; font-size: 1px; line-height: 7px; text-indent: -9999px; text-decoration: none; background: url(../i/arr03-right.gif) no-repeat left top;}
p.next em {top: -4px; position: relative; font-style: italic; color: #858585; font-size: 10px;}
p.next a:hover span {border-color: #403000;}
p.next a:hover em {color: #434343 !important;}
p.next a:hover ins {background-position: left bottom;}

* html p.next a ins {top: 1px;}
*:first-child+html p.next a ins {top: 1px;}

.cprologue {color: #ccc; width: 270px;}
.cprologue p {margin-bottom: 18px; line-height: 18px;}
.cprologue p em {font-style: italic;}

.cepilogue {color: #ccc;}
.cepilogue .img {margin-bottom: 54px; zoom: 1;}
.cepilogue .img img {margin-right: 1px; display: block; float: left;}
.cepilogue p {margin-bottom: 18px; line-height: 18px;}
.cepilogue p.next a {color: #f6c06d;}
.cepilogue p.next a span {border-color: #7b6037;}
.cepilogue p.next a ins {background-iamge: url(../i/arr04-right.gif)}
.cepilogue p.next a:hover {color: #7b6037;}
.cepilogue p.next a:hover span {border-color: #3e301c;}

.cpart {margin-left: 15px; position: relative; width: 730px; height: 280px;}

.ccredits {zoom: 1;}
.ccredits h1 {margin-bottom: 85px;}
.ccredits a {color: #fff;}
.ccredits a:hover {color: #de0049;}
.ccredits .final-theme {margin: 0px 0px 70px 300px; width: 150px; height: 15px;}
.ccredits .part {margin-bottom: 60px; zoom: 1;}
.ccredits dl {padding-left: 195px; line-height: 18px;}
.ccredits dl dt {margin: 0px 15px 5px 0px; width: 165px; float: left; text-align: right; clear: left;}
.ccredits dl dd {margin-bottom: 5px; width: 275px; float: left; text-transform: uppercase; letter-spacing: 1px;}
.ccredits dl dd span {font-size: 10px;}
.ccredits dl dd em {font-style: italic; text-transform: none;}
.ccredits .sound-logo img {margin-top: 5px; display: block;}
.ccredits .starring .hdr {font-style: normal;}
.ccredits .starring dt {font-style: italic;}
.ccredits .music ul {text-transform: none; letter-spacing: 0px;}
.ccredits .music ul li {margin-bottom: 3px;}
.ccredits .music ul li span {font-size: 11px; color: #939393; font-family: arial;}

.cpress {zoom: 1;}
.cpress h1 {margin-bottom: 21px;}
.cpress .intro {margin-bottom: 38px; width: 375px; line-height: 18px;}
.cpress ul li {float: left; width: 375px;}
.cpress ul li.eng {margin-right: 29px;}
.cpress ul li.rus {margin-right: 0px; width: 375px;}
.cpress ul li .lang {margin: 0px 0px 7px -2px; padding: 1px 2px 2px 2px; position: relative; zoom: 1; background: #fff; display: -moz-inline-box; display: inline-block; color: #000;}
.cpress ul ul li {margin-bottom: 6px; float: none; width: auto; line-height: 18px;}

.cconcept {position: relative; width: 375px;}
.cconcept h2 {}
.cconcept h2 span {margin: 14px 0px 0px -103px; *margin-top: 13px; position: absolute; font-size: 10px; width: 100px; text-align: right; font-family: georgia; color: #9e9e9e; font-style: italic;}
.cconcept h2 strong {line-height: 32px; font-size: 24px; font-family: arial; color: #f6cd6d;}
.cconcept p {margin-bottom: 18px; line-height: 18px;}
.cconcept p.img {width: 300px; color: #9e9e9e; font-size: 11px; font-family: arial; line-height: 16px;}
.cconcept p.gist {line-height: 28px; font-size: 21px; font-family: georgia; color: #000;}
.cconcept p.gist span {background: #ccc;}
.cconcept blockquote {width: 200px; left: 500px; position: absolute; font-size: 11px; color: #9e9e9e; font-family: arial; line-height: 16px;}
.cconcept .tech-img {margin-right: -435px; position: relative; zoom: 1;}
.cconcept .tech-img p {width: 405px; float: left;}
.cconcept .tech-img p img {margin-top: 5px;}



.ccontacts {}
.ccontacts .intro {width: 380px; position: relative;}
.ccontacts .intro p {margin-bottom: 18px; line-height: 18px;}
.ccontacts .intro p.err-msg {color: #de0049;}
.ccontacts .intro p.note-msg {color: #23cf22;}
.ccontacts .intro blockquote {width: 200px; left: 500px; position: absolute; font-size: 11px; color: #9e9e9e; font-family: arial; line-height: 16px;}
.ccontacts .intro .cases {margin-bottom: 59px;}
.ccontacts .intro .cases p {margin-bottom: 0px;}
.ccontacts .intro .cases ul {margin-left: 37px; zoom: 1;}
.ccontacts .intro .cases ul li {padding-left: 12px; line-height: 18px; background: url(../i/marker.gif) no-repeat left 10px;}
.ccontacts .intro .emailus {line-height: 22px;}
.ccontacts .intro .emailus a {font-size: 18px; font-weight: bold; color: #e1e1e1;}

.ccontacts .msg-sent {margin: 13px 0px 0px 250px; width: 304px; position: absolute; height: 154px; border: 1px solid #4b4b4b; background: #000; z-index: 9;}
.ccontacts .msg-sent img {margin: 43px auto 0px auto; display: block;}

.ccontacts .form {margin-left: -25px; margin-bottom: 70px; width: 400px; position: relative; zoom: 1;/* background: #1a1a1a;*/}
.ccontacts .form .link {margin-bottom: 33px; line-height: 22px;}
.ccontacts .form .link a {font-size: 18px; font-weight: bold; color: #e1e1e1; text-decoration: none; border-bottom: 1px dashed #fff;}
.ccontacts .form .link a.opened {border: none;}
.ccontacts .form .msg {margin-bottom: 19px;}
.ccontacts .form .hide {position: absolute; right: 24px; top: 15px; font-size: 10px;}
.ccontacts .form .hide a {padding-left: 1px; display: inline-block; color: #e1e1e1; border-bottom: 1px dashed #fdf7c4; text-decoration: none; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;}
.ccontacts .form .hide a:hover {color: #fdf7c4; border-color: #fdf7c4;}

.ccontacts .form .cont-wrap {margin-left: -10px; height: 0px; overflow: hidden; position: relative;}
.ccontacts .form .cont-wrap .cont {padding-left: 10px; padding-bottom: 20px;}

.ccontacts .err {left: 0px; top: 0px; height: 34px; overflow: hidden; position: absolute; visibility: hidden;}
.ccontacts .err div {margin-top: -34px; padding: 38px 4px 4px 4px; zoom: 1; background: url(../i/err-bg.png) repeat-x left top;}
.ccontacts .err p {padding: 0px 10px; height: 26px; line-height: 26px; display: block; font-size: 11px; color: #fff; background: #8d0d55; white-space: nowrap;}
.ccontacts .err em.crn {position: absolute; display: block; width: 4px; height: 7px; left: 0px; top: 14px; font-size: 1px; background: url(../i/arr02-left.gif) no-repeat left top;}
.ccontacts .err em.brd {position: absolute; display: block; right: -1px; top: 0px; width: 7px; height: 34px; background: url(../i/err-brd.gif) no-repeat -999px -999px;}
.ccontacts .err-hover div {margin-top: 0px; padding-top: 4px;}
.ccontacts .err-hover em.brd {background-position: left top;}

* html .ccontacts .err div {behavior: url(js/iepngfix.htc);}

.ccontacts .form {overflow: hidden;}
.ccontacts .form form {padding: 10px 0px 0px 25px;}
.ccontacts .form form .label {margin-bottom: 2px;}
.ccontacts .form form .input {margin: 0px 0px 18px -6px; position: relative; width: 265px;}
.ccontacts .form form .input p {padding: 4px; display: block; zoom: 1; background: url(../i/input-shadow.gif) no-repeat -999px -999px;}
.ccontacts .form form .submit {margin-right: 30px; padding: 0px 15px 0px 15px; height: 31px; display: -moz-inline-box; display: inline-block; background: #737373 url(../i/contact-btn-submit.gif) repeat-x left top; font-size: 14px; font-family: Georgia; font-weight: bold; color: #a4a4a4; border: 0px solid; text-decoration: underline; cursor: default;}
.ccontacts .form form .submit span {padding-top: 6px; display: -moz-inline-box; display: inline-block;}
.ccontacts .form form .submit-active {color: #e1e1e1; background-color: #e1e1e1; background-position: 0px -31px; cursor: hand; cursor: pointer;}
.ccontacts .form form .submit-active:hover {color: #fff; background-color: #1ba365; background-position: 0px -62px;}
.ccontacts .form form .clear {display: inline;}
.ccontacts .form form .clear a {padding-right: 1px; display: inline-block; color: #e1e1e1; border-bottom: 1px dashed #e1e1e1; text-decoration: none;}
.ccontacts .form form .clear a:hover {color: #fdf7c4; border-bottom-color: #fdf7c4;}

.ccontacts .form form .input-textarea {width: 365px;}
.ccontacts .form form .input-textarea p {background: url(../i/input-textarea-shadow.gif) no-repeat -999px -999px;}
.ccontacts .form form .input-textarea span {height: 305px;}
.ccontacts .form form .input-textarea textarea {height: 304px;}
.ccontacts .form form .captcha {}
.ccontacts .form form .captcha .label {margin-bottom: 6px;}
.ccontacts .form form .captcha img {display: block; margin: 0px 0px 6px -3px; position: relative;}
.ccontacts .form form .input-captcha {width: 188px;}
.ccontacts .form form .input-captcha p {background: url(../i/input-captcha-shadow.gif) no-repeat -999px -999px;}

.ccontacts .form form .input-hover p {background-position: left top;}
.ccontacts .form form .input-invalid-hover p {background-position: left bottom;}
.ccontacts .form form .input-focus p {background-position: left top;}
.ccontacts .form form .input-focus p .inp {background-color: #353535;}
.ccontacts .form form .input-invalid-focus p {background-position: left bottom;}
.ccontacts .form form .input-invalid-focus p .inp {background-color: #353535;}

.ccontacts .form form .input-valid p .inp {border-color: #1a593c;}
.ccontacts .form form .input-valid p .inp textarea,
.ccontacts .form form .input-valid p .inp input {color: #bdffe0;}
.ccontacts .form form .input-invalid p .inp {border-color: #8d0d55;}
.ccontacts .form form .input-invalid p .inp input {color: #ff0090;}

.ccontacts .form-opened {overflow: visible; background-color: #1a1a1a;}
.ccontacts .form-opened .cont-wrap {height: auto;}
.ccontacts .form-opened .hide a {opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}
.ccontacts .form-opened .link {background-color: #1a1a1a;}
.ccontacts .form-opened .link .opened {cursor: default;}