/* html/css coder: Valentina Strativnova
------------------------------------------------ */

/* Global
------------------------------------------------ */

* { padding: 0; margin: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 12px/1.4 Tahoma, Verdana, sans-serif; color: #434343; }

img, fieldset, select, button { border: 0; }

ul, li { list-style-type: none; }

img { vertical-align: middle; }

a { color: #e11380; }
a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }
a:hover { text-decoration: none; }

table { border: 0; border-collapse: collapse; }
table td { padding: 0; vertical-align: top; }

p { margin-bottom: 10px; }

.hr { clear: both; margin-bottom: 20px; background: #c2c2c2; height: 1px; }
.dashed_hr { margin-bottom: 25px; border-bottom: 1px dashed #e5e5e5; height: 1px; }
.clients .hr { background: #e6e6e6; height: 2px; }
.hr hr,
.dashed_hr hr { display: none; }

.print { float: left; padding-left: 30px; background: transparent url('../img/print.gif') no-repeat left 50%; height: 20px; color: #434343; }

/* Base
------------------------------------------------ */

body { background: #f4f4f4 url('../img/bg.gif') repeat-x left top; }

.wrapper { position: relative; min-height: 100%; height: auto !important; height: 100%; }
.wrapper-p { margin: 0 auto; padding-bottom: 446px; width: 990px; }
.bottom { position: absolute; left: 0; bottom: 0; background: #fff; width: 100%; height: 446px; }
.b-wrapper { margin: 0 auto; width: 990px; height: 446px; }

.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Headings
------------------------------------------------ */

h1 { margin-bottom: 10px; font-weight: normal; font-size: 24px; }
h2 { font-weight: normal; font-size: 24px; }

h4 { font-weight: normal; font-size: 12px; }
h4.dark a { font-weight: bold; color: #434343; }

/* Header
------------------------------------------------ */

.header { padding: 0 20px; background: transparent url('../img/header_bg.gif') no-repeat left top; height: 140px; }
.logo { float: left; margin-top: 21px; }
.contacts { float: right; padding-top: 19px; background: transparent url('../img/contacts_bg.png') no-repeat left top; width: 295px; line-height: 18px; text-align: right; }
.contacts .phone { margin-right: 12px; border-right: 1px dotted #000; padding-right: 12px; font-size: 15px; color: #353535; }
.contacts a { color: #353535; }
.contacts .phone span,
.contacts a span { color: #e11f86; }

/* Main menu
------------------------------------------------ */

.main-menu { border-bottom: 1px solid #a7a7a7; padding: 7px 20px 0; background: transparent url('../img/main_menu_bg.gif') repeat-x left top; line-height: 53px; }
.main-menu img { float: left; margin-top: 15px; }
.main-menu ul { float: right; width: 525px; height: 53px; text-align: right; }
.main-menu ul li { display: inline; margin-left: 11px; padding: 0 13px; font-size: 16px; }

.main-menu a { color: #353535; }
.main-menu li.current a:link,
.main-menu li.current a:visited,
.main-menu li.current a:hover,
.main-menu li.current a:active { color: #e01f86; text-decoration: none; cursor: default; }

/* Information block
------------------------------------------------ */

.information { position: relative; border-bottom: 2px solid #df1f86; padding: 0 25px; background: transparent url('../img/info_bg.png') repeat-x left top; height: 461px; }
.iphone { position: relative; float: left; margin-top: -29px; padding: 152px 46px 0 58px; background: transparent url('../img/iphone.png') no-repeat left top; width: 328px; height: 338px; }
.iphone .iphone-link { position: absolute; top: 25px; left: 25px; overflow: hidden; width: 260px; height: 60px; text-indent: -3000px; }

.icons-block { float: right; padding-top: 31px; width: 458px; font: bold 14px/17px Arial; color: #fff; }
.icons-block .item { float: left; margin-top: -7px; margin-right: 14px; padding: 8px; background: transparent url('../img/icons_bg.png') no-repeat left top; width: 190px; height: 130px; }
.icons-block .item .cont { position: relative; display: block; padding: 7px 9px; background: transparent no-repeat left top; height: 116px; color: #fff; text-decoration: none !important; }
.icons-block .item .row-2 { padding-top: 11px; height: 112px; }
.icons-block .item .row-3 { padding-top: 14px; height: 109px; }
.icons-block .item .cont span { position: absolute; right: 20px; bottom: 10px; text-align: right; }

/* Content
------------------------------------------------ */

.content { margin-bottom: 20px; padding: 29px 25px 10px; background: #fff; }
.main-news h2,
.main-cases h2 { margin-bottom: 19px; font-size: 22px; }
.main-news h2 a,
.main-cases h2 a { color: #353535; }

.main-news { float: left; margin-right: 47px; width: 413px; }
.main-news .item-n { margin-bottom: 13px; }
.main-news .image-n { float: left; margin-right: 15px; }
.main-news p { color: #9a9a9a; }

.main-cases { float: left; width: 480px !important; }
.main-cases h4 { width: 360px !important; }

/* Filter
------------------------------------------------ */

.filter { margin-bottom: 55px; padding-left: 5px; background: transparent url('../img/filter_bg.gif') no-repeat left top; }
.filter form { padding: 13px 5px 12px 14px; background: #e6e6e6 url('../img/filter_bg.gif') no-repeat right bottom; line-height: 34px; color: #353535; }
.filter fieldset { float: left; margin-right: 30px; border-right: 1px dashed #b1b1b1; padding-right: 30px; font-size: 11px; }
.filter fieldset.year { width: 305px; font-size: 12px; }
.filter fieldset.last { margin: 0; border: 0; padding: 0; }
.filter fieldset span.legend { float: left; margin-right: 15px; }
.filter fieldset .years { float: right; }
.filter fieldset label { float: left; margin-right: 15px; text-decoration: underline; cursor: pointer; }
.filter fieldset label:hover { text-decoration: none; }
.filter fieldset label.selected { color: #e11f86; text-decoration: none; cursor: default; }
.filter fieldset input { display: none; }
.filter fieldset select { padding: 2px; background: transparent url('../img/select_bg.gif') no-repeat left top; width: 160px; height: 24px; }

/* Breadcrumbs
------------------------------------------------ */

.breadcrumbs { margin-bottom: 25px; font-size: 11px; line-height: 30px; }
.breadcrumbs a { color: #434343; }
.breadcrumbs span { color: #e11f86; }

/* Cases
------------------------------------------------ */

.cases { float: left; width: 450px; }
.cases-l { margin-right: 40px; }
.cases .item-c { margin-bottom: 30px; }
.cases .image-c { float: left; margin-top: -5px; margin-right: 20px; padding: 5px; background: transparent url('../img/img_bg.gif') no-repeat left top; }
.cases .image-c img { width: 90px; }
.cases h4 { float: left; margin-bottom: 7px; border-bottom: 1px dashed #e5e5e5; padding-bottom: 7px; width: 330px; }
.cases p { margin-left: 120px; color: #9a9a9a; }
.cases .name { float: left; color: #434343; width: 78px; }
.cases .value { display: block; margin-left: 78px; margin-bottom: 5px; }

/* Case inside
------------------------------------------------ */

.case img { float: left; margin-right: 30px; border: 3px solid #ccc; width: 314px; }
.case h2 { margin-bottom: 18px; margin-left: 350px; color: #e11f86; }
.case p { margin-bottom: 25px; margin-left: 350px; }
.case .goal { color: #9a9a9a; }
.case .name { float: left; color: #434343; width: 160px; }
.case .value { display: block; margin-left: 160px; margin-bottom: 5px; }
.case .dashed_hr { margin-left: 350px; }

/* News/Services
------------------------------------------------ */

.item-news { margin-bottom: 26px; border-bottom: 1px dashed #e5e5e5; padding-bottom: 23px; }
.item-news.last { border: 0; padding: 0; }
.item-news img { float: left; margin-right: 28px; width: 190px; }
.item-news h2 { margin-bottom: 10px; margin-left: 218px; }
.item-news p { margin-left: 218px; }
.item-news .date { color: #a1a1a1; }

.item-news .item,
.service .item { float: left; margin-left: -8px; margin-right: 20px; padding: 8px; background: transparent url('../img/icons_bg.png') no-repeat left top; width: 190px; height: 130px; font: bold 14px/17px Arial; color: #fff; }
.item-news .item .cont,
.service .item .cont { position: relative; padding: 7px 9px; background: transparent no-repeat left top; height: 116px; }
.item-news .item .row-2,
.service .item .row-2 { padding-top: 11px; height: 112px; }
.item-news .item .row-3,
.service .item .row-3 { padding-top: 14px; height: 109px; }
.item-news .item .cont span,
.service .item .cont span { position: absolute; right: 20px; bottom: 10px; text-align: right; }

/* Service inside
------------------------------------------------ */

.service .left { float: left; position: relative; z-index: 10; width: 218px; }
.service .item { margin-bottom: 40px; }
.service-menu { margin: 0 !important; width: 198px; }
.service-menu li { border-bottom: 1px dashed #e5e5e5; padding: 8px 0; }
.service-menu li.last { border: 0; }

.service h2 { margin-bottom: 18px; color: #e11f86; }
.service p { margin-bottom: 18px; margin-left: 218px; }
.service ul { margin-left: 218px; }
.service .big { margin-top: 30px; font-size: 16px; }

/* Pager
------------------------------------------------ */

.pager { background: transparent url('../img/pager_bg.gif') repeat-x left bottom; }
.pager .total { margin-bottom: 15px; }
.pager .total span { color: #e11f86; }

.page-holder { position: relative; margin: 0 15px; width: 910px; height: 36px; overflow: hidden; }
.page-holder ul { position: absolute; }
.page-holder li { float: left; margin-right: 120px; padding-bottom: 4px; width: 26px; line-height: 17px; text-align: center; }
.page-holder li.selected { background: transparent url('../img/pager_item.gif') no-repeat left top; color: #fff; }
.page-holder li a { color: #353535; }

.scroll { position: absolute; bottom: 0; left: 0; background: transparent url('../img/scroll.png') no-repeat left top; width: 26px; height: 15px; cursor: pointer; }

/* Lister
------------------------------------------------ */

.lister .prev { float: left; padding-left: 43px; background: transparent url('../img/prev.gif') no-repeat left 2px; width: 180px; min-height: 20px; }
.lister .prev:hover { background-position: left -80px; }
.lister .next { float: right; padding-right: 43px; background: transparent url('../img/next.gif') no-repeat right 2px; width: 180px; text-align: right; min-height: 18px; }
.lister .next:hover { background-position: right -80px; }

/* Contacts
------------------------------------------------ */

.contacts-left { float: left; width: 320px; }
.contacts-left h2 { margin-bottom: 15px; }
.contacts-left h4,
.contacts-right h4 { font-weight: bold; font-size: 14px; }

.contacts-right { float: right; width: 590px; }
.contacts-right h4 { margin-bottom: 10px; }

.pico { width: 80%; }
.pico td { padding: 4px; white-space: nowrap; }
.pico td textarea { width: 100%; height: 100px; }

/* Bottom content
------------------------------------------------ */

.clients { padding: 12px 25px 0; }
.clients h2 { font-size: 22px; }
.clients h2 a { color: #353535; }
.client-item { float: left; margin-bottom: 20px; margin-right: 52px; width: 113px; height: 55px; text-align: center; }

/* Footer
------------------------------------------------ */

.footer { position: absolute; bottom: 0; padding: 0 25px 10px; background: transparent url('../img/footer_bg.png') no-repeat left bottom; width: 940px; font-size: 11px; line-height: 70px; color: #8e8e8e; }
.portfolio_filters { display: none; }