/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background:#0e3237 url(../images/bgr/line.jpg) repeat-x left top;}
  body#main_page{;background:#0e3237}
/*
  #SomeBox
  {
    position - position [ left , top ] ,
    liquid model - float, clear,
    block modle - display, width, height, margin, padding, overflow,
    visual property - background, border,
    text property - list-style, text-align
   }
*/

/*design*/
  a img{border:0;}

/*navigation*/
a {color:#04a7c5;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }
  form :focus, form a:active { outline:1px dotted;}

/*TAGS*/
  h1 {margin:0 0 20px;padding: 0;font:18px "myriad pro","arial narrow",arial; color:#ffffff;text-transform:uppercase}
  h2 {margin:0 0 20px;padding: 0;font:bold 18px "myriad pro","arial narrow",arial; color:#ff639b;text-transform:uppercase}

  h3 {margin: 0;padding:0;font:16px; margin:0 0 20px;text-decoration:none; color:#666666}
  h4 {margin:0;padding: 0;font:bold 1.6em "Times New Roman";color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:0 0 10px;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0;padding: 10px 20px;}
  img{vertical-align:top}



/*FONT*/
  html {font-size:100%;}
  body {font:14px/1.2 arial, sans; color:#fff}
  table, td, th, ul, textarea, input, select {font: 1em/1.5 Tahoma;}
  .scroll_pane{width:365px;height:146px;float:left}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;overflow:hidden;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}

/*layout*/

  /*=HEADER*/
    #header {position:relative;height:190px;z-index:1000}
    #main_page #header{height:559px;z-index:1000}
    .logo{position:absolute;left:62px;top:66px}
    .phone{color:#92a3a5;padding:5px 0 12px 34px;left:279px;top:15px;background: url(../images/bgr/phone.jpg) no-repeat left top;font-size:18px;position:absolute}
    .phone span{margin-right:12px}

    .icq{color:#92a3a5;padding:2px 0 12px 34px;left:830px;top:18px;background: url(../images/bgr/icq.jpg) no-repeat left top;font-size:18px;position:absolute}

    .main_menu{padding:0;margin:0;position:absolute;left:299px;top:77px;z-index:1000}
    .main_menu li{float:left;list-style-type:none;padding:8px 14px 5px 14px;position:relative}
    .main_menu span{width:14px;height:37px;background: url(../images/bgr/right2.png) no-repeat left top;position:absolute;right:0;top:0}
    .main_menu li.current{background: url(../images/bgr/right.png) no-repeat left top;}
    .main_menu a{color:#fff;font:18px "myriad pro","arial narrow",arial;text-transform:uppercase;text-decoration:none}
    .main_menu ul{padding:0px 0 0 0;margin:0;position:absolute;left:0;top:36px;width:153px;display:none;z-index:1000}
    .main_menu ul li{float:none;height:29px;background: url(../images/bgr/all.png) no-repeat left top;padding:0;margin:0}
    .main_menu ul li.first{background: url(../images/bgr/first.png) no-repeat left top;}
    .main_menu ul li.last{background: url(../images/bgr/last.png) no-repeat left top;height:28px}
    .main_menu ul a{color:#fff;font:12px "myriad pro","arial narrow",arial;text-transform:uppercase;text-decoration:none;position:relative;left:24px;top:4px}

    .service{}
    .active{background: url(../images/bgr/li.png) no-repeat left top;}

    .enter{position:absolute;left:62px;top:160px;width:135px;height:23px;background: url(../images/bgr/enter.png) no-repeat left top;font:11px "myriad pro","arial narrow",arial;text-transform:uppercase;text-align:center;color:#fff;text-decoration:none;padding:8px 0 0 10px}
    .WelcomeUser{
    	font-size: 12px;
    	position: absolute;
    	left: 684px;
    	top: 120px;
    	background:	url("../images/bgr/welocme-back.png") no-repeat scroll left bottom transparent;
    }    
    #main_page .enter{position:absolute;right:11px;left:auto;top:180px;width:135px;height:23px;background: url(../images/bgr/enter.png) no-repeat left top;font:11px "myriad pro","arial narrow",arial;text-transform:uppercase;text-align:center;color:#fff;text-decoration:none;padding:8px 0 0 10px}
    .develop{position:absolute;left:579px;top:216px;}
    .seo{left:510px;top:330px;position:absolute}
    .aid{left:466px;top:437px;position:absolute}

    .about_block{padding:41px 0 0 358px;background: url(../images/bgr/fon2.jpg) no-repeat left top;margin:-41px 0 0 -48px;overflow:hidden;zoom:1}
    .about_block h1{margin:0 0 20px;padding: 0;font:bold 28px "myriad pro","arial narrow",arial; color:#ff639b;text-transform:uppercase}

    .form_block{background: url(../images/bgr/fon3.jpg) no-repeat left 20px;overflow:hidden}
.contacts_{
width:361px;
float:left
}.contact_main-top{width:361px;height:15px; font-size: 1px; line-height:0 ;background: url(../images/bgr/contact-top.png) no-repeat left top;}
    .contact_main{width:361px;background: url(../images/bgr/contact.png) repeat-y left top;}
    .contact_main-bottom{width:361px;font-size: 1px; line-height:0 ;height: 16px ;background: url(../images/bgr/contact-bottom.png) no-repeat left top;float:left}
    .contact_main p{padding:0px 20px 0px;font-size:12px}
    .contact_main a{color:#fff}
  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;width:1004px;margin:0 auto;}
    #main_page #wrapper {background: url(../images/bgr/wrapper.jpg) no-repeat left top;}
    html>body #wrapper {height:auto;}
    #body {padding:0 0 100px 48px;position:relative;z-index:10}
      #main_page #body {padding:0 0 100px;}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col {float: right;width:100%;}
        #main_col_content {margin: 0 0 0 269px;}

        .about_info{float:left;width:401px;margin-left:77px}

        .catalog{padding:40px 0 0 0;margin:0}
        .catalog li{float:left;list-style-type:none;margin:0 11px 13px 0}

        .category{padding:0;margin:0;position:absolute;left:397px;top:11px}
        .category li{list-style-type:none;float:left;margin:0 23px 0 0}
        .category a{padding:0 0 0 12px;background: url(../images/bgr/a.png) no-repeat left 7px;}
        .category a.active{color:#fff;text-decoration:none;background: url(../images/bgr/a2.png) no-repeat left 8px;cursor:default}

        .service_definition{padding:30px 0 0 358px;overflow:hidden;margin:-40px 0 49px -48px;background: url(../images/bgr/fon.jpg) no-repeat left top;}
        .service_definition li{float:left;width:275px;margin-right:35px;margin-bottom:24px;list-style-type:none}
        .service_definition li.clearing{padding:0;margin:0;float:none;width:100%}

        .category_list{padding:160px 0 0 10px;margin:0px 0 31px 222px;overflow:hidden;background: url(../images/bgr/ul.png) no-repeat left bottom;}
        .category_list li{float:left;list-style-type:none;width:115px;height:30px;text-align:center}
        .category_list li.current{background: url(../images/bgr/li2.png) no-repeat left top;}
        .category_list a{color:#ff639b;text-decoration:none;font:12px arial;position:relative;top:4px}
        .category_list li.current a{color:#fff}

        .samples{padding:0;margin:0 0 0 15px;overflow:hidden}
        .samples li{float:left;list-style-type:none;text-align:center;margin:0 28px 24px 0}
        .samples img{margin-bottom:5px}
        .samples a{color:#fff;font:12px arial}

        .img_block{float:left;width:316px;}
        .preview{margin:22px 28px 22px 0}

        .definition_company{float:left;width:456px;font-size:12px}
        .link_site{float:right;color:#fff;margin:10px 0 0 0}

        .img_table{width:865px;margin:0 0 0 20px;}
        .img_table td{height:109px;vertical-align:middle;border-bottom:1px solid #25484d;border-right:1px solid #25484d;text-align:center}
        .img_table td.four_td{border-right:none}
        .img_table .last_tr td{border-bottom:none}
  /*=SIDEBAR*/
    #sidebar {float: left;width: 269px;margin: 0 -269px 0 0;}

  /*=FOOTER*/
    #footer {position:absolute; bottom:0px;clear:both;width:887px;;height:83px;background: url(../images/bgr/footer.png) no-repeat left top;left:60px;}
    .copyright{position:absolute;left:21px;top:14px}
    .myhost{position:absolute;right:49px;top:14px}

/*form*/
  .field {clear:both;padding:0;margin:0 0 20px;padding:0 0 0 215px;}
    .field:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .field dt {position:relative;left:-215px;float:left;width:200px;text-align:right;margin:0 -200px 0 0;}
      .field dt label {margin:0;}
    .field dd {float:left;}
  label {margin:0 15px 0 0;white-space:nowrap}
  select{border:solid 1px #A5ACB2;width:248px;height:1.8em;}
  /*textarea{background: url(../images/bgr/textarea.png) no-repeat left top;padding:10px 5px;width:205px;height:62px;border:none}*/
  .form_buttons {margin:0 0 0 215px;}
  .feedback_form{margin-left:42px;float:left;}
  .feedback_form label{margin:0 0 0 7px;font-size:11px;text-transform:uppercase}
  .feedback_form dt{margin:0 0 7px}
  .feedback_form dl{margin:0 0 10px}
  .input{background: url(../images/bgr/input.png) no-repeat left top;width:205px;padding:10px 5px;border:none}
  fieldset{padding:0;margin:0;border:none}

   .jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom:25px;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
 background: url(../images/button/track.png) repeat-y left top;
}
.jScrollPaneDrag {
  position: absolute;
  background: url(../images/button/drag.png) no-repeat left top;
  cursor: pointer;
  overflow: hidden;
  height:36px;
  left:2px
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 0px;
  height:0px;background: url(../images/button/up.png) no-repeat left top;
}
a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 0px;
  height:0px;background: url(../images/button/down.png) no-repeat left top;
}


#projects {
  height:380px;
  background-image: url(../images/bgr/projects.png);
  background-repeat: no-repeat;
  margin-top:30px;position:relative
}

#mycarousel {
  position:relative;
  top:45px;
  left:157px;
}













.error-ico{
   
    background:url("../images/bgr/input-err.png") no-repeat scroll left top transparent;
}
TEXTAREA.error-ico{

 background:url("../images/bgr/textarea-err.png") no-repeat scroll left top transparent;
}
.thanks {
    color:black;
    display:none;
    font-size:16px;
    left:-12px;
    position:absolute !important;
    top:0;
}

#ajax_container_order {
    position:relative;
}

.ajax-form{
    background: url("../images/ajax-loader.gif") no-repeat 50% 50%;
}



#header.portfolio{
	margin-top: -70px;
	height: auto;
}


#header.portfolio .category_list{
	padding-top: 0px;
}

.pnavigator {
	padding: 10px 0;
	text-align: center;
}
.pnavigator  A{
	margin: 0 5px;
}
.pnavigator  A.pactive{
	font-weight: bold;
	text-decoration: none;
}

/*calculator banner*/
#ak_banner{margin:40px 0 60px 0; font-size:0; line-height:0; position:relative;}
#ak_banner img{border:none; width:773px; height:388px;}
#ak_banner img#akcii_under{cursor:pointer; display:block; position:absolute; left:0; top:0;}

/*calculator tabs*/
div.tabs .category_list{
	padding: 0px;
	margin: 0px;
}

div.tabs .category_list li.current{
	background: url("../images/bgr/li3.png") no-repeat scroll left top transparent;
}
div.tabs .tlist{
	background:#0E3237;
}

div.tabs .tlist H3 P{
	color: #FFFFFF;
}
div.tabs{margin-top:20px; background:/*background:#E3EBEC url(/img/line_bg.gif) repeat-x scroll left top; position:relative;*/}
ul.tabNavigation{list-style:none; margin:0; padding:0 0 2px 0;}
ul.tabNavigation li{display:inline;}
ul.tabNavigation li a{padding:2px 9px; text-decoration:none; background:#DEE7E9; border:1px solid #DFE3EB; border-color: #C3CFD9 #C3CFD9 #DFE3EB;}
ul.tabNavigation li a.selected, ul.tabNavigation li a.selected:hover{background:#fff; border-bottom:0; padding-bottom:3px;}
div.tabs div h2{padding:0 0 0 10px;}
div#first, div#second, div#third, div#fourth{border:1px solid #ccc; padding:0 0 10px 0; border-color:#DFE3EB #C3CFD9 #C3CFD9;}
.calc_border{border:none;}

.tabs #rel_bl, .tabs #rel_tr, .tabs #rel_br{position:absolute; font-size:0; width:20px; height:20px; display:block !important;}
.tabs #rel_bl{background:transparent url(/img/line_lb.gif) no-repeat left bottom; bottom:0; left:0;}
.tabs #rel_tr{background:transparent url(/img/line_rt.gif) no-repeat right top; top:18px; right:0;}
.tabs #rel_br{background:transparent url(/img/line_rb.gif) no-repeat right bottom; bottom:0; right:0;}
.tabs li#approximate input{font-size:12px; font-weight:bold; border:none; color:#3E78C5; padding:0;}
.tabs li#approximate{padding:0 0 2px 20px;}
.tabs label{cursor:pointer;}
.tabs a.calc_click{font-style:italic;}

.rel{position:relative; padding:5px 110px 5px 40px;}
.rel.dependent{ position:relative; padding:5px 110px 5px 80px;}
.rel:hover{background:#164F56;cursor: pointer;}
.rel .calc_input{position:absolute; left:10px; top:5px; width:20px; height:20px;}
.rel .calc_price{position:absolute; right:10px; top:7px; width:100px; white-space:nowrap; font-size:15px; color:#3E78C5; font-weight:bold; text-align:center; line-height:15px;}
.rel.dependent .calc_price{right:-100px;}
#content .rel h3{margin:0 0 3px 0; font-weight:normal; font-style:normal; color:#666;}
#content .rel h2{color:#000;}
.rel p{margin:0 0 8px 0; padding:0;}
.rel p.calc_click{cursor:pointer; color:#3E78C5;}
.rel .calc_mdescr{padding:8px 0 0 0;}
.rel_hover {background:#D8E4E6;}

.hide{display:none;}
.show{display:block;}

.calc_border{border:1px solid #ccc;}

p.incomment{text-align:justify;}
p.incomment strong{font-weight:normal;}

#spets_calc{background:; color: #FFFFFF; padding:40px 40px 40px 188px; margin:40px 0 0 0;}
#spets_calc a, #spets_calc a span{height:50px; display:block;}
#spets_calc a{background:url(/img/sp_bg.jpg) left top repeat-x; line-height:50px; text-decoration:none; color:#fff; font-size:30px; width:330px; text-align:center; margin:20px 0 0 0;}
#spets_calc a span{background:url(/img/sp_lc.jpg) left top no-repeat;}
#spets_calc a span span{background:url(/img/sp_rc.jpg) right top no-repeat;}

/*order call*/
#call_order{position:relative; height:110px; padding:30px 0 30px 18px; text-align:center; background:#fff; z-index:1;}
#call_order img{border:none;}
#call_order a:hover{text-decoration:none;}
#callform{position:absolute; left:0; top:0;}
#call_order .hidden div{display:none;}
#callform.hidden .hide_phone{display:none;}
#call_order .hide_phone{position:absolute; left:71px; top:-58px; width:394px; z-index:1000; z-index:1;}
#call_order .hide_phone div{float:none; clear:both;}
#call_order .hide_phone .ph_middle div span{font-size:150%; font-weight:bold; color:#3E78C5; vertical-align:-3px;}
#call_order .hide_phone div p{margin:15px 0 0 0; padding:0; text-indent:-13px;}
#call_order .close_tab{width:47px; height:22px; position:absolute; left:390px; top:-43px; z-index:1;}
#call_order .close_tab a{border-bottom:1px dashed; text-decoration:none;}
#call_order .close_tab a:hover{border-color:#fff;}
#call_order .ph_top{background:url(/images/ph_top.png) left bottom no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ph_top.png', sizingMethod='scale'); height:16px; font-size:0;}
#call_order .ph_middle{text-align:left; background:url(/images/ph_middle.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ph_middle.png', sizingMethod='scale'); padding:0 20px 10px 20px; _height:100px; _width:350px; position:relative;}
#call_order .ph_bottom{background:url(/images/ph_bottom.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ph_bottom.png', sizingMethod='scale'); height:19px; font-size:0;}
#call_order  table{width:354px; margin:20px 0 0 0;}
#call_order td{padding:10px 0 0 0;}
#call_order .inp_field{width:100%;}
#call_order .inp_field input{width:285px; border:1px solid #d3dbe2;}
/*calculator tabs end*/

.rel h3 p{
	font-size: 14px;
	}
.calc_mdescr, #spets_calc {
	
	}	
 #calc_order_tb SPAN {
 	color: red;
 }	
.textarea{background: url(../images/bgr/textarea.png) no-repeat left top;padding:10px 5px;width:205px;height:62px;border:none}



/* New CSS */
.CatalogLeft {
	float: right;
	width: 219px;
	} 
.CatalogLeft ul.catalog li 	{
	float: none;
	}
.AfterLogin {
	margin-right: 219px;
	}
.WelcomeContainer {
	background: url('../images/bgr/welocme-back.png') top left no-repeat;
	}
.WelcomeContainer p, .ChatContainer .WelcomeContainer p {
	color: #FFFFFF;
	padding: 0px 0px 7px 20px;
	font-size: 12px;
	}
.ProjectsContainer {
	padding-left: 20px;
	}
	
.ProjectsContainer p, .newMess, .newMess a {
	padding-top: 30px;
	color: #ff639b;
	font-family: Arial;
	font-size: 12px;
	}
.ProjectsContainer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
.ProjectsContainer ul  li a {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	}
.ProjectsContainer ul  li a.current-project {
	color: #ff639b;
	}
.ProjectsContainer td {
	vertical-align:middle;
	padding: 0px 5px 5px 0px;
	} 
.ProjectsContainer td a {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	}
.ChatContainer {
	padding-right: 150px;
	}	
.ChatContainer p {
	color: #ff639b;
	font-family: Arial;
	font-size: 12px;
	padding: 13px 0px 13px 6px;
	}
.ChatContainer table {
	margin: 12px 0px 20px 0px;
	}
.ChatContainer table td {
	padding-right: 16px;
	}	
.ChatContainer table p {
	padding-top: 0;
	padding-bottom: 0;
	}
.ChatContainer table p  span {
	color: #FFFFFF;
	}
a.bugs.docx,
a.bugs.doc{
	background-image: url('../images/ico_doc.gif');

}
a.bugs.xlsx,
a.bugs.xls{
	background-image: url('../images/ico_xls.gif');

}
a.bugs.rar{
	background-image: url('../images/rar_32.png');

}
a.bugs.pdf{
	background-image: url('../images/ico_pdf.gif');

}
a.bugs.swf{
	background-image: url('../images/ico_swf.gif');

}
a.bugs.txt{
	background-image: url('../images/ico_txt.gif');

}
  a.bugs {
	background-image: url('../images/ico_dowload.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 10px 0px 10px 40px;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 5px;
	display: block;
	}
.ChatContainer table td  a.bugs span {
	text-decoration: underline;
	}
.ChatContainer table td  a.bugs span:hover {	
	text-decoration: none;
	
	} 	
 
 
 
 .PageTitle UL,
 .PageTitle  UL LI{
	float: left;
	list-style: none;
 }
 .PageTitle  UL LI{
	padding-right: 10px;
 }
 
 .clear{
	clear: both;
 }
 
 
 .login-form TD{
	padding-bottom: 10px;
	padding-right: 10px;
 }
 .sendMessage{
 	margin-bottom: 20px;
 }
.sendMessage textarea{
	width: 485px;
	height: 80px;
	margin-bottom: 10px;
	}
.WelcomeContainer p.order {
	color: #00CC00;
	}	
.InfoPr{
	margin-top: 15px;
	}
.InfoPr span{
	margin-left: 20px;
	}
.InfoPr a{
	color: #FF639B;
    font-family: Arial;
    font-size: 12px;
	}	


	.first-ice,
	.second-ice,
	.third-ice,
	.fourth-ice{
		display: none;
	}