﻿@charset "UTF-8";
*{ margin:0; padding:0; outline:none; }
*::selection{ background:#f8e000; color:#000; }
*::-moz-selection{ background:#f8e000; color:#000; }
html,body{ height:100%; }
body{ font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#000 url(/upload/bg.jpg) fixed; color:#fff; cursor:default; }
ul{ list-style:none; }
table{ border-collapse:collapse; }
img{ border:none; }
a{ text-decoration:none; }
h2{ font-size:48px; color:#fff; }
h2 span{ font-weight:normal; color:#62636a; }

.both{ float:left; width:100%; }
.both.long{ width:105%; }
.hidden{ display:none!important; }
.input{ background:#fff url(../images/bord5.gif) no-repeat 1px 1px; }
.input input{ background:transparent url(../images/bord6.gif) repeat-y 100% 0; border:1px solid #c3c3c3; border-top-color:#7c7c7c; border-bottom-color:#ddd; font:11px Tahoma, Geneva, sans-serif; color:#9e9d99; }
.input input.error{ border:1px solid #f33; }

#maket{ display:none; position:absolute; z-index:1000; left:0; top:0; width:100%; height:800px; background:url(/temp/maket3.jpg) no-repeat 50% 0; opacity:0.3; }

#site{ position:relative; float:left; width:100%; min-width:1000px; overflow:hidden; }
#main{ position:relative; float:left; width:100%; min-width:1000px; min-height:100%; overflow:hidden; }
#preloader{ display:none; position:fixed; right:40px; top:30px; width:24px; height:24px; background:url(../images/preloader.gif) no-repeat; }
#target{ display:none; position:absolute; z-index:1001; left:68%; top:70px; width:38px; height:39px; overflow:hidden; background:url(../images/target.png) no-repeat; }
#target.hover{ background-position:0 -39px; }
#twitter{ position:absolute; left:-100px; top:-100px; z-index:1000; width:76px; height:45px; background:url(../images/twitter.png) no-repeat 0 0; }
#twitter.rev{ top:170px; background:url(../images/twitter.png) no-repeat 0 -46px; }
#twitter.corpse{ bottom:-10px; }
#wing{ display:none; position:absolute; left:29px; top:-5px; width:16px; height:30px; background:url(../images/twitter.png) no-repeat; }
#wing.up{ display:block; background-position:0 -127px!important; }
#wing.down{ display:block; background-position:-21px -127px!important; }
#follow{ display:none; position:absolute; left:67px; top:25px; width:34px; height:32px; overflow:hidden; background:url(../images/twitter.png) no-repeat 0 -93px; }
.rev #wing{ left:33px; }
.rev #wing.up{ background-position:-39px -127px!important; }
.rev #wing.down{ background-position:-60px -127px!important; }
.rev #follow{ left:-25px; top:25px; background-position:-36px -93px!important; }

.feedback{ position:fixed; z-index:1003; left:0; top:0; width:166px; height:163px; overflow:hidden; background:url(../images/feedback.png) no-repeat; }
#feedback2{ display:none; }

.centeringBlock{ width:90%; max-width:1100px; margin:0 auto; }
.centeringBlock2{ width:680px; margin:0 auto; }
.padBlock{ position:relative; padding-left:130px; }
.padBlock2{ position:relative; padding-left:60px; }
.padBlock3{ position:relative; padding:0 130px; }

.topBlock{ position:relative; height:164px; }
.topBlock2{ position:relative; height:85px; }
.contentBlock{ padding-bottom:320px; }
.bottomBlock{ position:absolute; left:0; bottom:100px; width:100%; min-width:900px; }
.bottomBlock.centered{ text-align:center; }
.bottomBlock.centered .centeringBlock{ width:90%; padding:0; }
.bottomBlock.centered .padBlock{ padding-right:130px; }
.bottomBlock2{ position:absolute; z-index:2; left:0; bottom:90px; width:100%; min-width:900px; text-align:center; }
.bottomBlock2 a{ text-decoration:none!important; }
.bottomBlock2 .license{ display:block; width:72px; margin:20px auto 0; }
.bottomBlock2 .license span{ display:block; width:72px; height:19px; overflow:hidden; background:url(../images/player.png) no-repeat 0 -31px; }


.logo{ float:left; width:101px; height:95px; overflow:hidden; background:url(../images/logo.png) no-repeat; }
.logo2{ position:relative; z-index:10; float:left; width:118px; height:95px; overflow:hidden; background:url(../images/logo2.png) no-repeat; }
#logo2{ display:none; }
#logo3{ display:none; }
.topMenu{ position:relative; float:left; padding:75px 0 0 39px; font-size:10px; font-weight:bold; text-transform:uppercase; }
.topMenu li{ float:left; padding:5px 8px; margin-right:17px; }
.topMenu li a{ color:#a4a4a4; }
.topMenu li a:hover{ color:#fff; }
.topMenu li.active{ background:#262628; }
.topMenu li.active a{ color:#fff; }

.rss{ position:relative; left:15px; top:-1px; display:inline-block; width:28px; height:20px; overflow:hidden; background:url(../images/rss.png) no-repeat; }

.titleBox{ padding-bottom:20px; }
.titleBox p{ padding-top:15px; font-size:14px; color:#62636a; }
.sectionMenu{ float:left; padding-bottom:33px; font-size:12px; }
.sectionMenu li{ float:left; padding:5px 8px; margin-right:15px; }
.sectionMenu li a{ position:relative; color:#62636a; }
.sectionMenu li a span{ position:absolute; top:-5px; right:-12px; width:8px; height:8px; overflow:hidden; background:url(../images/popup.gif) no-repeat; }
.sectionMenu li a:hover{ color:#fff; }
.sectionMenu li a:hover span{ background-position:0 -9px!important; }
.sectionMenu li.active{ background:#262628; }
.sectionMenu li.active a{ color:#fff; }


.botBox{ float:left; width:100%; overflow:hidden; font-size:12px; font-weight:bold; color:#fff; }
.botBox ul{ float:left; width:120%; }
.botBox li{ float:left; padding-right:24%; margin-right:-201px; }
.botBox li span{ padding:2px 3px; background:#f7c000; color:#000; }
.botBox a{ text-decoration:underline; color:#fff; }
.botBox a:hover{ text-decoration:none; }
#top{ position:relative; left:-2px; top:-5px; float:left; padding:7px 10px; }
#top span{ float:left; width:22px; height:10px; padding:0; overflow:hidden; background:url(../images/top.png) no-repeat; }
#top:hover span{ background-position:0 -10px; }
.copyright{ padding-top:60px; font-size:10px; color:#65666c; }
.copyright2{ padding-top:30px; font-size:10px; color:#65666c; }
.copyright3{ padding:40px 0 5px; font-size:10px; color:#65666c; }
.shareBox{ padding-top:50px; }
.shareBox2{ padding-top:60px; }
.share{ width:85px; }
.addthis_counter{ float:none!important; display:inline-block!important; }
.centered .share{ margin:0 auto; }


.worksList{ position:relative; overflow:hidden; }
.worksList ul{ padding-right:5%; }
.worksList li{ position:relative; top:1px; float:left; width:100%;  }
.worksList li.new{ display:none; }
.worksList li.note{ position:relative; z-index:5; margin-top:-1px; }
.worksList .bg{ display:none; position:absolute; left:0; top:-1px; width:100%; height:117px; background:#000; }
.worksList .imgBox{ position:relative; z-index:3; float:left; width:130px; height:115px; }
.worksList .imgBox a{ display:block; width:130px; height:115px; }
.worksList .imgBox img{ position:absolute; display:block; }
.worksList .pad{ position:relative; z-index:2; padding-left:130px; }
.worksList .descriptionBox{ height:90px; padding-top:25px; border-bottom:1px solid #292a30; }
.worksList .leftCol{ padding-right:27%; }
.worksList .leftCol div{ float:left; width:100%; }
.worksList .leftCol div h1{ float:left; padding-right:15px; font-size:30px; color:#fff; }
.worksList .leftCol div h1 a{ float:left; padding-bottom:6px; color:#fff; }
.worksList .leftCol div span{ position:relative; top:11px; float:left; }
.worksList .leftCol div span a{ float:left; min-width:30px; padding:4px 8px; margin-right:10px; font-size:10px; font-weight:bold; line-height:10px; text-transform:uppercase; color:#fff; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.worksList .leftCol p{ float:left; width:100%; font-size:18px; font-style:italic; color:#62636a; }
.worksList .leftCol p a{ float:left; color:#62636a; }
.worksList .rightCol{ position:relative; float:right; width:25%; padding-top:13px; }
.worksList .seen{ position:absolute; right:38%; top:17px; float:right; width:40px; height:40px; margin-right:-60px; overflow:hidden; background:url(../images/icons1.png) no-repeat -2px 0; }
.worksList .new{ position:absolute; right:38%; top:15px; float:right; width:44px; height:44px; margin-right:-62px; overflow:hidden; background:url(../images/icons1.png) no-repeat 0 -41px; }
.worksList .rating{ float:left; font-size:12px; }
.worksList .rating p{ padding-top:15px; color:#62636a; font-style:italic; }
.worksList .rating p span{ color:#fff; }
.worksList .starsStatic{ width:120px; height:18px; overflow:hidden; background:url(../images/stars.png) repeat-x 0 0; }
.worksList .starsStatic div{ float:left; height:18px; overflow:hidden; background:url(../images/stars.png) repeat-x 0 -19px; }
.worksList .attantionBox{ position:relative; padding:20px 25px 25px 25px; background:#f90000; color:#fff; }
.worksList .attantionBox .close{ position:absolute; right:15px; top:15px; width:20px; height:20px; overflow:hidden; background:url(../images/close.png) no-repeat; }
.worksList .attantionBox div{ padding-bottom:15px; font-size:24px; font-weight:bold; line-height:24px; } 
.worksList .attantionBox p{ font-size:18px; font-style:italic; } 
.worksList .attantionBox p a{ color:#fff; border-bottom:1px dotted #fff; }
.worksList .attantionBox p a:hover{ border-color:transparent; }
.worksList li.active .descriptionBox{ border-color:#000; }

#next{ display:none; position:absolute; right:0; top:32px; width:42px; height:41px; overflow:hidden; background:url(../images/pointers1.png) no-repeat 0 0; }
a#next:hover{ background-position:0 -84px!important; }
#prev{ display:none; position:absolute; right:55px; top:32px; width:42px; height:41px; overflow:hidden; background:url(../images/pointers1.png) no-repeat 0 -42px; }
a#prev:hover{ background-position:0 -126px!important; }
.workBox{ position:relative; margin-top:-20px; padding-right:7%; }
.workBox .pad{ position:relative; z-index:2; padding-left:130px; }
.workBox .top{}
.workBox .imgBox{ position:relative; z-index:3; float:left; width:130px; height:115px; }
.workBox .imgBox img{ position:absolute; display:block; }
.workBox .descriptionBox{ position:relative; height:90px; padding-top:25px; }
.workBox .descriptionBox .title{ float:left; width:100%; }
.workBox .descriptionBox .title h1{ float:left; padding-right:15px; font-size:48px; line-height:48px; color:#fff; }
.workBox .descriptionBox .title .new{ position:relative; top:7px; float:left; width:44px; height:44px; overflow:hidden; background:url(../images/icons1.png) no-repeat 0 -41px; }
.workBox .descriptionBox p{ float:left; width:100%; padding:10px 0 15px; font-size:18px; font-style:italic; color:#62636a; }
.workBox .descriptionBox .both{ border-top:1px solid #292a30; padding-top:15px; }
.workBox .pie{ float:left; padding-top:3px; font-size:12px; color:#62636a; }
.workBox .pie a{ color:#b9b9b9; text-decoration:underline; }
.workBox .pie a:hover{ text-decoration:none; }
.workBox .pie span{ padding:0 5px; }
.workBox .stars{ position:relative; right:-5px; float:right; width:120px; height:18px; overflow:hidden; background:url(../images/stars.png) repeat-x 0 0; cursor:pointer; }
.workBox .stars div{ float:left; height:18px; overflow:hidden; background:url(../images/stars.png) repeat-x 0 -19px; }
.workBox .social{ width:240px; padding:2px 0 0 4px; margin:0 auto; }
.workBox .social a{ position:relative; left:0; top:0; float:left; width:16px; height:16px; overflow:hidden; margin-right:4px; background:url(../images/icons2.png) no-repeat; }
.workBox .social a span{ display:none!important; }
.ico1{ background-position:0 0!important; }
.ico2{ background-position:-20px 0!important; }
.ico3{ background-position:-40px 0!important; }
.ico4{ background-position:-60px 0!important; }
.ico5{ background-position:-80px 0!important; }
.ico6{ background-position:-100px 0!important; }
.ico7{ background-position:-120px 0!important; }
.ico8{ background-position:-140px 0!important; }
.ico9{ background-position:-160px 0!important; }
.ico10{ background-position:-180px 0!important; }
.ico11{ background-position:-200px 0!important; }
.ico12{ background-position:-220px 0!important; }

.workBox .cont{ padding:20px 0; font-size:14px; color:#83848a; }
.workBox .cont h2{ font-size:30px; cursor:text; }
.workBox .cont p{ max-width:800px; cursor:text; line-height:17px; }
.workBox .cont p a{ color:#fff; }
.workBox .cont .img img{ display:block; }
.workBox .cont .img a{ float:left; }
.workBox .cont .linkBox{ padding:20px 0; }
.workBox .cont .linkBox a{ float:left; padding:9px 12px; font-weight:bold; font-size:18px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.workBox .cont li{ clear:both; }
.workBox .bot{ padding-top:20px; font-weight:bold; font-size:48px; color:#fff; }
.workBox .bot .otherProjectsList{ padding-top:10px; height:100px; }
.workBox .bot ul{ width:106%; }
.workBox .bot li{ position:relative; float:left; width:14%; height:100px; }
.workBox .bot li a{ position:relative; float:left; left:0; top:0; }
.workBox .bot li img{ position:relative; float:left; }


.vacancyList{ position:relative; overflow:hidden; }
.vacancyList ul{ padding-right:5%; }
.vacancyList li{ position:relative; top:1px; float:left; width:100%;  }
.vacancyList .bg{ display:none; position:absolute; left:0; top:-1px; width:100%; height:100%; background:#000; }
.vacancyList .imgBox{ position:relative; z-index:3; float:left; width:130px; height:115px; }
.vacancyList .imgBox a{ display:block; width:130px; height:115px; }
.vacancyList .imgBox img{ position:absolute; display:block; }
.vacancyList .pad{ position:relative; z-index:2; padding-left:130px; }
.vacancyList .descriptionBox{ min-height:80px; padding:25px 0 10px 0; border-bottom:1px solid #292a30; }
.vacancyList .leftCol{ padding-right:22%; }
.vacancyList .leftCol div{ float:left; width:100%; }
.vacancyList .leftCol div h1{ float:left; padding-right:15px; font-size:30px; color:#fff; }
.vacancyList .leftCol div h1 a{ float:left; padding-bottom:6px; color:#fff; }
.vacancyList .leftCol div span{ position:relative; top:11px; float:left; }
.vacancyList .leftCol div span a{ float:left; min-width:30px; padding:4px 8px; margin-right:10px; font-size:10px; font-weight:bold; line-height:10px; text-transform:uppercase; color:#fff; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.vacancyList .leftCol p{ float:left; width:100%; padding-bottom:17px; font-size:18px; font-style:italic; color:#62636a; }
.vacancyList .leftCol p a{ float:left; color:#62636a; }
.vacancyList .rightCol{ position:relative; float:right; width:20%; padding-top:13px;  }
.vacancyList .slider{ position:absolute; right:47%; top:11px; float:right; float:right; width:40px; height:40px; margin-right:-59px; overflow:hidden; background:url(../images/pointers2.png) no-repeat 0 0; }
.vacancyList .slider:hover{ background:url(../images/pointers2.png) no-repeat 0 -82px; }
.vacancyList .formBox{ display:none; }
.vacancyList .formBox p{ padding:10px 0 30px; font-size:11px; font-style:italic; color:#75777d; }
.vacancyList .formBox p a{ color:#efefef; text-decoration:underline; }
.vacancyList .formBox p a:hover{ text-decoration:none; }
.vacancyList .mission{ padding:11px 15px; background:#202229; }
.vacancyList .fieldsBox1{ position:relative; height:30px; padding:23px 100px 0 0; }
.vacancyList .fieldsBox1 .field{ position:relative; float:left; width:30%; padding-right:3%; }
.vacancyList .fieldsBox2{ position:relative; height:30px; padding:17px 0 22px; }
.vacancyList .fieldsBox2 .field{ position:relative; float:left; width:100%; }
.vacancyList .field.hold span{ color:#555; }
.vacancyList .field span{ position:absolute; left:0; top:7px; font-size:18px; font-weight:bold; }
.vacancyList .field span strong{ color:#de0000; }
.vacancyList .field input{ display:block; width:100%; padding:7px 0; border:none; border-bottom:1px solid #383940; background:none; color:#fff; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.vacancyList .field input.error{ border-bottom-color:#f50015; }
.vacancyList .send{ position:absolute; top:26px; right:-4px; width:117px; height:35px; overflow:hidden; background:url(../images/button2.png) no-repeat; }
.vacancyList .send.hold{ background-position:0 -36px; cursor:default; }
.vacancyList li.active .descriptionBox{ border-color:#000; }
.vacancyList li.slided .slider{ background:url(../images/pointers2.png) no-repeat 0 -41px; }
.vacancyList li.slided .slider:hover{ background:url(../images/pointers2.png) no-repeat 0 -123px; }

.aboutBox{ position:absolute; top:50%; left:0; width:100%; }
.aboutCont{ position:relative; left:0; top:0; }
.aboutBox p{ padding-bottom:50px; font-style:italic; font-size:11px; color:#62636a; }
.aboutBox img{ display:block; position:relative; }
.aboutBox .hint{ display:none; position:absolute; left:500px; top:-20px; width:192px; height:60px; overflow:hidden; background:url(../images/hint1.png) no-repeat 0 100%; }
.aboutMin{ height:300px; }
.aboutBox .buttonsBox{ position:absolute; top:-2px; left:250px; }
.button{ display:block; width:107px!important; height:20px!important; padding:0 0 4px 0!important; overflow:hidden; background:url(../images/admin/button1.png) no-repeat; text-align:center!important; font:bold italic 11px Georgia, "Times New Roman", Times, serif!important; color:#000!important; border:none!important; cursor:pointer; }
a.button{ height:18px!important; padding:2px 0 0 0!important; }
#aboutBox{ cursor:n-resize; }
#aboutImg{ cursor:w-resize; }

.feedbackBox{ position:relative; margin-bottom:-60px; }
.feedbackBox .textBg{ position:relative; min-height:300px; overflow:hidden; padding-bottom:10px; font:bold 48px/96px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/border.gif) 0 -25px; }
.feedbackBox .sendButton{ display:block; height:17px; padding:23px 0; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/enter.png) no-repeat 97% 50%; border:1px solid #31343f; color:#92929b; text-align:center; cursor:pointer; text-transform:uppercase; }
#reload{ position:absolute; left:-62px; top:29px; width:40px; height:40px; overflow:hidden; background:url(../images/reload.png) no-repeat; cursor:pointer; }
#reload:hover{ background-position:0 -41px; }
/*-ms-word-break: break-all; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all;*/
#last{ position:relative; top:-7px; opacity:0; }
#inp{ position:relative; top:0; opacity:0; color:#f8d101; }
#hint{ position:relative; top:-9px; font-size:18px; line-height:18px; font-weight:normal; color:#797980; }
#input{ position:absolute; left:-100px; bottom:50px; width:50px; opacity:0; font-size:1px; }
.thanksBox{ display:none; position:relative; height:400px; }
#thnxText{ position:absolute; z-index:5; left:-150%; top:80px; width:696px; height:202px; margin-left:-348px; overflow:hidden; background:url(../images/thnx.png) no-repeat 50% 0; }
#thnxIco{ position:absolute; z-index:4; left:200%; top:330px; width:199px; height:67px; margin-left:-100px; overflow:hidden; background:url(../images/thnx.png) no-repeat 0 -203px; }

.contactBox{}
.contactBox img{ display:block; margin:0 auto; }
.contactBox ul{ text-align:center; margin-bottom:-70px; }
.contactBox li{ padding:50px 0 20px; }
.contactBox li a{ color:#fff; }
.contactBox li a:hover{ text-decoration:underline; }
.contactBox div{ color:#62636a; text-transform:uppercase; }
.contactBox h3{ padding:12px 0; font-weight:bold; font-size:30px; color:#fff; }
.contactBox p{ font-style:italic; color:#929292; }
.contactBox .skype{ position:relative; left:-12px; top:-3px; display:inline-block; width:30px; height:41px; vertical-align:middle; margin:0 0 -14px -30px; overflow:hidden; background:url(../images/skype.png) no-repeat; }

.mistakePopup{ display:none; position:fixed; left:50%; top:50%; z-index:100; float:left; width:440px; padding:15px 20px; margin:-75px 0 0 -240px; background:#ffd800; }
.mistakePopup h3{ padding-bottom:15px; font-size:18px; color:#000; }
.mistakePopup h3 span{ font-style:italic; font-weight:normal; }
.mistakePopup input{ width:422px; padding:7px 8px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#636363; }
.mistakePopup input.focused{ color:#000; }
.mistakePopup .buttons{ padding-top:20px; }
.mistakePopup .close{ float:left; width:105px; height:33px; margin-right:15px; overflow:hidden; background:url(../images/buttons1.png) no-repeat; }
.mistakePopup .send{ float:left; width:113px; height:33px; overflow:hidden; background:url(../images/buttons1.png) no-repeat 0 -34px; }

#stereoNike{ position:relative; float:left; cursor:default; cursor:move; cursor:-webkit-grab; }
#stereoNike img{ float:left; }
#stereoNike .hide{ display:none; position:absolute; left:0; top:0; }
#stereoNike .hint{ position:absolute; left:570px; top:100px; width:159px; height:21px; overflow:hidden; background:url(../images/hint2.png) no-repeat; }

.playerBox{ position:fixed; left:0; bottom:0; z-index:100; height:32px; background:#000; color:#fff; font-weight:bold; }
.playerBox .centering{ width:930px; padding:0 20px; height:32px; margin:0 auto; }
.playerBox .centering2{ width:770px; padding:0 20px; height:32px; margin:0 auto; }
.playerBox a{ color:#fff; }
.playerBox .playerLogo{ float:left; padding:8px 20px 0 0; }
.playerBox .playerLogo div,.playerBox .playerLogo a{ display:block; width:88px; height:16px; margin:0 auto; background:url(../images/player.png) no-repeat 0 0; }
.playerBox .play{ float:left; width:90px; height:16px; padding:8px 0; border:1px solid #1f1f1f; border-width:0 1px; text-align:center; font-size:10px; text-transform:uppercase; }
.playerBox .play:hover{ background:#f00; border-color:#f00; }
.playerBox .play span{ position:relative; top:2px; display:inline-block; width:9px; height:12px; margin-right:9px; overflow:hidden; background:url(../images/player.png) no-repeat 0 -17px; }
.playerBox .pause{ display:none; float:left; width:90px; height:16px; padding:8px 0; border:1px solid #1f1f1f; border-width:0 1px; text-align:center; font-size:10px; text-transform:uppercase; }
.playerBox .pause:hover{ background:#f00; border-color:#f00; }
.playerBox .pause span{ position:relative; top:2px; display:inline-block; width:9px; height:12px; margin-right:9px; overflow:hidden; background:url(../images/player.png) no-repeat -10px -17px; }
.playerBox .title{ float:left; padding:10px 15px; height:12px; }
.playerBox .title p{ float:left; padding-right:8px; font-size:11px; color:#f00; text-transform:uppercase; }
.playerBox .title div{ position:relative; float:left; width:165px; height:13px; overflow:hidden; margin-right:10px; font-size:11px; font-weight:normal; }
.playerBox .title span{ position:absolute; left:0; top:0; min-width:160px; padding-right:20px; white-space:nowrap; }
.playerBox .prev{ position:relative; top:1px; float:left; width:12px; height:12px; overflow:hidden; margin:0 3px; background:url(../images/player.png) no-repeat -21px -17px; }
.playerBox .prev:hover{ background-position:-49px -17px; }
.playerBox .next{ position:relative; top:1px; float:left; width:12px; height:12px; overflow:hidden; margin:0 3px; background:url(../images/player.png) no-repeat -35px -17px; }
.playerBox .next:hover{ background-position:-63px -17px; }
.playerBox .download{ float:left; height:10px; padding:11px 15px; font-size:10px; text-transform:uppercase; border:1px solid #1f1f1f; border-width:0 1px; }
.playerBox .download:hover{ position:relative; z-index:5; background:#f00; border-color:#f00; }
.playerBox .about{ float:left; height:10px; padding:11px 15px; margin:0 -1px; font-size:10px; text-transform:uppercase; border:1px solid #1f1f1f; border-width:0 1px; }
.playerBox .about:hover{ position:relative; z-index:5; background:#f00; border-color:#f00; }
.playerBox .license{ float:left; height:30px; padding:1px 17px; font-size:10px; text-transform:uppercase; border:1px solid #1f1f1f; border-width:0 1px; }
.playerBox .license:hover{ position:relative; z-index:5; background:#f00; border-color:#f00; }
.playerBox .license span{ position:relative; top:5px; display:inline-block; width:72px; height:19px; margin-left:5px; overflow:hidden; background:url(../images/player.png) no-repeat 0 -31px; }
.playerBox .slideDown{ position:relative; top:11px; left:15px; float:left; width:15px; height:10px; overflow:hidden; background:url(../images/player.png) no-repeat -73px -31px; }
#playerSWF{ position:absolute; right:0; top:0; }

.box404{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.box404 img{ position:relative; top:0; display:block; width:100%; visibility:hidden; }

.attachBox{ position:absolute; left:0; top:0; width:100%; min-height:100%; overflow:hidden; }
.attachBox img{ position:relative; display:block; visibility:hidden; padding:0 10px; margin:0 auto; }

.pokerBox{ }
.pokerBox .textBox1{ position:relative; float:left; width:100%; padding:36px 0; margin-bottom:30px; border:1px solid #3e404f; font-size:14px; line-height:17px; font-style:italic; color:#d9d9d9; text-align:center; }
.pokerBox .textBox1 div{ padding:0 45px; }
.pokerBox .textBox1 a{ color:#ff0006; text-decoration:underline; }
.pokerBox .textBox1 a:hover{ text-decoration:none; }
.pokerBox .textBox1 .close{ position:absolute; right:20px; top:20px; width:20px; height:20px; overflow:hidden; background:url(../images/close.png) no-repeat; }
.pokerBox .textBox1 .lang{ position:absolute; right:20%; top:-24px; padding-bottom:10px; background:url(../images/corn1.png) no-repeat 10px 100%; }
.pokerBox .textBox1 .lang strong{ float:left; padding:6px 9px; background:#ff0006; color:#fff; font-size:11px; line-height:13px; font-weight:bold; font-style:normal; text-transform:uppercase; }
.pokerBox .textBox1 .lang span{ float:left; color:#fff; }
.pokerBox .rus{ display:none; }
.pokerBox .eng{ display:block; }
.pokerBox .titleBox{ padding:20px 0 25px; text-align:center; }
.pokerBox .titleBox .rss{ margin-right:-30px; }
.pokerBox .textBox2{ position:relative; float:left; width:100%; padding-bottom:40px; font-size:12px; color:#fff; text-align:center; }
.pokerBox .textBox2 div{ padding:0 40px; }
.pokerBox .textBox2 a{ color:#ff0006; border-bottom:1px dotted #ff0006; }
.pokerBox .textBox2 a:hover{ border-color:transparent; }
.pokerBox .textBox2 .lang{ position:absolute; left:10%; top:-52px; padding-bottom:10px; background:url(../images/corn1.png) no-repeat 10px 100%; border:none; }
.pokerBox .textBox2 .lang strong{ float:left; padding:6px 9px; background:#ff0006; color:#fff; font-size:11px; line-height:13px; font-weight:bold; font-style:normal; text-transform:uppercase; }
.pokerBox .textBox2 .lang span{ float:left; color:#fff; }
.pokerBox ul{}
.pokerBox li{ float:left; width:100%; margin-bottom:40px; border:1px solid #3e404f; font-size:18px; font-weight:bold; }
.pokerBox li .top{ float:left; width:100%; padding:17px 0 7px; }
.pokerBox li .register{ position:relative; top:10px; right:10px; float:right; width:132px; height:34px; overflow:hidden; background:url(../images/buttons2.png) no-repeat 0 0; }
.pokerBox li .register:hover{ background-position:0 -35px; }
.pokerBox li .results{ position:relative; top:10px; right:10px; float:right; width:132px; height:34px; overflow:hidden; background:url(../images/buttons2.png) no-repeat 0 -70px; }
.pokerBox li .results:hover{ background-position:0 -105px; }
.pokerBox li .cancel{ position:relative; top:10px; right:10px; float:right; width:132px; height:34px; overflow:hidden; background:url(../images/buttons2.png) no-repeat 0 -140px; }
.pokerBox li .cancel:hover{ background-position:0 -175px; }
.pokerBox li .title{ padding-right:160px; }
.pokerBox li .title div{ float:left; width:100%; }
.pokerBox li .title h3{ float:left; font-size:30px; padding-right:15px; }
.pokerBox li .title span{ position:relative; top:10px; float:left; min-width:30px; padding:4px 8px; margin-right:10px; font-size:10px; font-weight:bold; line-height:10px; text-transform:uppercase; color:#fff; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.pokerBox li .title p{ float:left; padding:7px 0 23px; font-style:italic; font-weight:normal; color:#62636a; }
.pokerBox li .both div{ float:left; padding:7px 12px; margin-bottom:10px; background:#ff0006; }
.pokerBox li .both p{ float:right; padding:7px 12px; margin:0 10px 10px 20px; background:#22232a; }
.pokerBox li .both span{ font-weight:normal; }
.pokerBox li .both strong{ color:#00d14f; }
.pokerBox li .bot{ float:left; width:100%; padding:15px 0; border-top:1px solid #3e404f; }
.pokerBox li .bot span{ font-weight:normal; }
.pokerBox li .bot .leftPad{ padding-left:35px; }
.pokerBox li .bot a{ margin-left:20px; color:#ff0006; font-weight:normal; font-style:italic; border-bottom:1px dotted #ff0006; }
.pokerBox li .bot a:hover{ border-color:transparent; }
.pokerBox li .pad{ padding:0 25px; }
.pokerBox .subscribeBox{ position:relative; padding-bottom:85px; }
.pokerBox .subscribeBox input{ display:blockl; width:80%; padding:20px 10%; border:1px solid #3e404f; font:bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif; background:none; color:#fff; text-align:center; }
.pokerBox .subscribeBox input.error{ border:1px solid #f33; }
.pokerBox .subscribeBox div{ position:absolute; top:23px; right:25px; width:20px; height:31px; overflow:hidden; background:url(../images/button5.png) no-repeat; cursor:pointer; }
.homeGames a{ position:relative; left:-3px; display:block; width:178px; height:68px; margin:0 auto; overflow:hidden; background:url(../images/logo3.png) no-repeat; }
.pokerBox2 .titleBox{ padding:35px 0 50px; text-align:center; }
.pokerBox2 .instructionBox{ padding-bottom:85px; text-align:center; font-size:14px; font-style:italic; color:#ababab; }
.pokerBox2 .instructionBox img{ display:block; margin:0 auto; }
.pokerBox2 .instructionBox p{ padding-top:25px; }

.overlay{ display:none; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.9; }
.popup{ display:none; position:fixed; z-index:1000; left:50%; top:50%; padding:50px 65px; }
.popup .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.9; }
.popup .cont{ position:relative; z-index:5; float:left; width:100%; }
.popup .close{ position:absolute; right:20px; top:20px; width:20px; height:20px; overflow:hidden; background:url(../images/close2.png) no-repeat; }
.popup h1{ padding-bottom:25px; font-size:48px; color:#fff; }
.popup p{ font-size:24px; font-style:italic; color:#737373; padding-bottom:30px; }
.reqisterPopup{ width:380px; margin:-170px 0 0 -255px; }
.reqisterPopup .field{ position:relative; height:55px; }
.reqisterPopup .field input{ width:360px; padding:4px 9px; font-style:italic; font-size:24px; color:#737373; }
.reqisterPopup .field input.focused{ font-style:normal; color:#000; }
.reqisterPopup .ps{ position:absolute; left:-30px; top:10px; width:23px; height:24px; overflow:hidden; background:url(../images/icon1.png) no-repeat; }
.reqisterPopup .button{ width:132px!important; height:34px!important; padding:0!important; margin-top:15px; overflow:hidden; background:url(../images/buttons2.png) no-repeat 0 -210px; }
.reqisterPopup .button:hover{ background-position:0 -245px; }
.cancelPopup{ width:820px; margin:-150px 0 0 -480px; }
.cancelPopup .input{ float:left; }
.cancelPopup .input input{ width:600px; padding:2px 9px; font-style:italic; font-size:24px; color:#737373; }
.cancelPopup .input input.focused{ font-style:normal; color:#000; }
.cancelPopup .button{ float:left; width:132px!important; height:34px!important; padding:0!important; margin-left:15px; overflow:hidden; background:url(../images/buttons2.png) no-repeat 0 -280px; }
.cancelPopup .button:hover{ background-position:0 -315px; }
.timePopup{ display:none; width:820px; margin:-150px 0 0 -480px; }
.timePopup select{ float:left; width:120px; margin-right:30px; font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border:1px solid #333; background:#000; }
.timePopup select.long{ width:320px; }
.timePopup .button{ float:left; width:132px!important; height:34px!important; padding:0!important; margin-left:15px; overflow:hidden; background:url(../images/buttons2.png) no-repeat 0 -350px; }
.timePopup .button:hover{ background-position:0 -385px; }
.popup2{ display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.popup2 img{ display:block; position:relative; left:0; top:0; }

#musicPage{ background:#000; }
#musicPage #main{ height:100%; min-height:900px; background:url(../images/bg3.jpg) 50% 50% repeat-x; }
#musicPage .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bg4.jpg) 50% 50% no-repeat; }
#musicPage .bg2{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; }
#musicPage .playerBox{ position:absolute; top:50%; left:-100%; margin-top:-75px; }
#musicPage .imgs{ display:block; position:absolute; z-index:2; overflow:hidden; background:url(../images/imgs1.png) no-repeat; }
#musicPage .imgsLink{ display:block; position:absolute; z-index:2; background:url(../images/imgs1.png) no-repeat; }
#musicPage .imgsLink span{ display:none; position:absolute; font-size:24px; color:#fff; border-bottom:1px solid #453961; white-space:nowrap; }
#musicPage .imgsLink:hover{ background-image:none; }
#musicPage .imgsLink:hover span{ display:block; }
#musicPage .imgs2{ display:block; position:absolute; z-index:2; overflow:hidden; background:url(../images/imgs2.png) no-repeat; }
#musicPage .imgLink1{ left:35%; top:50%; width:171px; height:148px; margin:-320px 0 0 -25px; background-position:0 0!important; }
#musicPage .imgLink1 span{ top:55px; left:0; }
#musicPage .imgLink2{ left:25%; top:50%; width:65px; height:73px; margin:35px 0 0 -170px; background-position:-223px 0!important; }
#musicPage .imgLink2 span{ top:20px; left:0; }
#musicPage .imgLink3{ left:75%; top:50%; width:72px; height:110px; margin:0 0 0 25px; background-position:-290px 0!important; }
#musicPage .imgLink3 span{ top:30px; right:0; }
#musicPage .img4{ left:45%; top:50%; width:50px; height:66px; margin:-287px 0 0 235px; background-position:-172px 0!important; }
#musicPage .img5{ left:15%; top:50%; width:90px; height:62px; margin:-185px 0 0 -125px; background-position:-172px -86px!important; }
#musicPage .img6{ left:80%; top:50%; width:15px; height:14px; margin:-200px 0 0 130px; background-position:-172px -69px!important; }
#musicPage .img7{ left:20%; top:50%; width:25px; height:31px; margin:-200px 0 0 20px; background-position:-263px -74px!important; }
#musicPage .img8{ left:65%; top:50%; width:33px; height:28px; margin:50px 0 0 -120px; background-position:-263px -113px!important; }
#musicPage .img9{ left:55%; top:50%; width:21px; height:25px; margin:-150px 0 0 255px; background-position:-297px -113px!important; }
#musicPage .img10{ left:40%; top:50%; width:42px; height:30px; margin:17c5px 0 0 -55px; background-position:-319px -112px!important; }
#musicPage .img11{ left:40%; top:50%; width:181px; height:159px; margin:-305px 0 0 -440px; background-position:0 0!important; }
#musicPage .img12{ left:60%; top:50%; width:96px; height:97px; margin:20px 0 0 195px; background-position:0 -160px!important; }
#musicPage .img13{ left:60%; top:50%; width:42px; height:51px; margin:-330px 0 0 195px; background-position:-97px -160px!important; }
#anim{ position:absolute; left:50%; top:0; width:1px; height:1px; overflow:hidden; }
#musicPage .contentBlock{ position:absolute; z-index:1; top:50%; margin-top:-240px; }
.musicBox{ position:relative; } 
.musicBox .prev{ position:absolute; left:0; top:110px; width:48px; height:48px; overflow:hidden; background:url(../images/pointers3.png) no-repeat; }
.musicBox .prev:hover{ background-position:0 -96px!important; }
.musicBox .next{ position:absolute; right:0; top:110px; width:48px; height:48px; overflow:hidden; background:url(../images/pointers3.png) 0 -48px no-repeat; }
.musicBox .next:hover{ background-position:0 -144px!important; }
.musicBox .title{ padding-bottom:25px; } 
.musicBox .title img{ display:block; }
.musicBox .text{ padding-bottom:30px; }
.musicBox .text img{ display:block; }
.musicBox .back{ display:block; width:106px; height:19px; padding:8px 0 0 2px; overflow:hidden; background:url(../images/button3.png) no-repeat; font-size:10px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; }

.ieBox{ overflow:hidden; }
.ieBox .pad{ width:729px; margin:0 auto; }
.ieBox .text{ width:729px; height:206px; overflow:hidden; background:url(../images/text1.png) no-repeat; }
.ieBox p{ padding:80px 0 45px; color:#a4a4a4; font-size:10px; text-transform:uppercase; }
.ieBox ul{}
.ieBox li{ float:left; padding-right:100px; }
.ieBox li a{ position:relative; float:left; overflow:hidden; background:url(../images/icons3.png) no-repeat; }
.ieBox .icon1{ width:76px; height:74px; background-position:0 0!important; }
.ieBox .icon2{ top:-6px; width:76px; height:82px; background-position:0 -75px!important; }
.ieBox .icon3{ width:76px; height:73px; background-position:0 -158px!important; }
.ieBox .icon4{ width:68px; height:73px; background-position:0 -232px!important; }