/* CSS Document */

/**
*  General stuff
*/

.png {
  behavior: url('../img/iepngfix/iepngfix.htc');  
}

body {	
    background: url('../img/top_bg.jpg') top left repeat-x #F3F1EB;
}
* { margin:0px;padding:0px;border:0; }
.clr, .clear {clear:both; font-size:1px; line-height:1px;}
a {text-decoration: underline;color:#4FA4E0;}
a:link      { color:#4FA4E0; }
a:visited 	{ color:#96C80F; }
a:hover     { color:#F18F00; }
a:active  	{ color:#c16F00; }
a.nounderline, .nounderline a{text-decoration: none;}

p {text-indent: 20px;  margin: 5px 3px 4px 3px;}
.noindent{text-indent: 0px;}
li {margin: 5px 0;}
p, li {font-size: 13px; line-height: 17px; }



ul { padding: 0px; margin: 8px 8px 8px 20px; }

h1 { font-size: 1.8em; font-family: Century Gothic, Arial; }
h2 { font-size: 1.7em; font-family: Century Gothic, Arial; }
	h2 a { border: 0px; text-decoration: none; }
h3 { font-size: 1.2em; font-family: Century Gothic, Arial; line-height:1.3em}
	
a.nonlink { text-decoration: none; border-bottom: 1px dashed; }

.main{
  background: url('../img/top_bg.jpg') top left repeat-x;
  margin:0 auto;
  font-family:Arial;
  font-size:12px;
  color:#767676;
  position:relative;
  min-width:999px;  
}
	.top{ width:965px;margin:0 auto;position:relative;}
		#lang_switcher{
			position:absolute;
			top:0;
			right:10px;
			width:64px;
			height:21px;
			line-height:21px;
			text-align:center;
		}
			#lang_switcher span{
				display:inline;
				float:left;
				width:50%;
			}
				#lang_switcher span.rus{background: #ECECEC url('../img/lang_rus_bg_bl.gif') bottom left no-repeat;}
				#lang_switcher span.eng{background: #F39400 url('../img/lang_eng_bg_br.gif') bottom right no-repeat;}
					#lang_switcher span.eng a{color: white; text-decoration: none;}
					#lang_switcher span.eng a:hover{text-decoration: underline;}
			
			
			
		.logo{ width:150px;height:115px; }
			.logo img{margin:33px 0 0 50px;}
		#menu{width:631px;height:110px;position:absolute;right:0;bottom:0;background:url('../img/menu_bg.jpg') no-repeat right; padding-right:40px;}

			#nav, #nav ul {padding: 0;	margin:42px 10px 0px 105px; list-style: none; }
			#nav a {display: block;  text-decoration:none; height:40px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; outline:none;}
			#nav a  span{display: block;  height:40px; padding:5px 8px 3px 8px; }
			#nav ul li ul {display: block; }
			#nav li {float: left; margin:0 0 0 11px; font-size:14px;}
			#nav li ul li{margin-left:20px; }
			#nav li a .menu_item{ 
				height:24px; 
			}
			
			#nav a {
				white-space:nowrap;
			}



			#nav li ul {position: absolute;	left: -999em; margin:0; background:url('../img/active_submenu_bg.gif') no-repeat top left;}
				#nav li ul.company {width:550px;}
				#nav li ul.services{width:550px;}
			#nav ul li ul{float:left; margin-left:50px;}
			#nav ul li ul a{font-size:12px; margin:0; padding:0; }
			#nav ul li ul a{font-size:12px; margin:0; padding:0; }

			#menu  #nav  li ul a {margin:5px 0 0 0; padding:0; background:none; text-transform:none; font-weight:normal;}
			#menu  #nav  li ul a span{margin:0; padding:0;background:none;}
			#menu  #nav  li ul a span span{margin:0; padding:2px 7px 0 7px;background:none; color:#FFFFFF;}
			
	
			
			
			#nav .menu_item_active:hover ul{left: 80px; z-index:1; background:url('../img/active_submenu_bg.gif') no-repeat top left;}
			#nav .menu_item_active ul{left: 80px; z-index:1; }
			#nav li:hover ul, #nav li.sfhover ul {left: 80px; z-index:2; background:url('../img/submenu_bg.gif') no-repeat top left;}
			#nav li.menu_item_active ul { background:url('../img/active_submenu_bg.gif') no-repeat top left;}
/* All */

			#nav li a:hover, #nav .menu_item_active a{background:url('../img/menu_hover_left.jpg') no-repeat left top; color:#f29000; cursor:pointer;}
			#nav li a:hover span, #nav .menu_item_active a span{background:url('../img/menu_hover_right.jpg') no-repeat right top; cursor:pointer;}

			#menu  #nav  li ul a:HOVER{background:url('../img/m_center_bg.gif') repeat-x top;  color:#f29000; cursor:pointer;}
			#menu  #nav  .menu_item_active ul a:HOVER, #menu  #nav li.menu_item_active  li.menu_item_active a {background:url('../img/act_m_center_bg.gif') repeat-x top;  color:#f29000; cursor:pointer;}
			#menu  #nav  li ul a:HOVER span{background:url('../img/m_left_bg.gif') no-repeat left top;}
			#menu  #nav  .menu_item_active ul a:HOVER span, #menu  #nav li.menu_item_active li.menu_item_active a span{background:url('../img/act_m_left_bg.gif') no-repeat left top;}
			#menu  #nav  li ul a:HOVER span span{background:url('../img/m_right_bg.gif') no-repeat right top; color:#767676;}
			#menu  #nav  .menu_item_active ul a:HOVER span span, #menu  #nav li.menu_item_active li.menu_item_active a span span{background:url('../img/act_m_right_bg.gif') no-repeat right top; color:#767676;}


			#nav li:hover ul {left:80px; }
			#nav .menu_item_active ul{left: 80px;}
/* IE */
			* html #menu{width:631px;height:120px;position:absolute;right:0;top:0;background:url('../img/menu_bg.jpg') no-repeat right 25px; padding-right:40px;}
			* html #nav{
				margin-left: 65px !important;
			}
			* html #nav li:hover ul, * html #nav li.sfhover ul , * html #nav .menu_item_active ul{left:0px;}
			* html #nav li:hover ul{}
			* html #nav li {float: left; margin-left:20px; font-size:14px;}

			* html #nav li ul {position: absolute;	left: -999em; margin:0; width:550px; }
			* html #nav, #nav ul {padding:0;	margin:50px 10px 0px 105px; list-style: none; }
			* html #menu{padding-right:30px;}
			* html #menu a{width:30px; height:24px;  padding:0 0px 0 6px; text-decoration:none; color:#FFFFFF; display:block;}
			* html #menu a span{ display:block;  height:24px; padding:5px 6px 3px 0; cursor:pointer;}
			* html #menu  #nav  li ul a{width:auto; margin-top:15px;}


				* html #menu  #nav  li ul a{padding:0}
				* html #menu  #nav  li ul a span{padding:0 0 0 0px; }
				* html #menu  #nav  li ul a span span{padding:2px 6px 0 6px; }

                * html #menu  #nav  li ul .c_1 a span span{width:75px;}
                /*
                * html #menu  #nav  li ul .c_4 a span span{width:180px;}
                */
				* html #menu  #nav  li ul .u_1{width:112px;}
				* html #menu  #nav  li ul .u_2{width:122px;}
				* html #menu  #nav  li ul .u_3{width:95px;}
			* html #menu  #nav  li ul{width:550px; height:0px; padding-left:30px; margin-left:127px; background-position: 0px 10px; font-size:12px;}
			* html #menu  #nav  li ul li{margin:0; padding-right:20px; width:0px; float:left;}


	.banner{width:100%;height:303px;margin:0 auto; text-align:center; overflow:hidden;}
	.img_left_bg {
	  background:url('../img/left_bg.gif') no-repeat 0px 54px;
      }
	.simple{ width:100%; padding-bottom: 10px; }
		.centered{ width:800px; margin:0 auto; padding: 0px; }			
			
			.latest_projects .item h2{height:33px;}
			
			.item{width:185px; float:left; margin:0 37px; display:inline;}
				.item .mp3 { float: right; width:100%; }
				.item h2, .item h2 a {color:#73ae1e; font-size:14px;}
				.item h2 a{text-decoration:none;}
				.item h2 a:hover{color:#f2c604;}
				.item .img_pf{border:2px solid #73ae1e; margin:3px 0 5px 0; float:left; }
				.item .img_pf:hover{border:2px solid #f2c604;}
					.item .img_pf img { width: 186px; height: 110px; }
		
	.home p {
		margin: 15px 0;	
		}

	a.portfolio_link{
		float:right;
		display:inline;
		margin-right: 55px;
	}
	
	.highlighted{ background-color:#efeddc; float:left; display: inline; position: relative; zoom: 1; margin: 15px 0; }
		.highlighted .centered{ width:800px; margin:0 auto; padding:0 0 10px 0;}			
	.bottom{background-color:#f3f1eb; float:left; width:100%;}
		.bottom_in{width:800px;margin:0 auto; padding:20px 0;}
		.map{ width:190px; font-size:10px;  padding-bottom:20px; float:left;}
			.map span{ background:url('../img/map_corner.gif') no-repeat 0 0px; margin:-10px 0 0 10px; display:block; padding: 20px 0 0 30px; }
		.review{ background:url('../img/review_top.gif') no-repeat top left; float:left; margin-left:10px; font-size: 11px; padding-top:0; margin-top:12px; width:550px;}
			.review_in{width:450px;background:url('../img/review_bottom.gif') no-repeat bottom right}
				.review_in .text{width:385px; margin:0 auto;}
					.review_in .text span{float:right; clear:both; font-weight:bold;}
					.review p{font-size:11px; line-height:14px; text-indent: 10px; font-style:italic; font-family: Verdana, Arial;}
	.footer{background-color:#f9f9f7; padding:10px 0; float:left; width:100%; position:relative;}
	.footer .text{width:300px; margin:0 auto;text-align:center}
	.footer .text strong{font-weight:500}
	.call{position:absolute; bottom:0; right:0;}

	
.breadcrumbs {
	width: 800px;
	margin: 3px auto 0 auto;
	text-align: right;
	padding: 0px 10px;
}
	
.block_title{
  background:url('../img/top_haed_line.gif') repeat-x bottom left;
  float:left;
  width:100%;
  margin: 10px 0px 20px 0px; }
.block_title h1{ color:#f18f00; float:left; padding-right:15px; font-weight:normal; }
.separator { border-bottom: 1px solid #777; margin: 10px 15px; height: 1px; line-height: 0px; padding: 0px; font-size: 0px; }


.column_box{
  margin: 10px auto;
  width: 700px;
}


	.column_header{
	  margin: 0px 10px 10px 0px;
	  float: left;
	  display: inline;	  
	  background:url('../img/column_header_line.gif') top no-repeat;
	  padding: 9px 5px 9px;
	}
	.column_footer{	  
	  background:url('../img/column_line.gif') left repeat-y;
	}
	.column_body {
	  background:url('../img/column_footer_line.png') bottom no-repeat;
	  width: 327px;
	  padding: 0px 0px 9px;
	}

	.column {
	  width: 388px;
	  float: left;
	  display: inline;
	  padding: 5px 5px 0px 5px;
	  overflow:hidden;
	}

	.column_description{
	  margin: 0px auto;
	  width: 270px;
	  text-align: left !important;
	}


	.column .highlighted { padding: 10px; }
	.column .description { padding: 5px 0px 5px 5px; }
		
	.column.wider {
	  width: 420px !important;
	  float: left;
	  padding: 0px !important;
	}

.about_company {
  padding: 5px 10px 0px 5px !important;
  width: 601px;
  border-right:1px dashed #888888;
  float: left;
  padding: 0px;
}
.column_narrower {
  padding: 5px 0px 0px 10px !important;
  width: 170px;
  float: right;
  /*padding-left: 5px;*/
  padding: 0px;
}
.column.narrower {
  width: 380px !important;
  float: right;
  /*padding-left: 5px;*/
  padding: 0px !important;
}
.column.seo p, .column.seo h2 {
	margin-left: 10px;
	text-indent: 0px;
}

.contacts{
  border: 0px;
  cellpadding: 0px;
  cellspacing: 0px;
}

.contacts td{
  vertical-align: bottom;
}

.clock{
  background: url(../img/clock.gif) top left no-repeat;
  height: 133px;
  width: 269px;
  margin: 0 auto;
}
.local_time{
  float: left;
  color: #ffffff;
  font-size: 38px;
  font-family: Georgia;
  margin-top: 40px;
  /*margin-left: 33px;*/
  margin-bottom: 2px;
  /*width: 236px;*/
  width: 269px;
  text-align: center;
  vertical-align: middle;
}
.local_time_hour1{
  float: left;
  /*margin-left: 25px;*/
  /*width: 37px;*/
  padding-left: 25px;
  width: 37px;
  height: 52px;
  /*letter-spacing: 22px;*/
}
.local_time_hour2{
  float: left;
  margin: 0px;
  width: 38px;
  height: 52px;
  /*letter-spacing: 22px;*/
}
.local_time_minute1{
  float: left;
  margin-left: 25px;
  width: 38px;
  height: 52px;
  /*letter-spacing: 22px;*/
}
.local_time_minute2{
  float: left;
  margin: 0px;
  /*margin-left: 20px;*/
  width: 38px;
  height: 52px;
  /*letter-spacing: 22px;*/
}

.local_day{

  margin-left: 25px;
  /*width: 200px;*/
  color: #ff9f00;
  /*font-size: 24px;*/
  font-size: 18px;
  font-family: Georgia;
}

.local_day span{
  color: #ff9f00;
  font-size: 18px;
  font-family: Georgia;
}

.time_day{
  float: left;
  margin-top: 28px;
  margin-left: 10px;
  color: #ff9f00;
  font-size: 24px;
  font-family: Georgia;
}


.about {
	/*background: url(../img/img_company.jpg) bottom right no-repeat;*/
	}
	.about .column.wider { width: 601px !important; border-right: 1px dashed #888; padding: 0px; position: relative; }
		.about .column.wider p { margin-right: 5px; }
		.about .column.wider #enjoyed { position: absolute; bottom: 71px; right: 100px; display: block; height: 30px; width: 225px; z-index: 10; }
		.enjoyed_pic { position: relative; float: right; background: url(../img/img_company.jpg) bottom right no-repeat; width: 409px; height: 204px; }
	.about .column.narrower { width: 187px !important; padding: 0 0 0 10px; }
		.about .column.narrower img {
		  border: 1px solid #878787;
          padding: 3px;
          margin: 0px 0px 5px 10px;
        }
	
.notice { background: url(../img/notice.jpg) top left no-repeat; padding: 6px 3px 3px 20px; height: 40px; font-weight: bold; font-size: 14px; }
.imgbox { padding: 5px 5px 5px 35px; height: 30px; }
	.imgbox.img_msword { background: url(../img/icon_msword.jpg) top left no-repeat; }
	.imgbox.img_letter { background: url(../img/icon_letter.jpg) top left no-repeat; }

.rounded {
		background: url(../img/rounded_top.jpg) top left no-repeat;
		width: 400px;
		padding-top: 16px;
	}
	.rounded .body {
		border-left:  1px solid #C0C0C0;
		border-right: 1px solid #C0C0C0;
		background-color: #EFEDDC;
		padding: 0px 10px;
		}
		.rounded .body div{
			padding-bottom: 7px;
		}
		.rounded .body input {
			padding: 2px;
			border: 1px solid #BEBEBE;
		}
		.rounded .body textarea {
			width: 90%;
			font-family: Arial;
			font-size: 12px;
			padding: 2px;
			border: 1px solid #BEBEBE;
		}
		.rounded .body .submit input {
			margin-top: 4px;
			color: #AB5800;
			cursor: pointer;
			background: url(../img/button.jpg) top left no-repeat;
			height: 36px;
			width: 107px;
			border: 0px;
		}
	.rounded_foot {
		background: url(../img/rounded_bottom.jpg) top left no-repeat;
		height: 16px;
        width: 400px;
	}

.star_bullets     { list-style-image: url(../img/bullet_star.jpg); }
.orange_bullets { }
	.orange_bullets li { color: #F18F00; }
		.orange_bullets li span { color: #767676; }
.green{ color: #96C80F }
.orange {
  color: #F18F00;
  text-align: center;
  font-size: 1.5em;
  margin: 10px 0px;
}
.orange_bg { background-color: #F18F00; color: #FFF; display: inline; padding: 3px; font-weight: normal; }

.text_center { text-align: center; }
	.text_center p, .text_center ul { text-align: left; }
	
a#zoom_map  	{ display: block; float: left; padding: 3px 20px; background: url(../img/icon_zoom.jpg) top left no-repeat; }
a#print_map 	{ display: block; float: left; padding: 3px 20px; background: url(../img/icon_print.jpg) top left no-repeat; }

.filter_active {
	background-color: #F7CC05;
	padding: 3px;
	margin-left:10px;
	color: #000;
}
.portfolio {
	}
	
	.portfolio .item {
		display: inline;
		width:390px; 
		float:left; 
		margin:30px 10px 0 0;
		}
		.portfolio .item td {
			vertical-align:top;
		}
		*html .portfolio .country_wrap{
			margin-top:3px;
		}
		.portfolio .item img {
			width: 186px;
			height: 110px;
			margin-right: 10px;
			display: inline;			
		}
		.portfolio .item div { line-height: 32px; }
		.portfolio .item img.flag, .bubble .flag {
			width: 24px;
			height: 25px;
			margin: 6px 2px 0 0;
			float: left;
			border: 0px;
		}
		.portfolio .item .no_foto{
			float: left;
			width: 186px;
			height: 110px;
			border: 1px dashed #888;
			background-color: #DDD;
			padding: 0px;
			margin-right: 10px;
			}
			.portfolio .item .no_foto a { width: 186px; height: 110px; display: block; }
			

.prev_next {
	float: right;
	width: 300px;
	}
	.prev_next a {
		display:block;
		margin-bottom:3px;	
		
		}
	
	.prev_next div {
		background-color: #EFEDDC;
		margin: 0px 5px;
		padding: 5px;
		float: right;
		width: 140px;
		}
.image_wrapper {
	background: url(../img/img_shadow_b.jpg) bottom left no-repeat;
	width: 524px;
	float: left;
	display: inline;
	position: relative;
	padding-bottom:10px;
	margin-bottom: 10px;
	}
	
	.image_wrapper2 {
		background: url(../img/img_shadow_r.jpg) top right repeat-y;
		padding-right: 9px;
		}	
	
		.image_wrapper img.screenshot {
			border-top: 1px solid #ccc;
			border-left: 1px solid #ccc;
		}
		
		.image_wrapper img.shadow {
			position:absolute;
			top:0;
			right:0;
		}
		
	.project_img{
		width: 524px;
		float: left;
	}
		
.description {
  float: right;
}
	.description p { line-height:16px; margin: 4px 0 2px 0; text-indent:10px;}
	.description .mp3 { display: block; width: 260px; margin: 0; zoom: 1; }

.bubble {
	background: url(../img/bubble_top.jpg) top left no-repeat;
	padding: 90px 0px 0px 0px;
	width: 266px;
	}
	.bubble .info {width:244px; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; background-color: #EFEDDC; padding: 3px 10px; }
	.bubble .bottom {width:266px; height: 67px; background: url(../img/bubble_bottom.jpg) bottom left no-repeat; float: none; }

.more_info{
	background: #efeddc;
	margin-top: 10px;
	padding: 15px;
}

	
#tabs1, #tabs2, #tabs {
	border: 1px solid #BBBBBB;
	padding: 1px 10px;
	width: 240px;
	}
	#tabs1 p, #tabs2 p, #tabs p{
		font-style:italic; font-family: Verdana, Arial;
		}
	
	
#tabs1 { background: #EFEDDC url(../img/tabs1.jpg) top left no-repeat; }
#tabs2 { background: #EFEDDC url(../img/tabs2.jpg) top left no-repeat; }
	.tab_headers {float:left; padding-bottom:10px;}
	#tabs1 .tab_headers div, #tabs2 .tab_headers div { padding: 0 33px; float:left; }
	
			
.spec_field{
	display: none;
}

.testimonials {}
	.testimonials .item { width: 340px; padding: 5px 15px 35px 40px; margin: 0px;  background: url('../img/review_top.gif') top left no-repeat; }
	.testimonials p {margin: 3px 0; line-heiht: 16px; font-style:italic; font-family: Verdana, Arial;}
	.testimonials .info {text-align:right}

.error-message { color: #990000; font-size: 10px; }
.error { border: 2px solid #990000; color:#990000; font-size: 14px; font-weight:bold; padding: 5px; margin-right:9px; }
.sucess { border: 2px solid #009900; color:#009900; font-size: 14px; font-weight:bold; padding: 5px; margin-right:9px; }


.paging{
	clear:both;
	padding: 15px 0;
	text-align: center;
	}
	.paging .current {
		background-color: #F7CC05;
		padding: 3px;
		margin: 0 5px;
		color: #000;
	}
	.paging a {
		margin: 3px 5px;
	}
	
a.foto {
	display: block;
	float: left;
	height: 72px;
	width: 72px;
	background-position: top;
	border: 1px solid #888;
	margin: 4px 4px;
	text-decoration: none;
	
	text-align: center;
}
a.foto:hover { 
	background-position: bottom;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}
	.shurik { background: url(../img/persons/shurik.jpg); }
	.sasha { background: url(../img/persons/sasha.jpg); }
	.serega { background: url(../img/persons/serega.jpg); }
	.seryozha { background: url(../img/persons/seryozha.jpg); }
	.pasha { background: url(../img/persons/pasha.jpg); }
	.misha { background: url(../img/persons/misha.jpg); }
	.masha { background: url(../img/persons/masha.jpg); }
	.slava { background: url(../img/persons/slava.jpg); }
	.lexa { background: url(../img/persons/lexa.jpg); }
	.question { background: url(../img/persons/question.gif); }
	
/* Map pop up */	
.info-window {
	width:300px;
}	
.info-window p {
	text-indent:0;
	margin: 4px 0;
}

/* FLASH DESIGN PAGE */
.flash img{float:left; margin:0 20px 20px 0;}
.mp3 {
	margin: 5px 0px;
	zoom: 1;
	display: block;
	width: 200px;
}



/*
*html div{
  border: solid 2px red;
}*/