html {
	font-size:100.01%
}
body {
	margin:0;
	font:62.5% Trebuchet MS
}
ul {
	margin:0;
	padding:0;
	list-style:none
}
a {
	color:#27aae1
}
a:hover {
	text-decoration:none
}
a.more {
	display:block
}
a.right {
	text-align:right
}
a img {
	border:0
}
.wrap {
	position:relative;
	width:1000px;
	margin:0 auto
}
#header {
	position:relative;
	z-index:1;
	height:115px;
	margin:0 0 -32px
}
#header .wrap>* {
	position:absolute
}
#header #logo {
	top:50px;
	left:60px
}
#header #nav {
	top:97px;
	left:256px
}
#header #nav li {
	float:left;
	margin:0 10px 0 0;
	padding:0 0 5px
}
#header #nav li.selected {
	background:url(../img/menu_sel.png) no-repeat 50% 100%
}
#header #nav li.selected a {
	color:#fff;
	background:#ff8300;
	border-radius:10px
}
#header #nav li.selected a {
	behavior:url(../js/PIE.htc);
}
#header #nav a {
	display:block;
	padding:0 16px;
	font-size:1.7em;
	text-transform:uppercase;
	text-decoration:none;
	color:#58595b;
}
#header #nav a:hover {
	color:#ffb321
}
.phone {
	margin:0;
	font-size:2.8em;
	color:#9e1f63;
	left:727px;
	top:86px;
}
.phone sub {
	font-weight:normal;
	font-size:0.7em;
	vertical-align:middle;
	color:#ee2a7b
}
#lang {
	top:50px;
	left:875px
}
.eng {
	background:url(../img/lang_eng.png) no-repeat;
	display:block;
	font-size:1.4em;
	height:24px;
	padding:0 0 0 42px
}
#title {
	color:#fff
}
#title.games {
	height:202px;
	margin:65px 0 0;
	background:url(../img/main_games.png) no-repeat 50% 0
}
#title.about {
	height:233px;
	margin:56px 0 -37px;
	background:url(../img/main_about.png) no-repeat 50% 0
}
#title.work {
	height:193px;
	margin:61px 0 -9px;
	background:url(../img/main_work.png) no-repeat 50% 0
}
#title.vacancy {
	height:189px;
	margin:60px 0 0;
	background:url(../img/main_vacancy.png) no-repeat 50% 0
}
#title h1{
	font-size:2.8em;
	margin:0;
	padding:76px 0 0 79px;
	text-transform:uppercase
}
#title.work h1 {
	padding-top:80px
}
#title.vacancy h1 {
	padding-top:81px
}
#title.games p {
	top:78px
}
#title.vacancy p {
	top:83px
}
#title h3 {
	float:left;
	font-size:1.8em;
	font-style:italic;
	line-height:1em;
	margin:0;
	padding:74px 0 0 80px;
	width: 226px
}
#title h3 strong {
	display:block;
	font-size:1.6em;
	font-style:normal;
	margin: 0 0 17px;
	
}
#title p {
	margin:0;
	text-indent:-23px;
	width:191px;
	font-size:1.8em;
	font-style:italic;
	position:absolute;
	top:82px;
	left:720px
}
#title p a {
	color:#fff
}
#games .images, #games .info, #games .sum{
	float:left
}
#games .images {
	width:270px;
	margin:0 42px 0 0
}
#games .thumbs {
	width:280px;
	margin:12px 0 0
}
#games .thumbs a {
	margin:0 7px 0 0
}
#games .info {
	width:300px;
	margin:0 32px 0 0
}
#games .info h2 {
	color:#27aae1;
	text-transform:uppercase;
	font-size:2.4em;
	margin:5px 0 20px;
	line-height:1em
}
#games .info p {
	font-size:1.4em;
	margin:5px 0
}
#games .sum {
	background:url(../img/border_gray.png) repeat-y 0 0;
	min-height:150px;
	width:220px;
	padding:0 0 0 20px
}
#games .sum p {
	margin:5px 0 18px;
	color:#58595b;
	font-size:1.8em
}
#games .sum ins {
	color:#6d6e71;
	font-style:italic;
	text-decoration:none;
	font-size:0.8em;
	display:block
}
#games .sum strong {
	color:#27aae1;
	line-height:1em;
	font-size:1.6em;
	letter-spacing:-1.5px;
	padding:0 5px 0 0
}
#games .sum small {
	color:#6d6e71;
	display:block;
	font-weight:bold;
	font-size:0.8em;
	line-height:1.7em;
	margin:30px 0 -15px
}
#games .sum img {
	margin:0 15px 0 0
}
#games li {
	clear:both;
	float:left;
	width:100%;
	padding:11px 0 40px 60px
}
.work .main {
	font-size:1.2em
}
.work .aside {
	margin:14px 0 0 37px;
	width:250px;
	position:relative;
	z-index:1
}
.work .social {
	font-size:1.8em;
	line-height:1em;
	margin:8px 0
}
.work #vacancy {
	margin:0;
	font-size:1.4em
}
.vacancy #vacancy {
	width:auto;
	margin:23px 0 0 27px;
	font-size:1.4em
}
.vacancy #vacancy a.more {
	margin:0 0 50px;
	text-decoration:none;
	border-bottom:2px dashed #27aae1;
	display:inline-block
}
.work #vacancy .more {
	font-size:0.8em;
	margin:14px 0 27px
}
.about .main, .about .aside, .work .main, .work .aside, .vacancy .main, .vacancy .aside {
	float:left
}
.about .main, .work .main, .vacancy .main {
	color:#414042;
	padding:0 0 0 60px;
	width:600px
}
.about .main h2, .work .main h2 {
	font-size:2.1em;
	line-height:1em
}
.vacancy .main  h2 {
	font-size:2.1em;
	line-height:1.2em;
	margin:17px 0 30px
}
.work .main p {
	font-size:1.35em;
	line-height:1.4em;
	width:550px
}
.vacancy .main  p {
	font-size:1.6em;
	line-height:1.4em;
	width:550px
}
.work .hire {
	clear:both;
	position:relative;
	top:30px;
	left:30px;
	margin:0 0 70px;
	background:url(../img/long.png) no-repeat;
	width:941px;
	height:106px
}
.button {
	display:block;
	width:209px;
	height:43px;
	background:url(../img/button.png) no-repeat;
	color:#fff;
	font-size:2.1em;
	line-height:1.8em;
	font-style:italic;
	text-decoration:none;
	text-align:center
}
.work .hire h4 {
	color:#fff;
	position:absolute;
	font-size:2.1em;
	line-height:1.15em;
	padding:0 0 0 160px;
	width:470px
}
.work .hire .button {
	position:absolute;
	top:33px;
	left:665px
}
.work .carousel {
	clear:both;
	margin:0 0 55px;
	background:url(../img/carousel_horizontal.png) no-repeat;
	width:941px;
	height:287px;
	position:relative;
	left:30px
}
.vacancy .aside {
	width:300px
}
.vacancy .aside p {
	font-size:1.6em;
	font-style:italic;
	line-height:1.25em;
	margin:9px 0 68px 38px
}
.vacancy .carousel {
	background:url(../img/carousel_vertical.png) no-repeat;
	margin:0 0 0 16px;
	width:287px;
	height:729px;
	position:relative
}
.vacancy .carousel li img {
	margin:0 0 20px
}
.vacancy .carousel li {
	min-height:202px;
}
.vacancy .carousel-wrap {
	top:68px;
	left:25px;
	min-height:600px
}
.vacancy .carousel-next {
	z-index:1;
	display:block;
	background:url(../img/mini_go.png) no-repeat 0 -132px;
	width:20px;
	height:20px;
	position:absolute;
	top:693px;
	left:136px
}
.vacancy .carousel-next:hover {
	background-position:0 -154px
}
.vacancy .carousel-previous {
	z-index:1;
	display:block;
	background:url(../img/mini_go.png) no-repeat 0 -88px;
	width:20px;
	height:20px;
	position:absolute;
	top:14px;
	left:136px
}
.vacancy .carousel-previous:hover {
	background-position:0 -109px
}
.full {
	display:none;
	width:444px;
	border-radius:5px;
	position:relative;
	padding:25px 29px 0 29px;
	margin:-24px 0 30px -28px;
	background:#f1f2f2
}
.full {
	behavior:url(../js/PIE.htc);
}
.full .heading {
	font-size:1.4em;
	font-style:normal !important;
	font-weight:bold;
	line-height:1em;
	display:block;
	margin:0 0 14px
}
.full p {
	margin:4px 0 11px !important
}
.full h3 {
	margin:24px 0 9px
}
.full ul {
	padding:0 0 0 18px
}
.full li {
	margin:0 0 11px
}
.post {
	display:block;
	width:221px;
	height:95px;
	padding:0 0 22px;
	background:url(../img/post.png) no-repeat;
	margin:24px 0 0 137px
}
.close {
	position:absolute;
	right:45px;
	bottom:56px;
	font-size:0.9em;
	line-height:1em;
	text-decoration:none
}
.close span {
	border-bottom:2px dashed #27aae1;
}
.close img {
	position:absolute;
	top:3px;
	left:-21px
}
.work .carousel ul {
	padding:0 0 0 50px;
	margin:0 0 0 -40px
}
.work .carousel li {
	float:left;
	padding:38px 50px 0 0
}
.work .carousel li p {
	font-size:1.4em;
	font-style:italic;
	margin-top:10px;
	padding:0 0 0 25px;
	width:222px
}
.work .carousel-next {
	z-index:1;
	display:block;
	background:url(../img/mini_go.png) no-repeat 0 0;
	width:20px;
	height:20px;
	position:absolute;
	top:123px;
	left:906px
}
.work .carousel-next:hover {
	background-position:0 -24px
}
.work .carousel-previous {
	z-index:1;
	display:block;
	background:url(../img/mini_go.png) no-repeat 0 -44px;
	width:20px;
	height:20px;
	position:absolute;
	top:123px;
	left:13px
}
.work .carousel-previous:hover {
	background-position:0 -67px
}
.work .main ul {
	width:950px
}
.work .main ul li {
	float:left;
	width:400px;
	min-height:150px;
	margin:0 70px 0 0
}
.work .main ul h3 {
	font-size:1.75em
}
.work .main ul p {
	font-size:1.15em;
	width:auto
}
.about .main p {
	font-size:1.7em;
	line-height:1.1em
}
.about .main ul {
	width:605px;
	font-size:1.6em;
	line-height:1em
}
.about .main ul li {
	float:left;
	margin:10px 29px 0 0;
	line-height:22px
}
.about .main h3 {
	clear:both
}
.about .main ul li a {
	display:block;
	height:28px;
	padding:0 0 0 35px
}
.about .mail {
	background:url(../img/ico_contacts.png) no-repeat
}
.about .twitter {
	background:url(../img/ico_contacts.png) no-repeat 0 -28px
}
.about .skype {
	background:url(../img/ico_contacts.png) no-repeat 0 -56px
}
.about .info {
	clear:both;
	padding:33px 0 0 208px;
	background:url(../img/trumphet_horizontal.png) no-repeat 0 48px
}
.about .info h3 {
	font-size:1.8em;
	line-height:1em;
	margin:18px 0 0;
	color:#231f20
}
.about .info p {
	font-size:1.6em;
	width:350px;
	margin:10px 0
}
.about .aside {
	margin:11px 0 0 60px;
	font-size:1.4em;
	width:250px
}
.about .aside #news {
	margin:0 0 40px -20px;
	font-size:0.7em
}
.about .aside #news li {
	margin:0 0 30px
}
.about .aside #news p {
	line-height:1.1em
}
.about .map {
	clear:both;
	width:240px;
	margin:0 0 0 -20px
}
.about .map img {
	margin:0 0 0 -10px
}
.about .map a {
	font-style:italic;
	margin:5px 30px 0 0
}
#carousel {
	overflow:hidden;
	height:590px;
	margin:0 0 -95px;
	background:url(../img/main_carousel.png) no-repeat 50% 0
}
#carousel li {
	position:relative;
	width:1000px;
	float:left;
	padding:100px 0 0 93px;
	color:#fff
}
#carousel .play {
	position:absolute;
	left:63px;
	top:384px
}
#carousel .social li {
	height:26px !important;
	width:36px !important;
	padding:0
}
#carousel .social li a {
	display:block
}
#carousel .social .carousel-next {
	z-index:1;
	display:block;
	background:url(../img/mini_go.png) no-repeat 0 0;
	width:20px;
	height:20px;
	position:absolute;
	top:3px;
	left:155px
}
#carousel .social .carousel-next:hover {
	left:155px !important;
	background-position:0 -20px !important
}
#carousel .social .carousel-previous {
	display:none
}
#carousel h2 {
	position:relative;
	top:21px;
	margin:0;
	font-size:2.6em;
	line-height:1em;
	background:url(../img/bullet_title.png) no-repeat;
	padding:0 0 21px 28px
}
#carousel p {
	font-size:1.4em;
	line-height:1.15em;
	margin:14px 0 31px 8px;
	width:230px
}
#carousel h5 {
	background:url(../img/people.png) no-repeat;
	font-size:1.9em;
	font-weight:normal;
	line-height:1em;
	margin:0 0 0 11px;
	padding:0 0 5px 35px;
	width:221px;
	height:43px
}
#carousel h5 ins {
	display:block;
	line-height:1em;
	font-size:0.7em;
	font-weight:normal;
	font-style:italic;
	margin:0 0 5px;
	text-decoration:none
}
#carousel h5 strong {
	font-size:1.6em;
	letter-spacing:-0.5px;
	margin:0 2px 0 -2px
}
#carousel img {
	margin:0 0 0 11px
}
#carousel .big {
	position:absolute;
	top:107px;
	left:411px
}
#carousel .carousel-next {
	z-index:1;
	border:0;
	display:block;
	background:url(../img/slider_arrows.png) no-repeat 0 -53px;
	width:34px;
	height:53px;
	position:absolute;
	top:232px;
	left:941px
}
#carousel .carousel-next:hover {
	background-position:0 -159px;
	left:951px
}
#carousel .carousel-previous {
	z-index:1;
	border:0;
	display:block;
	background:url(../img/slider_arrows.png) no-repeat 0 0;
	width:34px;
	height:53px;
	position:absolute;
	top:232px;
	left:25px
}
#carousel .carousel-previous:hover {
	background-position:0 -106px;
	left:15px
}
.work .carousel-wrap, #carousel .carousel-wrap {
	height:450px !important
}
#carousel .social .carousel-wrap {
	height:26px !important;
	width:150px
}
#carousel .social {
	outline:0
}
#carousel .social ul {
	height:26px !important
}
.work .carousel-wrap {
	left:40px;
	width:860px
}
#carousel .new {
	background:url(../img/new.png) no-repeat 191px 71px
}
#carousel .social {
	position:absolute;
	top:380px;
	left:133px
}
#carousel .go {
	display:block;
	float:right;
	margin:3px 0 0 15px;
	background:url(../img/mini_go.png) no-repeat;
	height:21px;
	width:20px
}
#carousel .go:hover {
	background-position:0 -22px
}
#main {
	clear:both
}
#main #text {
	font-size:1.8em;
	margin:-5px 0 0 60px;
	line-height:1.3em;
	color:#414042;
	width:560px;
	float:left
}
#main .title {
	margin:0 0 25px;
	font-size:1.35em;
	font-weight:bold;
	line-height:1.1em;
}
#news {
	float:left;
	width:245px;
	margin:-17px 0 0 75px
}
#news p {
	font-size:1.6em
}
#news .date {
	color:#9e1f63;
	font-size:1.2em;
	margin:20px 0 -15px
}
#top {
	clear:both;
	position:relative;
	top:35px;
	height:247px;
	background:url(../img/bg_top.png) repeat-x;
	z-index:1
}
#top img {
	position:absolute;
	top:10px;
	left:51px
}
#top #trumpet {
	top:196px;
	left:50px
}
#talents {
	position:relative
}
#talents h3 {
	color:#fff;
	font-size:2.3em;
	line-height:0.9em;
	margin:0;
	position:absolute;
	top:141px;
	left:21px;
	text-align:center;
	text-transform:uppercase;
	width:250px
}
#talents a {
	color:#6B3E1D;
	display:block;
	font-size:1.15em;
	font-style:italic;
	left:30px;
	line-height:1em;
	position:absolute;
	text-align:center;
	top:214px;
	width:230px
}
#top h3 {
	color:#58595b;
	font-size:2.33em;
	line-height:1.1em;
	padding:39px 0 0 270px;
	margin:0;
	width:300px;
}
#top #reg {
	position:absolute;
	top:34px;
	left:687px;
}
#top #unique {
	position:absolute;
	top:130px;
	left:687px;
}
#top div div p {
	font-style:italic;
	font-weight:bold;
	font-size:1.6em;
	line-height:0.9em;
	margin:5px 0 0 18px;
	width:200px
}
#top #note {
	margin:16px 0 0 270px;
	color:#808285;
	font-style:italic;
	font-size:1.8em
}
#top .big {
	margin:0;
	color:#fff;
	text-shadow:0px -1px 2px rgba(0, 0, 0, 0.4);
	font-style:normal;
	font-weight:bold;
	font-size:3.4em;
	line-height:1.1em;
	width:209px;
	height:43px;
	text-align:center;
	background:url(../img/button_big.png) no-repeat
}
#top .red {
	background-position:0 -43px
}
#bottom {
	font-size:1.4em
}
#bottom h4, .about .aside h4 {
	color:#fff;
	text-align:center;
	font-size:1.2em;
	line-height:1.5em;
	width:205px;
	height:29px;
	letter-spacing:0.5px;
	margin:0 0 36px -17px;
	background:url(../img/button_long.png) no-repeat 0 -29px;
}
#bottom h4.red, .about .aside h4.red {
	margin:0 0 0 -34px;
	background-position:0 0
}
#bottom h5 {
	text-transform:uppercase;
	font-size:1.4em;
	line-height:1.1em;
	margin:21px 0 -5px
}
#bottom #offer {
	margin:63px 0 0 77px
}
#bottom #offer a {
	font-style:italic
}
#bottom #offer, #bottom #talents {
	float:left;
	width:300px
}
#vacancy {
	float:left;
	width:250px;
	letter-spacing:0.5px;
	margin:63px 0 0 25px
}
#vacancy a {
	font-style:italic
}
#vacancy p {
	font-size:1.2em;
	color:#58595b;
	margin:4px 0 -8px
}
#vacancy p.note {
	font-style:italic;
	font-size:1em;
	letter-spacing:0;
	margin:4px 0 8px
}
#vacancy .job {
	font-style:normal;
	font-weight:bold;
	font-size:1.4em
}
#bottom #trumpet {
	margin:0 0 0 26px
}
#footer {
	position:relative;
	top:71px;
	clear:both;
	color:#fff;
	height:97px;
	background:url(../img/footer.png) repeat-x
}
#footer .copy {
	font-size:1.46em;
	color:#fff;
	margin:0;
	position:absolute;
	top:17px;
	left:60px
}
#footer .social {
	position:absolute;
	top:46px;
	left:73px
}
#footer .social li {
	margin:0 7px 0 0
}
#footer .nav {
	position:absolute;
	top:21px;
	left:302px
}
#footer .nav a {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:1.2em;
	margin:0 60px 0 0
}
#footer .nav a:hover {
	opacity:0.7
}
#footer .phone {
	color:#fff;
	position:absolute;
	top:6px;
	left:737px
}
#footer .phone sub {
	color:#fe1274
}
#footer li {
	display:inline
}
#overlay {
	display:none;
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	background:url(../img/bg_dark.png)
}
#popup {
	width:290px;
	padding:0 30px;
	margin:-270px 0 0 -175px;
	height:540px;
	position:absolute;
	top:50%;
	left:50%;
	background:url(../img/popup.png) no-repeat
}
#popup h2 {
	color:#fff;
	margin:17px 0;
	font-size:2.05em;
	text-align:center
}
#popup label {
	color:#fff;
	font-size:1.3em;
	font-style:italic;
	padding:0 0 5px 7px;
	display:block
}
#popup input, #popup textarea {
	width:290px;
	border:0;
	margin:5px 0 15px;
	text-align:center;
	font-size:1.1em;
	color:#939598;
	font-style:italic;
	line-height:1em;
	padding:5px 0;
	border-radius:5px
}
#popup input, #popup textarea {
	behavior:url(../js/PIE.htc);
}
#popup textarea {
	height:105px
}
#popup .checkbox {
	float:right;
	width:125px;
	font-size:1.2em;
	line-height:1em;
	text-decoration:underline
}
#popup #cv {
	width:auto;
	float:right
}
#popup button {
	clear:both;
	border:0;
	color:#fff;
	display:block;
	margin:0 auto;
	padding:0 0 5px;
	background:url(../img/popup_button.png) no-repeat;
	position:relative;
	top:10px;
	width:260px;
	height:35px;
	text-align:center;
	font-style:italic;
	font-size:1.8em;
	line-height:1em;
	cursor:pointer
}
#popup .close {
	top:15px;
	right:15px;
	bottom:auto
}
.carousel, #carousel .wrap {
	outline:0
}
.ui-tabs { width:100%; position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { clear: both; margin: 0; padding: 26px 0 0 177px; }
.ui-tabs .ui-tabs-nav li { width:155px; height:33px; list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 12px 10px 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; display:block; background:url(../img/button_tabs.png) no-repeat; color:#fff; width: 110px; height: 12px; padding: .5em 1em; text-decoration: underline; text-align: center; font-weight:bold; font-style:italic; font-size:1.8em; line-height:0.5em}
.ui-tabs .ui-tabs-nav li a.second { background-position:0 -30px}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background:url(../img/tab_sel.png) no-repeat}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { text-decoration:none; cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; }
.ui-tabs .ui-tabs-hide { visibility:hidden; position:absolute }