html {
  height: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  background:white;font-family:Arial;font-size: 16px;color:black;
  height: 100%;
}
*html body {
  behavior:url("csshover.htc");
}
*html img, *html div, *html input, *html span, *html a { behavior: url("iepngfix.htc") }
a {
  cursor: pointer;
  color: #0089e9;
  outline: none;
}
a:hover {
  text-decoration: none;
}

table {
  margin: 0px;
  padding: 0px;
  border: none;
  border-collapse: collapse;
}
td {
  padding: 0px;
}
img {
  margin: 0px;
  padding: 0px;
  border: none;
}
p {
  margin: 0px;
  padding: 0px;
  margin-bottom: 16px;
  line-height: 130%;
}
h1 {
  margin: 0px;
  padding: 0px;
  font-size: 28px;
  font-family: Arial;
  margin-bottom: 8px;
  color: #000000;
}
h2 {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  font-family: Arial;
  margin-bottom: 4px;
  color: #000000;
  font-weight: normal;
}
.a_img:hover img, .fsend:hover, .last_work a:hover, .hhh_left a:hover img, .remember:hover, .nbanner:hover    {
  opacity: 0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#wrap {
  text-align: center;
}
.container {
  width: 1000px;
  padding-top: 207px;
  //padding-top: 187px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: url(images/container_bg.jpg) no-repeat top left;
}
.inner_container {
  background: url(images/inner_container.jpg) no-repeat top left;
}
.inner_left {
  width: 660px;
  padding-right: 20px;
  padding-left: 59px;
  float: left;
}
.rul2 {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 13px;
  margin-bottom: 40px;
}


.rul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 13px;
}
.rul li {
  margin-bottom: 5px;
}                    
.rul a {
  color: #888888;
}


.bottom {
height: 95px;
margin-top: 30px;
font-size: 12px;
font-family: Arial;
background-color: transparent;
background-image: url("images/bottom.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
padding-top: 23px;
line-height: 14px;
}

.td1{float: left;width:225px;margin-left:60px;}
.td2{float: left;width:330px;}
.td3{float: left;width:200px;}
.humor{display: block;width:200px;height:65px;text-decoration: none;cursor: hand; position: relative; margin-top: -12px;}
.h10_text{color: #888888;font-style: italic;display: block;position: absolute;text-align: right;width:125px;}
.h10_href{display: block;position: absolute;margin-top:15px;text-align: right;width:125px;text-decoration: underline;}
.h10_href b{color: #dc4444;font-weight: normal;text-decoration: underline;}
.h10_img{display: block;position: absolute;width:65px;height:65px;background: url(images/10.jpg) no-repeat;margin-left:130px;}
.humor:hover .h10_href{text-decoration: none;}
.humor:hover .h10_href b{text-decoration: none;}
.humor:hover .h10_img{opacity: 0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);cursor: hand;}
.menu {
  width: 350px;
  padding-left: 15px;
  padding-top: 126px;
  height: 41px;
  position: absolute;
  top: 34px;
  left: 34px;
  font-size: 11px;
  color: #ffffff;
   font-weight: bold;
   font-family: Arial;
}
.menu_online {
  background: url(images/top_online.jpg) no-repeat top left;
  font-family: Arial;
}
.menu_clients {
  background: url(images/top_clients.jpg) no-repeat top left;
  font-family: Arial;
}
.menu_portfolio {
  background: url(images/top_portoflio.jpg) no-repeat top left;
  font-family: Arial;
}
.menu_contacts {
  background: url(images/top_contacts.jpg) no-repeat top left;
  font-family: Arial;
}
.menu_home {
  background: url(images/top_home.jpg) no-repeat top left;
  font-family: Arial;
}
.menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.menu li {
  float: left;
  margin-right: 17px;
}
.menu a {
  color: #ffffff;
  font-weight: normal;
}
.onl_text {
  padding-left: 58px;
  line-height: 130%;
  font-size: 16px;
  margin-bottom: 23px;
  color: #7c4d64;
  font-family: Arial;
}
.clients_text {
  color: #3a8891;
  padding-left: 58px;
  line-height: 130%;
  font-size: 16px;
  margin-bottom: 23px;
  font-family: Arial;
}
.portfolio_text {
  color: #45973d;
  padding-left: 58px;
  line-height: 130%;
  font-size: 16px;
  margin-bottom: 8px;
  font-family: Arial;
}
.contacts_text {
  color: #586f63;
  padding-left: 58px;
  line-height: 130%;
  font-size: 16px;
  font-family: Arial;
  margin-bottom: 8px;
}
.home_text {
  color: #8f493a;
  padding-left: 58px;
  line-height: 130%;
  font-size: 16px;
  margin-bottom: 63px;
  font-family: Arial;
}
.form_head  {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
  padding-left: 57px;
  
}
.bot_goa .form_head {
  padding-left: 0px;
  margin-bottom: 16px;
}

.easy{
  display: none;
}

.form_head input {
  position: absolute;
  top: 9px;
  //top: 3px;
  left: 37px;
  margin: 0px;
  padding: 0px;
}
*html .form_head input {
  left: -20px;
}


.ctm_form td {
  vertical-align: top;
}


.form_border {
  height: 42px;
  background: url(images/form_bottom.gif) no-repeat top left;
  clear: both;
}
.col_head {
  font-size: 14px;
  margin-bottom: 6px;
}
.bot_goa .col_head {
  margin-bottom: 8px;
}


.chkb {
  margin: 0xp;
  padding: 0px;
  float: left;

}
.chkb_l {
  font-size: 11px;
  padding-top: 3px;
  //padding-top: 2px;
  padding-left: 4px;
  float: left;
}

.f1 .chkb_l {
  width: 180px;
  float: left;
}
.f1 p {
  margin: 0px;
  padding: 0px;
  margin-bottom: 11px;
}


.chkb_r {
  clear: both;
  height: 1px;
}
.h40 {
  height: 40px;
}
.budg {
  border-top: 3px solid #000000;
  padding-top: 11px;
  width: 232px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 12px;
}
.budg p {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  margin-bottom: 8px;
}
.bud_input {
  width: 70px;
  height: 20px;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  background: url(images/bud_input.gif) no-repeat top right;
  border: none;
}
.budg label {
  font-size: 12px;
  font-style: italic;
  padding-left: 5px;
  padding-top: 4px;
}
.url_input {
  width: 289px;
  height: 38px;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  background: url(images/input_url.gif) no-repeat top right;
  border: none;
  font-size: 20px;
}
.inp_podp {
  font-size: 11px;
  color: #a6a6a6;
  font-style: italic;
  line-height: 130%;
  margin-bottom: 71px;
  padding-top: 4px;
}
.area1 {
  width: 422px;
  height: 130px;
  background: url(images/area1.gif) no-repeat top left;
  border: none;
}
.area_podp {
  font-size: 11px;
  color: #a6a6a6;
  font-style: italic;
  line-height: 130%;
  margin-bottom: 20px;
}
.bot_goa {
  height: 491px;
  padding-top: 53px;
  padding-left: 58px;
  background: url(images/bot_form_block.jpg) no-repeat top left;
  position: relative;
}
.bot_goa td {
  vertical-align: top;

  width: 265px;
  padding-bottom: 18px;
}


.col_head span {
  color: #ff0000;
}
.input2 {
  width: 235px;
  height: 24px;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  background: url(images/input2.gif) no-repeat top right;
  border: none;
}
.bi_podp {
  font-size: 11px;
  color: #a6a6a6;
  font-style: italic;
  line-height: 130%;
  padding-top: 5px;
}
.fsend {
  width: 910px;
  height: 60px;
  background: url(images/send.jpg) no-repeat top left;
  position: absolute;
  top: 403px;
  left: 38px;
}
.fsend_no {
  width: 910px;
  height: 60px;
  background: url(images/send_no.jpg) no-repeat top left;
  position: absolute;
  top: 403px;
  left: 38px;
}
.fsend_text {
  display: none;
}
.fsend_text, .fsend_text_no {
  position: absolute;
  top: 479px;
  left: 0px;
  width: 1000px;
  text-align: center;
  line-height: 150%;
  font-size: 11px;
  color: #a6a6a6;
}

.padding{height:123px;}
.padding2{height:23px;}
* html .padding{height:160px;}
.icon{display: block;width:210px;height:200px;text-decoration: none;}
* html .icon{height:195px;}
*+ html .icon{height:195px;}
.pdf_img{display: block;height:148px;background: url(images/pdf.jpg) no-repeat 0 27px;}
* html .pdf_img{height:138px;}
*+ html .pdf_img{height:138px;}
.order_img{display: block;height:148px;background: url(images/order.jpg) no-repeat 30px 20px;}
* html .order_img{height:138px;}
*+ html .order_img{height:138px;}

.order_img_black {display: block;height:148px;background: url(images/order_black.jpg) no-repeat 30px 20px;}
* html .order_img_black{height:138px;}
*+ html .order_img_black{height:138px;}


.demo_img{display: block;height:148px;background: url(images/demo.jpg) no-repeat 35px 60px;}
* html .demo_img{height:138px;}
*+ html .demo_img{height:138px;}
.icon_href{font-size: 12px;text-decoration: underline;color: #0055c2;margin-left:35px;display: block; font-weight: bold; padding-left: 3px;}
.icon_desc{color: #4c617c;font-style: italic;font-size: 12px;letter-spacing: -1px;display: block;margin-left:35px;margin-right:15px; display: block; padding-top: 5px; padding-left: 3px;}
.icon:hover .icon_img{opacity: 0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);cursor: hand;}
.icon:hover .icon_href{text-decoration: none;}

hr.line{border: 0px;height:1px;background: #d8dce2;margin-left:35px;margin-right:25px;margin-bottom:17px;width:160px;float: left;}
* html hr.line{display: none;}
* + html hr.line{display: none;}
.icons{margin-left:-35px;}
.icons .icon{margin-right:15px;}
.float {
  float: left;
}
.totop{margin-top:-95px; position: relative; z-index: 100;}
.clear {
  clear: both; height: 1px; overflow: hidden;
}
.work{width:203px;height:203px;border: 1px solid #d8dce2;display: block;text-decoration: none;font-size: 13px;float: left;margin-right: 20px;margin-bottom: 20px;}
.work_img{display: block;margin-left:2px;margin-top:2px;}
.work_name{margin-left:10px;display: block;color: #586c85;margin-bottom: 1px;margin-top: 10px;font-size: 14px;}
.work_href{margin-left:10px;text-decoration: underline;font-size: 11px; font-family: Georgia;}
.work:hover{border:1px solid #4c88d4;}
.work:hover .work_href{text-decoration:none;}



.contacts_left {
  width: 216px;
  font-family: Arial;
  font-size: 14px;
  padding-left: 54px;
  float: left;
}
.contacts_left p  {
  margin: 0px;
  padding: 0px;
  margin-bottom: 11px;
  line-height: 145%;
}
.contacts_left .pcnt {
  padding: 0px;
  background: #e5f7ed;
  padding-top: 11px;
  padding-bottom: 6px;
  padding-left: 11px;
  padding-right: 0px;
  font-size: 12px;
}


.contcts_right {
  width: 692px;
  font-family: Arial;
  font-size: 14px;
  float: right;
}

.last_w {
  color: #7f7f7f;
  padding-left: 60px;
  font-weight: bold;
  margin-bottom: 1px;
}
.last_w2    {
  font-size: 11px;
  color: #7f7f7f;
  padding-left: 60px;
  margin-bottom: 466px;
/*  margin-bottom: 10px;  */
}
.last_work {
   position: absolute;
  top: 419px;
  left: 53px;
  z-index: 100;
}
.ht1 {
  position: absolute;
  top: 828px;
  top: 843px;
  left: 58px;
}
.lp1 {
  width: 360px;
  padding-left: 58px;
  margin-bottom: 17px;
  line-height: 120%;
}
.hcenter_col {
  width: 229px;
  float: left;

}
.hright_col {
  width: 260px;
  overflow: hidden;
  float: right;
}
.inner_container  .hright_col {
  padding-top: 90px;
  color: #666666;
  padding-left: 20px;
  width: 240px;
}


.hright_col p {
  line-height: 120%;
}


.hright_col hr{border: 0px;height:1px;background: #d8dce2;margin-left:-35px;margin-right:60px;margin-bottom:0px;-background:white;}

.hcul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  line-height: 140%;
  margin-left: 11px;
  font-size: 11px;
}
.hcul li {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.hcul .li_end {
  border: none;
}
.krome_t {
  width: 219px;
  padding-left: 10px;
  padding-top: 66px;
  padding-bottom: 19px;
  margin-bottom: 17px;
  background: url(images/krome_t.gif) no-repeat top left #1a58a8;
  line-height: 160%;
  position: relative;
  margin-top: -5px;
}
.krome_t a {
  color: #ffffff;
}

.hright_col .icon {
  position: relative;
  margin-left: -35px;
  margin-bottom: 0px;
}
.hright_col .demo_img{display: block;height:118px;background: url(images/demo.jpg) no-repeat 35px 30px;}
.hright_col * html .demo_img{height:108px;}
.hright_col *+ html .demo_img{height:108px;}
.hright_col .order_img{display: block;height:133px;background: url(images/order.jpg) no-repeat 30px 5px;}
.hright_col * html .order_img{height:123px;}
.hright_col *+ html .order_img{height:123px;}
.hbg {
 background: url(images/home_container.jpg) no-repeat top left;
}
.vtopd {
  width: 219px;
  height: 79px;
  padding-left: 10px;
  padding-top: 130px;
  line-height: 120%;
  margin-bottom: 26px;
  background: url(images/vtopd.jpg) no-repeat top left;
}


.vtopd2 {
  width: 219px;
  height: 79px;
  padding-left: 10px;
  padding-top: 130px;
  line-height: 120%;
  margin-bottom: 26px;
  background: url(images/vtopd2.jpg) no-repeat top left;
  font-size: 14px;
}



.small{font-size:13px;color:#8a8a8a; padding-left: 58px; width: 641px; float: left;}
.small_r { width: 257px; float: right; }


#seoh {font-size:16px; color:#8a8a8a;}
#create_site a {color:#8a8a8a;}
h2{margin:15px 0px 10px;font-weight: normal;font-size:20px;color:#3b424c;letter-spacing: -1px;}
#block2{display: none;}
#block3{display: none;}

.blocks{}
.block_a{color:#8a8a8a;text-decoration: none;}

.order_img_black_text {
  color: #4c617c;
  text-decoration: none;
}

.logo_c {
    width: 162px;
  height: 86px;
  position: absolute;
  top: 52px;
  left: 50px;
}




.slo_pro {
  width: 374px;
  height: 56px;
  padding-left: 58px;
  margin-bottom: 20px;
}
.slo {
  background: url(images/slo.gif) no-repeat top left;
  text-align: right;
    display: none;
}
.pro {
  background: url(images/pro.gif) no-repeat top right;

}
.form_type1 {
  display: none;
}


.bot_goa2 {
  height: 192px;
  padding-top: 53px;
  padding-left: 58px;
  background: url(images/bot_form_block2.gif) no-repeat top left;
  position: relative;
}
.bot_goa2 .fsend,.bot_goa2 .fsend_no {  top: 49px;}


.bot_goa2 .fsend_text, .bot_goa2 .fsend_text_no  { top: 127px; }





.bot_goa3 {
  height: 395px;
  padding-top: 53px;
  padding-left: 58px;
  background: url(images/bot_form_block4.jpg) no-repeat top left;
  position: relative;
}
.bot_goa3 td {
  vertical-align: top;

  width: 265px;
  padding-bottom: 18px;
}
.bot_goa3 .fsend,.bot_goa3 .fsend_no {  top: 307px;}
.bot_goa3 .fsend_text, .bot_goa3 .fsend_text_no  {   topcc: 383px;  }




.hleft { width: 709px; float: left;font-size: 14px;  padding-top: 33px;}
.hright { width: 263px; float: right; padding-top: 104px;font-size: 14px; }
.box { margin-bottom: 25px; padding-left: 54px; width: 654px; padding-top: 110px; height: 360px; background: url(images/box.jpg) no-repeat top left; }
.hh_head {font-size: 22px; color: #3b424c; margin-bottom: 14px; }
.uusl_ul   { margin: 0px; padding: 0px; list-style: none; margin-bottom: 46px;}
.uusl_ul li  {font-weight: bold; font-size: 12px; color: #3b424c; margin-bottom: 10px;}

.box_head { font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.box p { width: 220px; margin-bottom: 5px; line-height: 145%; }


.uzn_s { margin-left: 23px; text-decoration: none; color: #009900; font-size: 11px; font-style: italic;}
.uzn_s span {text-decoration: underline;}
.uzn_s:hover span {text-decoration: none;}
.uzn_s img { vertical-align: middle;}

.hhh_left {
  width: 419px;
  height: 525px;

  padding-left: 48px;
  background: url(images/hhh_left.jpg) no-repeat top left;
  position: relative;
  float: left;
}
.last_v {
  color: #7f7f7f;
  font-weight: bold;
  margin-bottom: 1px;
  padding-left: 5px;
}
.last_v2    {
  font-size: 11px;
  color: #7f7f7f;
  padding-left: 5px;
  margin-bottom: 466px;
  margin-bottom: 20px;
}
.hhh_right {
  width: 222px;
  padding-right: 7px;
  position: relative;
  overflow: hidden;
  float: left;
}
.hright .vtopd2 { position: relative; margin-left: -6px; }



.rash { margin-top: -43px; margin-bottom: 20px; width: 228px; height: 257px; position: relative; background: url(images/rash.jpg) no-repeat top left; }
.send_resume { display: block; width: 197px; height: 27px; position: relative; background: url(images/send_rezume.gif) no-repeat top left; position: absolute; top: 168px; left: 0px; }
.send_resume:hover {   opacity: 0.9;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);  }

.seo_lnk {  color: #000000; text-decoration: underline; }
.seo_lnk div {   text-decoration: underline; }
.seo_lnk:hover div {  text-decoration: none; }



.remember {
  width: 230px;
  height: 247px;
  background: url(images/akciya.jpg) no-repeat top left;
 margin-bottom: 22px;
 display: block;
 margin-top:-39px;
 position: relative;
}

.nbanner {
  width: 229px;
  height: 242px;
  background: url(images/nbanner.jpg) no-repeat top left;
 margin-bottom: 22px;
 display: block;
 margin-top:-39px;
 position: relative;
}




.tov_sc { position: absolute;   top: 419px; top: 364px;  left: 53px;  z-index: 100; }

.scrollable {  	position:relative;	overflow:hidden;	width: 389px;	height:425px;	 }
.scrollable .items {	width:20000em;	position:absolute;	clear:both; }
.items div { 	float:left;	width:389px; height: 425px; }
.scrollable .active { 	border:2px solid #000;  	position:relative; 	cursor:default; }
a.browse { 	display:block;	width:28px;	height:36px;    position: absolute;    top: 122px;	cursor:pointer;font-size:1px; }
a.right 				{ background: url(images/right.jpg) no-repeat top left; left: -34px;}
a.right:hover, a.right:active, a.left:hover, a.left:active  		{  opacity: 0.6;     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); }
a.left				{ background: url(images/left.jpg) no-repeat top left; left: 454px; }
/* up and down */
a.up, a.down		{  	background: #ff0000;	float: none;	margin: 10px 50px;   }
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; }
a.disabled {  	visibility:hidden !important;    }
.navi {  position: absolute; top: 381px; top: 436px; left: 165px; }
.navi a { 	width:16px;	height: 17px;	float:left;	margin-right: 10px;	background: url(images/sl1.gif) no-repeat top left;	display:block;	font-size:1px; }
.navi a:hover, .navi a.active  { background: url(images/sl2.gif) no-repeat top left; }


.nlast_w { display: block; font-size: 11px;   line-height: 14px; height: 45px; overflow: hidden;  color: #7f7f7f;     margin-bottom: 10px;}
.nlast_w span { font-size: 16px; line-height: 16px;  font-weight: bold; }
.nlast_w2    {  font-size: 11px;  color: #7f7f7f;  padding-left: 60px;  margin-bottom: 466px; }


.i {
  width: px;
  height: px;
  position: absolute;
  top: px;
  left: px;
}