body {background:#181818;font:normal 11px Verdana;color:#1d1d1d;line-height:1.3;}
a {font:normal 11px Verdana;color:#793100;text-decoration:underline;}
a:hover {text-decoration:none;}
/**
*	@section nav
*/
div.header .about a {background:url(../images/star-about.png) no-repeat 0 0;display:block;width:95px;height:100px;position:absolute;left:410px;top:210px;}
div.header .about a:hover,div.header .about-current a {background-position:0 -100px;}
div.header .about a span {background:url(../images/text-about.png) no-repeat 50% 0;display:block;width:103px;height:31px;position:relative;left:-4px;top:41px;}
div.header .prices a {background:url(../images/star-prices.png) no-repeat 0 0;display:block;width:99px;height:95px;position:absolute;left:572px;top:240px;}
div.header .prices a:hover,div.header .prices-current a {background-position:0 -95px;}
div.header .prices a span {background:url(../images/text-prices.png) no-repeat 50% 0;display:block;width:78px;height:31px;position:relative;left:11px;top:44px;}
div.header .contacts a {background:url(../images/star-contacts.png) no-repeat 0 0;display:block;width:99px;height:99px;position:absolute;left:674px;top:236px;}
div.header .contacts a:hover,div.header .contacts-current a {background-position:0 -99px;}
div.header .contacts a span {background:url(../images/text-contacts.png) no-repeat 50% 0;display:block;width:110px;height:31px;position:relative;left:-6px;top:42px;}
div.header .portfolio a {background:url(../images/star-portfolio.png) no-repeat 0 0;display:block;width:99px;height:101px;position:absolute;left:857px;top:180px;}
div.header .portfolio a:hover,div.header .portfolio-current a {background-position:0 -101px;}
div.header .portfolio a span {background:url(../images/text-portfolio.png) no-repeat 50% 0;display:block;width:110px;height:33px;position:relative;left:-5px;top:38px;}
.ua div.header .about a span {background-position:50% -31px;width:84px;left:7px;}
.ua div.header .prices a span {background-position:50% -31px;width:49px;left:25px;}
.ua div.header .contacts a span {background-position:50% -31px;width:100px;left:-1px;}
.ua div.header .portfolio a span {background-position:50% -33px;width:116px;left:-10px;}
.ru div.header .about a span {background-position:50% -62px;width:59px;left:22px;}
.ru div.header .prices a span {background-position:50% -62px;width:61px;left:21px;}
.ru div.header .contacts a span {background-position:50% -62px;width:106px;left:-3px;}
.ru div.header .portfolio a span {background-position:50% -66px;width:122px;left:-12px;}
/**
*	@section aside
*/
div.aside {float:left;width:308px;padding-left:16px;font:normal 12px Verdana;color:#848484;}
div.aside .block {padding-bottom:30px;}
div.aside div.text {padding:10px 10px 10px 100px;}
div.aside .block h2 {background:url(../images/aside.png) no-repeat 100% 0;display:block;height:18px !important;padding:10px 10px 20px 100px;width:198px;}
div.aside .block h2 a {font:normal 16px Verdana/*bold 16px Arial*/;color:#fda210;text-decoration:none;}
div.aside .block h2 a span {display:inline;float:left;position:relative;margin-left:-100px;}
div.aside .block1 h2 a span {background:url(../images/star-aside-1.png) no-repeat 0 0;width:98px;height:100px;margin-top:-42px;}
div.aside .block1 h2 a.current span,div.aside .block1 h2 a:hover span {background-position:0 -100px;}
div.aside .block2 h2 a span {background:url(../images/star-aside-2.png) no-repeat 0 0;width:82px;height:80px;margin-left:-90px;margin-top:-30px;}
div.aside .block2 h2 a.current span,div.aside .block2 h2 a:hover span {background-position:0 -80px;}
div.aside .block3 h2 a span {background:url(../images/star-aside-3.png) no-repeat 0 0;width:65px;height:68px;margin-left:-80px;margin-top:-25px;}
div.aside .block3 h2 a.current span,div.aside .block3 h2 a:hover span {background-position:0 -68px;}
div.aside .contacts {background:url(../images/aside-contact.png) no-repeat 83% 0;height:196px;padding-top:8px;}
div.aside .contacts h2 a span {background:url(../images/star-aside-4.png) no-repeat 0 0;width:97px;height:101px;margin-left:-100px;margin-top:-40px;}
div.aside .contacts h2 a.current span,div.aside .contacts h2 a:hover span {background-position:0 -101px;}
div.aside .contacts div.text {padding-top:0;}
/**
*	@section languages
*/
#languages {position:absolute;top:-35px;right:0px;}
#languages li {float:left;margin-left:10px;}
#languages a,#languages span {color:#d0d0d0;font:normal 12px Verdana;}
#languages a:hover {color:#fff;}
/**
*	@section wrapper
*/
div.wrapper {width:978px;border:9px solid #fff;background:#000;margin:35px auto;position:relative;}
/**
*	@section header
*/
div.header {background:url(../images/page.jpg) no-repeat 0 0;height:360px;position:relative;}
a.home {background:url(../images/page.jpg) no-repeat -171px -43px;display:block;width:247px;height:69px;position:absolute;left:171px;top:43px;text-indent:-5000px;}
/**
*	@section article
*/
div.section{float:right;margin:0 16px 46px 0;padding:0 0 31px;width:620px;position:relative;}
.portfolio div.article,.page div.article {width:539px;padding:37px 19px 31px;}
.portfolio div.article,.page div.article {background:url(../images/article-bg.jpg) repeat-y 0 0;float:right;border-left:10px solid #fff;border-right:5px solid #fff;position:relative;}
div.article {}
div.section div.top,div.article div.bottom {background:url(../images/article.png) no-repeat -9px 0;width:592px;height:20px;position:absolute;left:-10px;right:-5px;}
div.section div.top {top:40px;left:27px;width:593px;background:url(../images/article.png) no-repeat -8px 0;}
div.article div.bottom {background-position:-9px -20px;height:21px;bottom:0;}
div.article div.cb {background:url(../images/article.png) no-repeat 50% -41px;width:539px;height:8px;position:absolute;left:19px;right:19px;bottom:23px;}
div.article div.cl,div.article div.cr {background:url(../images/article.png) no-repeat 0 0;width:9px;height:358px;position:absolute;top:37px;}
div.article div.cl {left:10px;}
div.article div.cr {background-position:100% 0;right:10px;}
div.article div.content {background:#fff;padding:0 25px 40px;}
div.article div.tp20 {padding-top:20px;}
div.article div.content p {margin-top:10px;}
div.article div.content .block {background:url(../images/block.png) no-repeat 50% 0;position:relative;top:-12px;left:-25px;right:-25px;width:399px;padding:50px 70px;height:133px;}
div.article div.content .block p {margin-top:2px;}
.pt20 {padding-top:20px;}
div.article div.content .block h1 {font:bold 14px Arial;color:#000;padding-bottom:5px;}
div.article div.content .block h1 span {color:#926105;}
div.article div.content .block .link {}
div.article div.content .block .link a {font:bold 20px Arial;color:#c65700;}
.portfolio div.article div.content {padding:0 10px 10px;}
.portfolio div.article div.content img {margin-top:30px;display:block;}
.portfolio div.article div.content .block {padding:25px 70px;height:183px;left:-10px;}
/**
*	@section .home-portfolio
*/
li.text-portfolio {position:absolute;top:-8px;left:40px;z-index:10;}
.en li.text-portfolio {width:119px;height:28px;background:url(../images/text-projects.png) no-repeat 0 0;}
.ua li.text-portfolio {width:109px;height:28px;background:url(../images/text-projects.png) no-repeat 0 -28px;}
.ru li.text-portfolio {width:118px;height:28px;background:url(../images/text-projects.png) no-repeat 0 -56px;}
.home-portfolio {background:url(../images/block-portfolio.png) no-repeat 0 0;width:620px;height:270px;position:relative;}
.home-portfolio a {display:block;width:170px;height:20px;position:absolute;top:220px;text-align:center;font-size:12px;}
.home-portfolio .first a {left:27px;}
.home-portfolio .second a {left:226px;}
.home-portfolio .third a {left:426px;}
.home-portfolio a .screenshot {width:170px;height:125px;position:absolute;top:-135px;}
.postfoliolist {position:relative;left:-11px;right:10px;width:560px;}
.postfoliolist a {display:block;width:262px;height:20px;position:absolute;top:200px;text-align:center;font-size:12px;color:#292929;}
.postfoliolist a img {position:relative;top:-202px;display:block;}
.odd,.even {float:left;background:url(../images/portfolio-list.png) no-repeat 0 0;height:231px;width:280px;position:relative;}
.even {background-position:-280px 0;}
.postfoliolist .odd a {left:15px;}
.postfoliolist .even a {left:6px;}
/**
*	@section .home-clients
*/
li.text-clients {position:absolute;top:-19px;right:40px;}
.en li.text-clients {width:97px;height:28px;background:url(../images/text-clients.png) no-repeat 0 0;}
.ua li.text-clients {width:108px;height:28px;background:url(../images/text-clients.png) no-repeat 0 -28px;}
.ru li.text-clients {width:121px;height:28px;background:url(../images/text-clients.png) no-repeat 0 -56px;}
.home-clients {position:relative;background:url(../images/block-clients.png) no-repeat 0 0;width:559px;height:325px;padding:14px 24px 7px 30px;margin-top:30px;}
.home-clients li {float:left;width:178px;height:133px;margin:13px 8px 16px 0;}
.home-clients li a {display:block;text-align:center;text-decoration:none;padding-top:10px;}
.home-clients li a div {height:110px;}
.home-clients li a span {display:block;padding:4px;color:#979797;font-size:12px;display:none;}
.home-clients li a:hover div {background-position:0 -110px !important;}
.home-clients li a:hover span {color:#979797;font-size:12px;text-decoration:none;}
.section .imagetext {position:relative;top:9px;height:60px;}
.en .section div.index {background:url(../images/page-index.png) no-repeat 95% 0;top:19px;}
.ua .section div.index {background:url(../images/page-index.png) no-repeat 95% -58px;top:19px;}
.ru .section div.index {background:url(../images/page-index.png) no-repeat 95% -115px;top:19px;}
.en .section div.about {background:url(../images/page-about.png) no-repeat 95% 0;}
.ua .section div.about {background:url(../images/page-about.png) no-repeat 95% -47px;}
.ru .section div.about {background:url(../images/page-about.png) no-repeat 95% -100px;}
.en .section div.prices {background:url(../images/page-prices.png) no-repeat 95% 0;}
.ua .section div.prices {background:url(../images/page-prices.png) no-repeat 95% -47px;}
.ru .section div.prices {background:url(../images/page-prices.png) no-repeat 95% -102px;}
.en .section div.contacts {background:url(../images/page-contacts.png) no-repeat 95% 0;}
.ua .section div.contacts {background:url(../images/page-contacts.png) no-repeat 95% -49px;}
.ru .section div.contacts {background:url(../images/page-contacts.png) no-repeat 95% -96px;}
.en .section div.portfolio {background:url(../images/page-portfolio.png) no-repeat 95% 0;}
.ua .section div.portfolio {background:url(../images/page-portfolio.png) no-repeat 95% -47px;}
.ru .section div.portfolio {background:url(../images/page-portfolio.png) no-repeat 95% -100px;}
/**
*	@section pager
*/
.pagination {width:592px;height:30px;float:right;}
.pager {margin:20px auto 0;width:592px;height:30px;}
.pager li {float:left;margin:0 5px;}
.pager li.current,.pager li a {display:block;width:36px;height:16px;padding:7px 0;text-align:center;background:url(../images/pagination.png) no-repeat 0 0;font:bold 14px Arial;color:#dcdcdc;text-decoration:none;}
.pager li a:hover,.pager li.current {background-position:-36px 0;color:#232323;}
.pager li.right a {background-position:0 -60px;}
.pager li.right a:hover {background-position:-36px -60px;}
.pager li.left a {background-position:0 -30px;}
.pager li.left a:hover {background-position:-36px -30px;}
.pager li.text {display:block;width:36px;height:16px;padding:7px 0;text-align:center;font:bold 14px Arial;color:#dcdcdc;}
/**
*	@section #form
*/
#form {padding-top:14px;}
#form div.message {background:#eff6ee;color:#69AB2F;padding:10px;margin-bottom:4px;border:1px solid #69AB2F;}
#form div.error {background:#ffebe8;color:#d54e21;padding:10px;margin-bottom:4px;border:1px solid #d54e21;}
#form div.hint {color:#848484;padding:5px;margin-bottom:4px;}
#form div.label {float:left;width:100px;text-align:right;padding-top:3px;}
#form div.input {width:367px;margin-left:120px;}
#form input[type=text],textarea {font:normal 11px Verdana;width:367px;color:#1d1d1d;border:1px solid #848484;padding:1px 0;margin-bottom:4px;}
#form input[type=text]:focus,textarea:focus {border-color:#1d1d1d;}