* {margin: 0;padding: 0;}
body,td,th,p,div,p,a,form,select,input {
    font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #6e6e6e;
}
html { height: 100% }
img {border: none}
input { vertical-align: middle }
ul { list-style: none;margin: 0px;padding: 0px; }
.clear {clear: both;font-size: 0;height: 0;}
body {background-color: #1e1e1e;}
#main{width: 980px;margin: 0 auto;padding-top: 50px;}
body {height: 100%;width: 100%;}

a{color: #fff;}
a:hover{text-decoration: none;}
::selection {background: #e6045e; color: #fff; }
::-moz-selection {background: #e6045e; color: #fff;}

#header{margin-bottom: 60px;}
#logo{width: 143px;height: 108px;background: url('/img/logo.png') no-repeat;display: block;float: left;}
#menu{display: block;float: left;margin-left: 192px;}
#menu li a{color: #6e6e6e;font-style: normal;line-height: 26px;}
#menu li a.topmenu-selected {color:#FFFFFF;text-decoration:none;}
#menu li a:hover{color: #fff;}
#menu #apple-item{background: url('/img/apple_icon.png') left top no-repeat;padding-left: 20px;margin-left: -20px;}
#menu #apple-item:hover{background-position: 0px -26px;}
#menu #apple-item.topmenu-selected{background-position:0 -26px;}
#menu-alt{display: block;float: left;margin-left: 111px;}
#menu-alt li a{color: #6e6e6e;font-style: normal;line-height: 26px;}
#menu-alt li a:hover{color: #fff;}
#menu-alt li a.topmenu-selected {color:#FFFFFF;text-decoration:none;}
#menu-alt #zayavka{color: #e6045e;}
#menu-alt #zayavka:hover{color: #fff;}
#menu-alt #zayavka.topmenu-selected{color:#FFFFFF;text-decoration:none;}
#phone-number{display: block;float: left;margin-left: 177px;}
#phone-outer-wrap{margin-left: -45px;margin-bottom: 14px;margin-top: 8px;width: 176px;height: 21px;overflow:hidden;}
#phone-od{width: 176px;height: 21px;background: url('/img/tel_odessa.png') no-repeat;}
#phone-dp{width: 176px;height: 21px;background: url('/img/tel_dnepr.png') no-repeat;}
#phone-kiev{width: 176px;height: 21px;background: url('/img/tel_kiev.png') no-repeat;}
#phone-number ul li a{font-size: 12px;font-style: italic;line-height: 20px;color: #6e6e6e;text-decoration: none;border-bottom: 1px dashed #6e6e6e;}
#phone-number ul li a:hover{color: #fff;border-bottom: 0px;}
#phone-number ul li .phone-select{color: #fff;border-bottom: 0px;}

/** index css **/
.big-title{color: #fff;font-size: 60px;margin-left: 167px;text-transform: uppercase;width: 675px;line-height: 72px;}
.big-title a{text-transform: uppercase;width: 675px;line-height: 72px;color: #fff;font-size: 60px;}
.big-title .title-link1{color: #e6045e;}
.big-title .title-link2{color: #31a2d2;}
.text-index{width: 480px;margin-left: 251px;margin-top: 48px;}
.text-index p {margin:12px 0;}
.text-index h2 {margin:12px 0; color: white;}

/** footer css **/
#footer{margin-top: 40px;margin-bottom: 30px;}
#footer .f-1{float: left;}
#footer .f-1 p{margin-left: -10px;line-height: 20px;font-size: 12px;}
#footer .f-1 a{font-size: 11px;color: #fff;font-style: italic;line-height: 20px;}
#footer ul{float: left;display: block;margin-left: 80px;}
#footer ul li{float:left; margin-right: 20px;}
#footer ul li a{font-size: 12px;line-height: 18px;display: block;background-image: url('/img/social.png'); background-repeat: no-repeat; padding-left: 20px;}
#footer .f-2{float: left;margin-left: 170px;}
#footer .f-2 p{font-size: 12px;}
#footer .f-2 p a{font-size: 12px;}
#footer .f-2 a{font-size: 12px;}
#footer .f-2 .f-2-phone{margin-left: -8px;}
.social-facebook{background-position: 0px 0px;color: #6e6e6e;}
.social-vkontakte{background-position: 0px -40px;color: #6e6e6e;}
.social-twitter{background-position: 0px -20px;color: #6e6e6e;}

.social-facebook:hover{color: #fff;background-position: 0px -60px;}
.social-vkontakte:hover{color: #fff;background-position: 0px -100px;}
.social-twitter:hover{color: #fff;background-position: 0px -80px;}



/** works **/
.work{width: 200px;display: block;font-size: 12px;line-height: 18px;font-style: italic;color: #fff;float: left;margin-right: 50px;}
.work .img{height: 162px;}
.work:hover .img{background-position: 0px -164px !important;}

.all_works{background-color: #e6045e;float: left;color: #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding: 3px 10px 3px 10px;margin-top: 70px;font-style: italic;}
.works_index{margin-left: 83px;}




.price-page{background-color: #e6045e;color: #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding: 3px 10px 3px 10px;font-style: italic; width: 100px;float: right;margin-right: 110px;text-align: center;}
#content-two h1{color: #fff;font-size: 60px;margin-left: 167px;text-transform: uppercase;width: 675px;line-height: 72px;font-weight: normal;}
.content-row-1{float: left;width: 240px;margin-right: 81px;}
.content-row-2{float: left;width: 325px;margin-right: 20px;}
.content-row-3{float: left;width: 313px;}
.tabs-menu{margin-left: -7px;margin-bottom: 10px;margin-top: 10px;}
.tabs-menu li{float: left;margin: 0 10px 0 0;display: block;}
.tabs-menu li a span{font-size: 12px;text-decoration: underline;}
.tabs-menu li a{padding: 2px 7px;text-decoration: none;}
.tabs-menu li a:hover{border-bottom: 0px;background: #e6045e;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.tabs-menu li a span:hover{text-decoration: none;}
.tabs-menu .select-tabs-menu{border-bottom: 0px;background: #e6045e;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.img-developer{margin-left: 68px;margin-top: 100px;}
.right-text-padding{font-style: italic;padding-left: 84px;}
.right-usluga{color:#fff;font-size: 12px;font-style: italic;padding-left: 84px;background: url('/img/new.png') left top no-repeat;margin-top:50px;}
.color-fff{color:#fff;}
.zag-fff{color:#fff;font-size: 18px;}
.left-zag-top{color:#fff;font-size: 18px;margin-top:30px;}


/** form **/

.form-outer-wrap{width:980px;overflow:hidden;}
.form-inner-wrap{width:1960px;}
.form-left-row{width: 230px;float: left;margin-right: 84px;}
.form-center{width: 313px;float: left;margin-left: 20px;}
.form-right-row{width: 230px;float: left;margin-left: 102px;}
.input-text{width: 294px;border: 0px;background: #000 url('/img/bg-input.png') center center no-repeat;color: #6e6e6e;font-size: 14px;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;border-bottom: 1px solid #4e4e4e;display: block;height: 35px;line-height: 35px;margin-bottom: 17px;padding: 0px 10px;}
.input-text:hover{background: #000 url('/img/bg-input2.png') center center no-repeat;color: #fff;}
.podskazka{font-style: italic;font-size: 12px;margin-top: -7px;line-height: 16px;padding: 0px 10px;margin-bottom: 10px;color: #4f4f4f;}
.textarea-text{width: 294px;height: 200px;border: 0px;background: #000;color: #6e6e6e;font-size: 14px;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;border-bottom: 1px solid #4e4e4e;display: block;margin-bottom: 10px;padding: 10px;font-family: Trebuchet MS, Arial, Tahoma, sans-serif;}
.submit-button{width: 146px;height: 44px;display: block;background: url('/img/button-submit.png') top no-repeat;margin-top: 5px;border:none;cursor:pointer;}
.submit-button:hover{background-position: 0px -44px;}
.submit-button:active{background-position: 0px -88px;}
.price-forms{color: #fff;background: #e6045e;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;padding: 10px;margin-top: 20px;}
.price-forms table tr td{font-size: 12px;color: #fff;font-style: italic;}
.price-forms table {width: 100%;border: 0px;padding: 0px;margin: 0px;}
.price-right-text{font-size: 12px;font-style: italic;margin-top:30px;}
.forms-select{float: right; margin-right: 50px;margin-top: 15px;}


/** contact **/
.map-left{margin-left: 168px;width: 394px;float: left;}
.map-right-info{float: left;margin-left: 101px;margin-top: 10px;}
.map-right-info p span{font-size: 18px;color: #fff;}
.contact-form{margin-left: 251px;width: 310px;margin-top: 20px;}
.contact-form p span{font-size: 18px;color: #fff;}


/** sozdanie **/
.price-page-site{background-color: #e6045e;color: #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding: 3px 10px 3px 10px;font-style: italic; width: 100px;float: right;margin-right: 260px;text-align: center;}
.step-style{width: 230px;float: left;margin-right: 20px;}
.step-style-last{width: 230px;float: left;}
.step-zag{color:#fff;font-size: 18px;}
.step-text-left{width: 310px;margin-left: 251px;margin-top: 48px;float: left;}
.step-text-left span{font-size: 18px;color:#fff;}
.step-text-right{margin-top: 48px;margin-left: 106px;float: left;width: 150px;}

/** portfolio **/
.type-portfolio li{float: left;padding: 0px 5px;}
.type-portfolio li a{display: block;padding: 3px 10px;}
.type-portfolio{margin-left: 236px;margin-top: 20px;}
.type-portfolio li a:hover{border-bottom: 0px;background: #e6045e;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.type-portfolio-select{border-bottom: 0px;background: #e6045e;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.portfolio-zag{color: #e6045e;font-size: 30px;margin-left: 83px;margin-top: 25px;float: left;width: 480px;line-height:32px;}
.portfolio-url{margin-top: 25px;float: right;background: url('/img/url-win.png') left center no-repeat;padding-left: 16px;font-size: 12px;}
.portfolio-zadacha{margin-left: 83px;margin-top: 20px;width: 480px;}
.screen-work{margin-left: 66px;margin-top: 20px;}
.portfolio-info-client{margin-left: 83px;width: 644px;}
.portfolio-info-client span{display: block;color: #fff;font-size: 16px;}
.portfolio-sidebar{float: left;width: 158px;margin-top: 10px;background: url('/img/portfolio-icon.png') left top no-repeat;padding-top: 86px;}
.portfolio-content{float: left;width: 812px;margin-left:10px;}
.portfolio-list li{margin-bottom: 20px;line-height: 20px;padding: 3px 12px;}
.portfolio-list li a{display: block;}
.portfolio-list li:hover{border-bottom: 0px;background: #2a2a2a;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.portfolio-list-select{border-bottom: 0px;background: #2a2a2a;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color: #fff;}
.portfolio-list-select a{text-decoration: none;}
.portfolio-sidebar-text{font-style: italic;font-size: 12px;margin-top: 20px;line-height: 18px;}
.portfolio-allworks{color: #e6045e;}
.arrow-left{display: block;position: absolute;width: 24px;height: 54px;background: url('/img/arrow.png') no-repeat;margin-left: 180px;margin-top: 300px;}
.arrow-left:hover{background-position: 0px -54px;}
.arrow-right{display: block;position: absolute;width: 24px;height: 54px;background-image: url('/img/arrow.png');background-position: -24px 0px;margin-left: 944px;margin-top: 300px;}
.arrow-right:hover{background-position: -24px -54px;}


.seo-arrow-left{display: block;position: absolute;width: 24px;height: 54px;background: url('/img/arrow.png') no-repeat;margin-left: 84px;margin-top: 340px;}
.seo-arrow-left:hover{background-position: 0px -54px;}
.seo-arrow-right{display: block;position: absolute;width: 24px;height: 54px;background-image: url('/img/arrow.png');background-position: -24px 0px;margin-left: 914px;margin-top: 340px;}
.seo-arrow-right:hover{background-position: -24px -54px;}

/** portfolio seo **/
.seo-works{width: 230px;float: left;margin-right: 19px;}
.seo-works a{display: block;width: 200px;}
.seo-works p{font-size: 12px;font-style: italic;}
.portfolio-seo{margin-left: 168px;margin-top: 30px;}

#upper-frame{display:none;}
#p-upper-frame{display:none;}

.p-content-outer-wrap {overflow: hidden;}
.p-content-inner-wrap {width: 1624px;}

.form-error {color:#FA4141;padding-left:10px;margin-top:-17px;padding-bottom:17px;font-size:13px;}
.form-input-error {border-color:#FA4141;}

#ajax-icon {float:right;width:32px;height:32px;background:url('/img/ajax-loader.gif') 0 0 no-repeat;display:none;margin-top:5px;}
#ajax-win {float:right;height:32px;background:url('/img/ajax-win.png') 0 0 no-repeat;display:none;margin-top:5px;padding-left:37px;line-height:32px;color:#7C7C7C}
#ajax-fail {float:right;width:32px;height:32px;background:url('/img/ajax-fail.png') 0 0 no-repeat;display:none;margin-top:5px;}

.map-outer-wrap {overflow:hidden;height:375px;}
.map-inner-wrap {height:1125px;}
.map-holder {height:375px;}

.map-fakelink {text-decoration:none;border-bottom:1px dashed;}
.map-link-selected {border-bottom:none;}

#history-loader {position:fixed;top:0;left:50%;width:100px;margin-left:-50px;border-radius:0 0 5px 5px;background:#2e2e2e;color:#fff;z-index:100;padding:3px;text-align:center;display:none;}

.main-page-menu{margin:10px -7px 10px 0;padding: 5px 0 2px 2px;background:#181818;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:463px;height:25px;}
.main-page-menu li{float: left;margin: 0 5px 0 0;display: block;}
.main-page-menu li a span{font-size: 12px;border-bottom:1px dashed;color:#6E6E6E;}
.main-page-menu li a{padding: 5px 15px;text-decoration: none;}
.main-page-menu li a:hover{border-bottom: 0px;background: #e6045e;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.main-page-menu li a:hover span{color:#fff;}
.main-page-menu .select-tabs-menu{background: #e6045e;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.main-page-menu .select-tabs-menu span{border-bottom:none;color:#fff;}

.menu-text-block {display:none;color:#A8A8A8;font-style:italic;}
.our-approach {width: 700px;}
.our-approach li {float: left;width: 330px; padding: 0 10px;}
.our-approach li span {position: absolute; margin-left: -15px;}

.iphone-wrap {background:url('/img/iphones.png') 0 0 no-repeat;height:485px;}
.iphone-wrap .screen-wrap {width: 190px; height: 285px;left:60px;top:79px;overflow:hidden;position:relative;}
.iphone-wrap .screen-slider img {float:left;}
.iphone-wrap .buttons-wrap {margin-top: 175px;padding-right:12px;text-align:center;}
.iphone-wrap .screen-glare {position:absolute; z-index: 30;margin-top:79px;margin-left:173px;}
.iphone-wrap .buttons-wrap a {display: inline-block;margin:0 6px;background: url('/img/page1.png') 0 0 no-repeat;width:9px;height:10px;}
.iphone-wrap .buttons-wrap a.cur-slide {background: url('/img/page3.png') 0 0 no-repeat;}