@charset "windows-1251";
/* CSS Document */
*{ margin:0; padding:0; outline:none; }
ul{ list-style:none; }
img{ border:none; }
a{ color:#000; text-decoration:none; border-bottom:1px dotted #000; }
a:hover, a:hover span{ border-bottom:1px dotted transparent; }
*::selection{ background:#f00; color:#fff; }
*::-moz-selection{ background:#f00; color:#fff; }
html,body{ height:100%; font:italic 11px Georgia, "Times New Roman", Times, serif; color:#757474; background:#dadada url(../images/bg.jpg) no-repeat center 0; }
#main{ width:1000px; margin:0 auto; }
.topBlock{ float:left; width:100%; padding-top:40px; }
.contentBlock{ float:left; width:100%; padding:30px 0; }
.bottomBlock{ float:left; width:100%; padding-bottom:100px; }
.leftBlock{ position:relative; z-index:2; float:left; width:240px; margin-right:-240px; }
.rightBlock{ position:relative; z-index:2; float:right; width:145px; margin-left:-145px; }
.centerBlock{ padding: 0 145px 0 240px; }
.centerRightBlock{ padding-left:240px; }
.bothBlock{ float:left; width:100%;  }

.box404{ position:relative; left:0; top:0; width:100%; height:100%; background:#000; }
.box404 img{ width:100%; position:absolute; left:0; top:50%; margin-top:-22.5%; }

.logoBox{ float:left; width:160px; text-align:center; color:#8b8b8b; font-size:10px; border:none; }
.logoBox p{ font-weight:bold; font-size:11px; color:#f00; padding-bottom:3px; }
.reloadingText{ float:left; width:500px; height:120px; line-height:16px; }
.reloadingText img{ vertical-align:middle; cursor:pointer; margin-left:5px; }
.tellSomething{ float:right; border-bottom:none; margin-right:90px; }
.tellSomething span{ border-bottom: 1px dotted #000; } 
.topBlock h1{ position:relative; z-index:2; margin-top:-50px; float:left; width:615px; font:italic 36px Georgia, "Times New Roman", Times, serif; color:#000; line-height:36px; }

.messageBox{ display:none; float:left; width:100%; height:120px; }
.messageBox .step1{ float:left; padding-left:100px; }
.messageBox .step1 input{ border:none; width:106px; height:19px; padding-bottom:3px; margin-right:60px; overflow:hidden; background: url(../images/button.gif) no-repeat; font: italic 11px Georgia, "Times New Roman", Times, serif; cursor:pointer; }
.messageBox .step1 input#man{ color:#0036ff; }
.messageBox .step1 input#girl{ color:#de007d; }
.messageBox .step2{ display:none; float:left; width:600px; }
.messageBox .step2 input{ float:left; width:210px; padding:0 5px; color:#8b8b8b; font: 11px Tahoma, Geneva, sans-serif; }
.messageBox .step2 div{ position:relative; float:left; width:106px; height:19px; overflow:hidden; margin:1px 0 0 10px; text-align:center; font:11px Tahoma, Geneva, sans-serif; color:#000; background:url(../images/button.gif) no-repeat; }
.messageBox .step2 div input{ position:absolute; right:0; top:0; font-size:20px; opacity:0; filter:alpha(opacity=0); }
.messageBox .step3{ display:none; float:left; width:610px; }
.messageBox .step3 input{ float:left; width:470px; padding:0 5px; color:#8b8b8b; font: 11px Tahoma, Geneva, sans-serif; }
.messageBox .step3 input.button{ float:left; margin:2px 0 0 10px; border:none; width:106px; height:19px; padding-bottom:4px; text-align:center; font:11px Tahoma, Geneva, sans-serif; color:#000; background:url(../images/button.gif) no-repeat; cursor:pointer; }

.worksList{ padding-left:30px; font: 10px Tahoma, Geneva, sans-serif; }
.worksList li{ position:relative; float:left; width:100%; }
.worksList li a{ float:left; padding:6px 9px; border:none; color:#3c3c3c; }
.worksList li a:visited{ text-decoration:line-through; }
.worksList li a:hover{ color:#3c3c3c; background:#fff; text-decoration:none; }
.worksList li div{ float:left; padding:6px 9px; border:none; color:#3c3c3c; background:#fff; }
.worksList.blackStyle li a:hover{ color:#fff; background:#000; text-decoration:none; }
.worksList.blackStyle li div{ color:#fff; background:#000; }
.worksList.redStyle li a:hover{ color:#fff; background:#f00; text-decoration:none; }
.worksList.redStyle li div{ color:#fff; background:#f00; }

#feedbackLink{ position:relative; top:0; float:right; margin-right:5px; width:78px; height:45px; padding-top:33px; font: bold 10px Tahoma, Geneva, sans-serif; color:#ccc; text-align:center; background: url(../images/feedback.png) no-repeat 0 -78px; border:none; }
#feedbackLink:hover{ background: url(../images/feedback.png) no-repeat; }

.previewList{ float:left; width:100%; }
.previewList li{ position:relative; float:left; width:178px; height:97px; overflow:hidden; padding: 0 27px 28px 0; background: url(../images/loader.gif) no-repeat center; }
.previewList li a{ display:none; border:none; }
.previewList li a img{ position:relative; z-index:2; display:block; }
.previewList li a:hover div{ z-index:3; }
.yellowSticker{ display:block; position:absolute; z-index:1; left: 25px; top:20px; width:131px; height:45px; padding-top:14px; text-align:center; overflow:hidden; background: url(../images/yellow.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/yellow.png', sizingMethod='noscale'); _background:none; font: 9px Tahoma, Geneva, sans-serif; color:#4f4f4f; }
.yellowSticker h3{ font:bold 10px Tahoma, Geneva, sans-serif; color:#000; padding-bottom:4px; }
.blueSticker{ display:block; position:absolute; z-index:1; left: 25px; top:20px; width:131px; height:45px; padding-top:14px; text-align:center; overflow:hidden; background: url(../images/blue.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blue.png', sizingMethod='noscale'); _background:none; font: 9px Tahoma, Geneva, sans-serif; color:#7b90c1; }
.blueSticker h3{ font:bold 10px Tahoma, Geneva, sans-serif; color:#fff; padding-bottom:4px; }
.redSticker{ display:block; position:absolute; z-index:1; left: 25px; top:20px; width:131px; height:45px; padding-top:14px; text-align:center; overflow:hidden; background: url(../images/red.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/red.png', sizingMethod='noscale'); _background:none; font: 9px Tahoma, Geneva, sans-serif; color:#7d1919; }
.redSticker h3{ font:bold 10px Tahoma, Geneva, sans-serif; color:#fff; padding-bottom:4px; }

.copyright{ float:left; width:400px; }
.backInTop{ float:right; margin-right:27px; }

.workBox{ float:left; width:100%; padding-bottom:100px; }
.workBox h1{ position:relative; z-index:2; margin-top:-50px; float:left; width:615px; font:italic 36px Georgia, "Times New Roman", Times, serif; color:#000; line-height:36px; }
.worksImgs li{ padding-bottom:30px; }
.worksImgs li p{ padding:10px 0; }
.worksImgs li img{ display:block; }
.flashBox{ float:left; width:100%; padding-top:20px; }

.feedbackBox{ float:left; width:100%; padding-bottom:50px; }
.feedbackBox h1{ position:relative; z-index:2; float:left; margin:-50px 0 10px -116px; font:italic 111px Georgia, "Times New Roman", Times, serif; color:#000; line-height:120px; }
.feedbackBox textarea{ width:679px; height:286px; padding:0 6px; border:none; background:url(../images/lines.gif) no-repeat 0 35px; overflow:hidden; font: 24px Georgia, "Times New Roman", Times, serif; color:#9d9d9d; line-height:41px; }
.feedbackBox .buttonsBox{ padding: 35px 0 15px 0; }
.feedbackBox .buttonsBox input{ border:none; width:106px; height:19px; padding-bottom:3px; margin-right:8px; overflow:hidden; background: url(../images/button.gif) no-repeat; font: italic 11px Georgia, "Times New Roman", Times, serif; }
.red{ color:#f00!important; }
.resultBox{ display:none; float:left; width:100%; padding-bottom:50px; }
.resultBox h1{ position:relative; z-index:2; float:left; margin-top:-50px; font:italic 111px Georgia, "Times New Roman", Times, serif; color:#000; line-height:120px; }

#play{ display:none; position:absolute; top:-100px; left:72px; width:49px; height:50px; overflow:hidden; background:url(../images/play.gif) no-repeat 0 0; cursor:pointer; }
#play.a{ background:url(../images/play.gif) no-repeat 0 -50px; }