*{margin:0px; padding:0px;}
html{}
body{font:14px tahoma; color:#011408;}
img{border:none;vertical-align:top;}
a{outline:none; color:#a4c20a;}
a:hover{text-decoration:none; color:#859E02;}
ul li{list-style: none;}
fieldset{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.no_back{background:none !important;}
.no_bord{border:none !important;}
.no_marg{margin:0 !important;}
h1{color:#a4c20a; font-size:26px; font-weight:normal;}
h2{font-size:25px; font-weight:normal; padding-bottom:17px;}
h3{font-size:18px; font-weight:normal;}
.lt{position:absolute; left:0; width:50%; background: url("../images/header_bg_left.gif"); height:99px;}
.rt{position:absolute; right:0; background: url("../images/header_bg_right.gif"); height:99px; width:51%;}
a span{cursor:pointer;}
#wrap{width:1000px; margin:0 auto; position:relative; z-index:1;}

#header{height:95px; margin-bottom:75px;}
#header .logo{float:left; width:152px; padding-right:1px; background:#000;}
#header .logo a{display:block; width:152px; height:95px; background: url("../images/logo_bg.jpg"); text-indent:-9999px;}
#header .h_menu{float:left; width:501px; background:#000; overflow:hidden;}
#header .h_menu li{float:left; margin-right:1px;}
#header .h_menu li a{float:left; display:block; height:95px; text-indent:-9999px;}
#but1 a{width:111px; background: url("../images/but1_projects.jpg");}
#but2 a{width:97px; background: url("../images/but2_services.jpg");}
#but3 a{width:89px; background: url("../images/but3_about_us.jpg");}
#but4 a{width:78px; background: url("../images/but4_blog.jpg");}
#but5 a{width:121px; background: url("../images/but5_contacts.jpg");}
#but1.active a,#but1 a:hover{background: url("../images/but1_projects_on.jpg");}
#but2.active a,#but2 a:hover{background: url("../images/but2_services_on.jpg");}
#but3.active a,#but3 a:hover{background: url("../images/but3_about_us_on.jpg");}
#but4.active a,#but4 a:hover{background: url("../images/but4_blog_on.jpg");}
#but5.active a,#but5 a:hover{background: url("../images/but5_contacts_on.jpg");}
#header .phones{float:left; width:202px; text-indent:-9999px; background: url("../images/phones.jpg") no-repeat left top; height:95px;}
#header .buttons{float:left; width:144px; padding-top:17px;}
#header .buttons li{float:left; margin-left:14px;}
#header .buttons a{display:block; text-indent:-9999px; float:left;}
.c_but1 a{width:53px; height:38px; background: url("../images/c_but1.gif"); margin-top:17px;}
.c_but2 a{width:62px; height:59px; background: url("../images/c_but2.gif");}
.c_but1 a:hover{background: url("../images/c_but1_on.gif");}
.c_but2 a:hover{background: url("../images/c_but2_on.gif");}
.container1{overflow:hidden; padding:0 0 50px 5px;}
.container1 .left{float:left; width:445px; margin-right:27px;}
.container1 .left h1{padding-bottom:21px;}
.container1 .left p{line-height:22px; padding-bottom:18px;}
.container1 .left h2,h3{padding:0px; font-weight:bold;font-size:14px;}
.container1 .left li{line-height:22px;}
.container1 .left ul{padding-bottom:21px;}
.container1 .left .buttons .fl{margin-right:10px;}
.button{float:left;}
.button a{display:block; background: url("../images/button_left.gif") no-repeat left top; color:#FFF; text-decoration:none; float:left;}
.button a span{display:block; height:21px; padding:5px 14px 0 14px; background: url("../images/button_right.gif") no-repeat right top; float:left;}
.button a:hover{background: url("../images/button_left_on.gif") no-repeat left top;}
.button a:hover span{background: url("../images/button_right_on.gif") no-repeat right top;}
.button .sign{position:absolute; right:-6px; top:-7px; width:19px; height:18px;}
.button .plus{background: url("../images/plus.gif");}


.container1 .right{float:left; width:504px;}
.monitor{padding-bottom:4px;}

.container2{padding:0 0 50px 5px; overflow:hidden;}
.container2 .left{float:left; width:392px;}

.container2 .left .clients{background:#eaeaea; width:323px;}
.container2 .left .clients .prev{float:left; width:19px; margin-top:124px; margin-left:10px; height:27px; background: url("../images/arrow_left_gray.gif"); text-indent:-9999px;}
.container2 .left .clients .prev:hover{background: url("../images/arrow_left_gray_on.gif");}
.container2 .left .clients .images{float:left; width:265px; overflow:hidden; position:relative; height:275px;}
.container2 .left .clients .image{position:absolute; top:0; left:0; width:265px; text-align:center; display:none;}
.container2 .left .clients .next{float:left; width:19px; margin-top:124px; height:27px; background: url("../images/arrow_right_gray.gif"); text-indent:-9999px;}
.container2 .left .clients .next:hover{background: url("../images/arrow_right_gray_on.gif");}
.container2 .left .clients .texts{position:relative; clear:both; background:#FFF;}
.container2 .left .clients .text{line-height:18px; padding-top:13px; position:absolute; display:none;}
.container2 .right{float:left; width:584px;}
.container2 .right h2{padding-left:30px;}
.container2 .right .works .prev{float:left; width:19px; margin-top:127px; margin-right:11px; height:27px; text-indent:-9999px; background: url("../images/arrow_left.gif");}
.container2 .right .works .prev:hover{background: url("../images/arrow_left_on.gif");}
.container2 .right .works .items{float:left; width:524px; overflow:hidden; margin-right:11px; position:relative; height:355px;}
.container2 .right .works .items ul{width:10000px; position:absolute;}
.container2 .right .works .items li{float:left; width:163px; line-height:18px; margin-right:17px;}
.container2 .right .works .items .image{height:274px;/*width:524px;*/ margin-bottom:10px;}
.container2 .right .works .next{float:left; width:19px; margin-top:127px; height:27px; text-indent:-9999px; background: url("../images/arrow_right.gif");}
.container2 .right .works .next:hover{background: url("../images/arrow_right_on.gif");}

.container1 .right p.acc{font-size: 24px; text-align:center; padding-top: 5px; padding-right: 70px;}
.container1 .right p.acc1{line-height:37px;  padding-top: 15px;color:#a4c20a; font-size:22px; font-weight:normal; }

.container3 p{line-height:22px; padding-bottom:18px;}
.container3 h3{font-size:25px; font-weight:normal; padding-bottom:17px;}

.contacts{overflow:hidden; padding-left:5px;}
.contacts h2{font-size:25px; font-weight:normal; padding-bottom:17px;}
.contacts .left{float:left; width:328px; margin-right:95px;}
.contacts .left p{line-height:18px; padding-bottom:18px;}
.icq{background: url("../images/icq.gif") no-repeat left top; padding-left:26px; float:left; width:138px; padding-bottom:8px;}
.phone{background: url("../images/phone.gif") no-repeat left top; padding-left:26px; float:left; width:138px; padding-bottom:8px;}
.skype{background: url("../images/skype.gif") no-repeat left top; padding-left:26px; float:left; width:138px; padding-bottom:8px;}
.mail{background: url("../images/mail.gif") no-repeat left top; padding-left:26px; float:left; width:138px; padding-bottom:8px;}
.contacts .right{float:left; width:524px;}
.form_left{float:left; width:252px;}
.contacts .right label{float:left; width:67px; padding-top:3px;}
.contacts .right input{float:left;}
.contacts .right textarea{float:left;}
.form_left .button{margin:5px 0 0 67px;}
.button input{background: url("../images/button_left.gif") no-repeat left top; border:none; height:26px; padding:0 8px 0 14px; color:#FFF; font-size:14px;}
.form_my .butt{margin:5px 0 0 67px;}
.butt input{background: url("../images/button_ok.gif") no-repeat left top; border:none; width:167px; height:26px; padding:0 8px 0 14px; color:#FFF; font-size:14px;}
.butt input:hover{background: url("../images/button_ok_on.gif") no-repeat left top;}
.form_right{float:left; width:272px;}
.inp1{width:159px; height:22px; padding:0 4px 3px; border:none; background:#ecf2cc url("../images/input_bg.gif") repeat-x bottom; margin-bottom:1px;}
.tarea1{width:263px; height:109px; padding:2px 4px; background:#ecf2cc url("../images/input_bg.gif") repeat-x bottom; border:none;}
.tarea2{width:265px; height:125px; padding:2px 4px; background:#ecf2cc url("../images/input_bg.gif") repeat-x bottom; border:none;}

#footer_wrap{background: #000 url("../images/footer_bg.gif") repeat-x top; padding-top:4px; margin-top:45px;}
#footer{height:100px; width:1000px; margin:0 auto; color:#909090; font-size:11px;}
#footer a{color:#909090;}
#footer .logo{float:left; width:96px; padding-top:35px;}
#footer .logo a{display:block; width:73px; height:34px; background: url("../images/f_logo.gif"); text-indent:-9999px;}
.footer_center{padding-top:33px; float:left; width:727px;}
.rights{height:20px;}
.footer_right{float:left; width:125px; padding-top:50px;}

/* komanda
---------------------------------------- */
.inner{overflow:hidden; padding-left:5px;}
.inner h1{padding-bottom:18px;}
.inner h2{padding-bottom:20px;}
.inner p{ line-height:22px; }
.page_top{height:213px; padding:70px 0 0 750px; width:239px; line-height:30px; color:#000; font-size:18px;}
.page_top strong{font-size:21px;}
#team_top{background: url("../images/team_img.jpg");}
#clients,#team{overflow:hidden; padding-bottom:40px;}
#clients .col,#team .col{float:left; width:290px; line-height:22px; margin-right:40px;}

.tabs{background:#a2c104; height:27px; overflow:hidden; padding-top:6px; width:989px; margin-bottom:40px;}
.tabs li{float:left;}
.tabs li a{display:block; width:474px; padding:2px 0 0 20px; float:left; height:24px; font-size:16px; text-decoration:none; color:#FFF;}
.tabs li.not_active a{background:#000;}
#team_but.not_active{border:solid #FFF; border-width:1px 1px 0 0;}
#clients_but.not_active{border:solid #FFF; border-width:1px 0 0 1px;}
.auth_opinion{}
.auth_opinion .item{overflow:hidden; padding-bottom:38px;}
.auth_opinion .item .left{float:left; width:150px; padding-top:2px;}
.auth_opinion .item .right{float:left; width:839px; line-height:22px;}
.auth_opinion .item span{display:block; color:#a4c20a; padding-bottom:11px;}

/* clients
---------------------------------------- */
#clients_top{background: url("../images/clients_img.jpg");}
#clients_logos{overflow:hidden;}
#clients_logos .item{width:331px; text-align:center; float:left; padding:30px 0;}

/* projects_bann
---------------------------------------- */
.filters{padding:30px 0 37px;}
.banners{overflow:hidden;}
.banners .item{float:left; width:300px; margin-right:31px; line-height:22px; padding:10px 0 0px;height:175px;}
.banners .item .image{text-align:center; margin-bottom:5px; background:#e9e9e9; height:90px; position:relative; overflow:hidden;}
.banners .item .image img{position:absolute; top:0; left:0;}
.numbers{overflow:hidden;}
.numbers a{float:left; display:block; width:16px; height:14px; margin-right:14px; padding-top:2px; background: url("../images/nr_bg.gif"); color:#626262; text-align:center; font-size:14px; text-decoration:none; font-weight:bold; line-height:11px;}
.numbers a.active{background:url("../images/nr_act_bg.gif"); color:#FFF;}

/* services
---------------------------------------- */
#serv_top{background: url("../images/services_img.jpg");}
.serv_text{padding:0 11px 15px 0;}
.serv_text p{padding-bottom:18px; line-height:22px;}
.read_also h3{padding-bottom:20px;}
.read_also li{line-height:18px;}

/* projects
---------------------------------------- */
.projects_left{float:left; width:304px; margin-right:34px;}
.projects_left h2{color:#bd5dd0; font-size:25px; font-weight:normal; line-height:28px; padding-bottom:23px;}
.projects_left h2 span{display:block; color:#000;}
.projects_left p{padding-bottom:18px; line-height:22px;}

.projects_right{float:left; width:646px;}
.projects_right .image{padding-bottom:22px;}
.projects_right .images{overflow:hidden;}
.projects_right .images a{float:left; display:block; margin-right:10px; padding:1px; border:solid 3px #b4b4b4;}
.projects_right .images a.active{border-color:#a4c20a;}
.projects_right .links{overflow:hidden; padding-top:38px;}

/* added
---------------------------------------- */
.ban_top{height:32px; background: url("../images/ban_top.jpg");}
.ban1{height:322px; background: url("../images/ban1_bg.jpg"); padding:21px 0 0 266px;}
.ban2{height:242px; background: url("../images/ban2_bg.jpg"); padding:101px 0 0 5px;}
.ban3{height:193px; background: url("../images/ban3_bg.jpg"); padding:150px 0 0 471px;}
.ban4{height:343px; background: url("../images/ban4_bg.jpg");}
.ban_bottom{height:11px; overflow:hidden; background: url("../images/ban_bottom.jpg");}

.sc_bottom .scb_left {line-height:28px; font-size:14px; padding-bottom:30px; /*padding-right:100px;*/}
.sc_bottom .scb_left ul{margin-left:7px;}
.sc_bottom .scb_left ul li{background: url("../images/dot.gif") no-repeat left 14px; padding-left:19px;}

/* added_28_01_10
---------------------------------------- */
#wrap2{overflow:hidden; min-width:1000px; position:relative; min-height:100%;}
.footer_center{padding-top:33px; width:480px; float:left; }
.rights{height:20px;}
.footer_right{float:left; width:125px; padding-top:50px; display:none;}
/*#footer{height:130px;}                                                                    */
/*#footer .logo{width:143px; padding-top:51px;}     */
#footer .buttons{float:left; width:414px; padding-top:10px;}
#footer .buttons a{float:left;width:187px; height:77px; margin-left:20px; display:block;}
#footer .buttons a span { display:none;}
#footer .buttons a.free_consult {background: url("../images/free_consult.jpg");}
#footer .buttons a:hover.free_consult {background: url("../images/free_consult_red.jpg");}
#footer .buttons a.send_request {background: url("../images/send_request.jpg");}
#footer .buttons a:hover.send_request {background: url("../images/send_request_red.jpg");}

/* flash_site
---------------------------------------- */
.flash_site{overflow:hidden; padding-bottom:20px;}
.flash_site h1{padding-bottom:13px;}
.flash_site h3{font-size:14px; font-weight:bold; padding-bottom:18px;}
.fs_left{float:left; width:546px; padding-top:17px;}
.fs_left .pricetime{font-size:14px; font-weight:bold; padding-bottom:64px;}
.fs_left .pricetime li{overflow:hidden;}
.fs_left .pricetime span.icon{margin-top:14px; float:left; padding-right:9px;}
.fs_left .pricetime span.text{float:left; margin-top:18px;}
.fs_left .pricetime .ras{float:left; background: url("../images/rassro4ka.jpg"); width:74px; height:26px; text-indent:-9999px;}
.fs_left .pricetime .ras:hover{background: url("../images/rassro4ka_hover.jpg");}
.fs_left .influence{padding-bottom:42px;}
.fs_left .influence li{line-height:22px; font-size:14px;}
.fs_left .links li{line-height:18px; font-size:14px; padding-bottom:5px;}
.fs_right{float:left; width:454px;}
.fs_right .but{text-align:center; padding-bottom:14px;}
.fs_right .order_site{display:block; width:219px; height:67px; margin:0 auto; text-indent:-9999px; background: url("../images/zakazat_sait.jpg");}
.fs_right .order_site:hover{background: url("../images/zakazat_sait_hover.jpg");}
.fs_right .order_site_main{display:block; cursor: hand; width:312px; height:92px; margin:0 auto; text-indent:-9999px; background: url("../images/zakazat_sait_main.jpg");}
.fs_right .order_site_main:hover{background: url("../images/zakazat_sait_main_hover.jpg");}
.fs_right .adding{padding-bottom:64px; font-size: 12px;line-height:18px;}
.fs_right .possibilities p{line-height:22px; padding-bottom:22px; font-size:14px;}
.flash_site .examples{clear:both; padding-top:45px;}
.flash_site .examples h2{color:#a4c20a; font-size:20px; font-weight:normal; padding-bottom:35px;}
.flash_site .examples .images{text-align:center;}
.flash_site .examples .images table{margin:0 auto; font-size:14px;}
.flash_site .examples .images img{margin:0 45px 15px;}

/* site_creation
---------------------------------------- */
.site_creation{}
.site_creation .items{padding-top:30px; overflow:hidden;}
.site_creation .items .item{float:left; width:420px; margin-right:140px; height:137px;}
.site_creation .items .item .image{float:left; width:177px;}
.site_creation .items .item .text{float:left; width:243px;}
.site_creation .items .item .text .link{font-size:20px; padding:5px 0 13px;}
.site_creation .items .item .text ul{margin-left:19px; line-height:19px;}
.sc_bottom{overflow:hidden; padding-top:23px;}
.sc_bottom h3{font-size:12px; font-weight:bold; padding-bottom:18px;}
.scb_left{float:left; width:425px; margin-right:135px;}
.scb_left p{line-height:18px; padding-bottom:18px;}
.scb_right{float:left; width:420px;}
.scb_right li{line-height:18px; padding-bottom:10px;}

/* rassro4ka
---------------------------------------- */
.conditions{line-height:30px; font-size:14px; padding-bottom:30px; padding-right:100px;}
.conditions ul{margin-left:7px;}
.conditions ul li{background: url("../images/dot.gif") no-repeat left 14px; padding-left:19px;}
.fs_right .order_credit{display:block; width:217px; height:64px; margin:0 auto; text-indent:-9999px; background: url("../images/zakazat_rassro4ka.jpg");}
.fs_right .order_credit:hover{background: url("../images/zakazat_rassro4ka_hover.jpg");}
.fs_right .possibilities p.small_pad{padding-bottom:8px;}

/* raskrutka
---------------------------------------- */
.fs_right .order_promotion{display:block; width:217px; height:64px; margin:0 auto; text-indent:-9999px; background: url("../images/zakazat_raskrutka.jpg");}
.fs_right .order_promotion:hover{background: url("../images/zakazat_raskrutka_hover.jpg");}

/* podderjka
---------------------------------------- */
.fs_left .pricetime span.small{float:left; font-size:11px; font-weight:normal; width:400px; padding:3px 0 1px;}
.fs_right .order_support{display:block; width:217px; height:64px; margin:0 auto; text-indent:-9999px; background: url("../images/zakazat_podderjka.jpg");}
.fs_right .order_support:hover{background: url("../images/zakazat_podderjka_hover.jpg");}
.examples h2.big{font-size:27px; padding-bottom:20px;}

/* Added 2010-03-15 
-----------------------------------------*/
.fs_right .adding {padding-bottom: 30px;}
.robokassa {font:bold 15px Tahoma, Arial, sans-serif; line-height:1.3; padding-bottom:25px;}
.payment_methods {font-size:12px; font-weight:normal; margin-left:6px; overflow:hidden;}
.payment_methods img {margin-right:18px; float:left;}
.payment_methods a {height:33px; display:block; float:left; margin-top:3px; margin-left:4px; padding:5px 0 0 33px; background:  url("../images/other_payments_bg.gif") no-repeat;}

/* Added 2010-03-15 
-----------------------------------------*/
.left_oplatit {float:left; width:475px; margin-right:90px;}
.left_oplatit h1{padding-bottom:30px;font-size:30px;}
.left_oplatit p{line-height:22px; padding-bottom:22px;}
.left_oplatit h2,h3{padding:0px; font-weight:bold;font-size:14px;}
.left_oplatit li{line-height:27px;}
.left_oplatit ul{padding-bottom:30px;}
.right_oplatit {float:left; width:425px;padding-top:65px;}
.right_oplatit p {padding-bottom:35px;}
.left_oplatit p.logo_emoney {padding:0; margin:10px 0 0;}
.logo_emoney img {vertical-align:middle; margin-right:9px;}
.oplatit {display:block; width:313px; height:93px; margin-left:72px; margin-bottom:20px;text-indent:-9999px; background: url("../images/oplatit.jpg");}
.oplatit:hover {background: url("../images/oplatit_hover.jpg");}

/* Added 2010-03-30 */
.butt input {margin-top:10px;}
.container2 .right a h3{font-size:25px; font-weight:normal; padding-bottom:17px; margin-left:30px;}
.container2 .left h3{font-size:25px; font-weight:normal; padding-bottom:17px;}