body {
	background: url("../images/gradient.gif") repeat-x;
}

a{
 outline: none;
}
.head {
background:none repeat scroll 0 0 transparent;
margin: 0px 30px 0px;
padding-top: 30px;
padding-bottom: 20px;
width:940px;
}
.main_left_col {float: left; width: 195px;}
.main_mid_col {margin-left: 250px; margin-right: 250px;}
.main_right_col {float: right; width: 158px;}
.content_right_col {margin-left: 250px;}
.content_text_col {width: 680px;
margin-right: 5%;
//margin-right: 3%;
float: left; overflow: hidden;}
.content_news_col {clear: both; float: left; overflow: hidden;  width: 100%;}
	.main_menu {float: left; margin-top: -2px; margin-left: -2px;}
	.main_menu li {}
	.main_menu a, .main_menu p {
		line-height: 17px;
		text-decoration: none;
		font-family: Verdana;
		display: block;
		float: left;
		clear:both;
		padding: 0px 4px;
		padding-bottom: 2px;
		color: #000;
	}
	.main_menu p, .main_menu a.current, .arrow_bottom {
		float: left;
		font-weight: bold;
		background-image: url("../images/menu_arrow_r.gif");
		background-position: top right;
		background-repeat: no-repeat;
		padding-right: 14px !important;
		
	}
	.sub p, .sub a.current, .arrow_bottom {background-image: url("../images/menu_arrow_b.gif");}
	.v_split_line {
		float: left;
		height: 81px;
		width: 1px;
		margin: 0px 28px;
		background-color: #c8c8c8;
	}
	.main_menu a:hover {background-color: #fb0303; color: white !important;}
	.phone {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 22px;
		margin-bottom: 4px;
		color: #454545;
	}
	.head .blog {
		display: block;
		background-image: url("../images/green_cloud.gif");
		width: 75px;
		height: 34px;
		color: white;
		margin-top: 10px;
		padding-top: 3px;
		font-family: Georgia,serif;
		font-size: 17px;
		font-weight: bold;
		font-style: italic;
		text-align: center;
	}
	.blog:hover {color: #e5e5e5;}
	
.foot {
	clear: both;
	margin: 0px 30px;
	padding-top: 10px;
	border-top: solid 1px #c8c8c8;
	width: 940px;
	background-color: white;
	height: 155px;
	position: relative;
}
	.link_style_1 {
		font-size: 13px;
		text-decoration: none;
		color: #778296;
		border-bottom: dashed 1px #778296;
	}
	.link_style_1:hover {border-bottom: dashed 1px #fb0303;}
	.site_map {
		display: block;
		float: left;
		margin-left: 5px;
	}

.gallery_large {
	
	overflow: hidden;
	height: 273px;
	position: relative;
	width: 671px;
	margin-left: 260px;
	border: 10px solid white;

}
.gallery_large_controls .arrow_left, .gallery_large_controls .arrow_right {
	background: transparent;
	background-repeat: no-repeat;
	width: 21px;
	height: 46px;
	display: block;
	top: 275px;
	left: 235px;
	position: absolute;
	margin-top: -10px;

}
.gallery_large_controls .arrow_left {background-image: url("../images/gallery_arrow_left_on.gif"); margin-left: 0px;}
.gallery_large_controls .arrow_right {background-image: url("../images/gallery_arrow_right_on.gif"); float: right; margin-left: 721px;}
.gallery_large_controls .arrow_left:hover img {opacity: 0; filter: alpha(opacity = 0);}
.gallery_large_controls .arrow_right:hover img {opacity: 0; filter: alpha(opacity = 0);}


.gallery_large_portfolio .left {
	display: block;
	position: absolute;
}
.gallery_large_portfolio .next, .gallery_large_portfolio .prev {
	cursor:pointer;
	background-position: 0px 100px;
	background-repeat: no-repeat;
	width: 32px;
	height: 297px;
	position: absolute;
	margin-top: -10px;
	top:30px;
	display: block;
}
/* .disabled { display: block !important;} */
.gallery_large_portfolio .prev{margin-left: 15px;}
.gallery_large_portfolio .prev:hover{background-image: url("../images/gallery_arrow_left.png");}
.gallery_large_portfolio .next { float: right; margin-left: 871px;}
.gallery_large_portfolio .next:hover {background-image: url("../images/gallery_arrow_right.png") !important; }

/*.fade_left:hover .arrow_left, .fade_right:hover .arrow_right {display: block;}
.fade_left, .fade_right {*/
/*
	.gallery_large_controls .arrow_left, .gallery_large_controls .arrow_right {
		background-image: url("../images/gallery_arrow_left.png");
		background-repeat: no-repeat;
		width: 16px;
		height: 33px;
		position: absolute;
		top: 275px;
		left: 220px;
		margin-top: -10px;
		display: block;
	}
	.gallery_large_controls .arrow_left {margin-left: 15px;}
	.gallery_large_controls .arrow_right {background-image: url("../images/gallery_arrow_right.png") !important; float: right; margin-left: 741px;}
	.fade_left:hover .arrow_left, .fade_right:hover .arrow_right {display: block;}
	.fade_left, .fade_right {

		background-position: top left;
		background-repeat: repeat-y;
		width: 20px;
		height: 50px;
		position: absolute;
		top: 0px;
		left: 220px;
		top: 275px;
		display: block;
	}
	.fade_right {}*/
	.gallery_large .items_container {
		width: 30000px;
		position: relative;
		clear: both;
	}
	.gallery_large .gallery_item {

		float: left;
		position: relative;
	}
/*	.title {
		padding: 0px 7px;
		padding-bottom: 1px;
		line-height: 20px;
		color: white;
		background-color: #fb0303;
		display: block;
		float: left;
		position: absolute;
		top: -10px;
		left: 0px;
		font-weight: bold;
		text-decoration: none;
	}*/
	.title {
		font-weight: bold;
		text-decoration: none;
		padding: 0px 7px;
		padding-bottom: 1px;
		line-height: 20px;
		color: white;
		background: #ccc;
		position: absolute;
		display: block;
		right: 0px;
		bottom: 0px;
	}
	.title:hover {color: white;}
.gallery_small {
	float: left;
	position: relative;
	overflow: hidden;
	width: 855px;
	margin: 0 auto 0 42px;

	height: 498px;
}
.gallery_small .gallery_item { float: left; height: 170px; }
	.gallery_small .items_container {
		width: 10000px;
		height: 498px;
		overflow: hidden;
		position: relative;
		float: left;
		clear: both;
	}
	.gallery_small .items_container .gallery_item_container {
		float: left;
		border-right: solid 1px white;
		border-bottom: solid 1px white;
		width: 170px;
		height: 165px;
	}
	.gallery_small .items_container .gallery_item {
		float: left;
		position: relative;
		border-right: solid 1px white;
		border-bottom: solid 1px white;
		width: 170px;
		height: 165px;
		background: #000;
	}
	.gallery_small .items_container .gallery_item:hover img {opacity: 0.2;}
	.gallery_small .items_container .gallery_item:hover .caption {display:block;}
	.gallery_small .items_container .gallery_item a { color: white ; line-height: 20px;}
	.gallery_small .items_container .gallery_item .caption {display:none; color: white; width: 140px; position: absolute; bottom: 10px; margin-left: 10px;}
	.gallery_controls .arrow_left, .gallery_controls .arrow_right {
		background: transparent;
		background-repeat: no-repeat;
		width: 21px;
		height: 46px;
		display: block;
		top: 545px;
		position: absolute;

	}
	.gallery_controls .arrow_left {background-image: url("../images/gallery_arrow_left_on.gif"); top: 465px; left: 42px;}
	.gallery_controls .arrow_right {background-image: url("../images/gallery_arrow_right_on.gif"); left: 935px; top: 465px;}
	.gallery_controls .arrow_left:hover img {opacity: 0; filter: alpha(opacity = 0);}
	.gallery_controls .arrow_right:hover img {opacity: 0; filter: alpha(opacity = 0);}
	
.gallery_menu {
	margin-left: 250px;
	margin-bottom: 18px;
	padding-top: 10px;
}
	.gallery_menu ul li {float: left;}
	.gallery_menu a, .gallery_menu p {
		padding: 0px 6px;
		display: block;
		font-size: 12px;
		line-height: 20px;
		padding-bottom: 1px;
		color: black;
	}
	.gallery_menu a {	}
	.gallery_menu a:hover {color: #fb0303;}
	.gallery_menu p {background-color: #f1eae0;}

.content {

	width: 940px;
	margin: 30px;
	margin-top: 5px;
}
	.news {color: #161616; width: 100%;}
	.news, .news a {
		font-family: Georgia,serif;
		font-size: 13px;
		margin-bottom: 12px;
	}
	.hmenu_container {overflow: hidden; padding-right: 15px; margin: 25px 0px; position: relative; width:100%;}
	.horizontal_menu {
		float: left;
		margin-left: -12px;
		width: 100%;
	}
	.horizontal_menu li {
		position: relative;
		float: left;
		text-align: center;
		background-color: #ededed;
	}
	
	.horizontal_menu li a, .horizontal_menu .red a {
		position: relative;
		display: block;
		line-height: 31px;
		height: 31px;
		padding-right: 10px;
		padding-left: 24px;
		padding-bottom: 1px;
		float: left;
		white-space: nowrap;
	}
	.horizontal_menu a {
		background-image: url("../images/horizontal_menu_bg_gray.png");
		background-position: top left;
		background-repeat: repeat-y;
		background-color: #ededed;
	}
	.horizontal_menu a .hm_text {
		text-decoration: underline;
	}
	.horizontal_menu li .gray_arrow, .horizontal_menu li .red_arrow {
		background-image: url("../images/horizontal_menu_arrow_gray.png");
		width: 14px;
		height: 32px;
		position: absolute;
		right: -14px;
		top: 0px;
		text-decoration: none;
		overflow: hidden;
	}
	.horizontal_menu li .red_arrow {
		background-image: url("../images/horizontal_menu_arrow_red.png");
	}
	.horizontal_menu .red a {
	background-color:#FB0303;
	background-image:none;
	color:white;
	font-weight:bold;
	}
	.horizontal_menu p {
		font-weight: bold;
		color: white;
		background-color: #fb0303;
	}
	.consult {margin-top: 60px;}
	.consult .icq {
		margin-top: 8px;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;
		text-indent: 23px;
		height: 15px;
		background-image: url("../images/icq.png");
		background-repeat: no-repeat;
		color: black;
		text-decoration: none;
		display: block;
		float:left;
		clear: both;
	}
	.consult .skype {
		margin-top: 8px;
		height: 18px;
		line-height: 16px;
		width: 108px;
		text-indent: 34px;
		background-image: url("../images/skype.png");
		text-decoration: none;
		display: block;
		float:left;
		clear: both;
		color: white;
	}
	
.cols_4 {
	display: inline;
	width: 20%;
	margin-right: 2%;
	margin-left: 3%;
	float:left;
}
	.cols_4 h1 {margin-bottom: 0px;}
	.proj_title {
		color: #778296;
		font-size: 20px;
	}
	.proj_title:hover {color: #fb0303;}
	.proj_count {
		font-family: Georgia,serif;
		font-style: italic;
		color: #2e2e2e;
		margin-bottom: 8px;
	}
	.proj_item {font-size: 12px; color: #2f2f2f; margin: 8px 0px; line-height: 13px;}
	.proj_item a {font-size: 12px; color: #215586; line-height: 13px;}
	.proj_item a:hover {font-size: 12px; color: #fb0303;}
	
.cols_5 {
	display: inline;
	width: 200px;
	margin-right: 1%;
	margin-left: 20px;
	float:left;
}
	.client_tittle, .client_item, .client_date {color: #2f2f2f; font-size: 12px;}
	.client_tittle {font-weight: bold; margin-bottom: 15px;}
	.client_item {line-height: 13px;}
	.client_item a {font-size: 12px;}
	.client_date {font-family: Georgia,serif; font-style: italic; margin-top: -2px; margin-bottom: 5px;}
	
.docs {margin: 15px 0px; margin-left: 250px; float: left; display: inline;}
	.docs p {color: #6d6d6d;}
	.docs a {color: #3e7db7;}
	.docs a:hover {color: #fb0303;}

	.gallery_large_portfolio {

		overflow: hidden;
		height: 273px;
		position: relative;
		width: 900px;
		margin-left: 30px;
		border: 10px solid white;

	}
		.gallery_large_portfolio_controls .arrow_left, .gallery_large_portfolio_controls .arrow_right {
			background-image: url("../images/gallery_arrow_left.png");
			background-repeat: no-repeat;
			width: 32px;
			height: 273px;
			position: absolute;
			top: 305px;
			left: 220px;
			margin-top: -10px;
			display: block;
		}
		
		.gallery_large_portfolio .items_container {
			width: 30000px;
			position: relative;
			clear: both;
		}
		.gallery_large_portfolio .gallery_item {

			float: left;
			position: relative;
		}

.disabled { display: none !important;}
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 90px; 
    height:90px; 
}
div.controls a.nextPage {
	background: url('../images/right.gif');
	float: right;
	cursor: pointer;
}
div.controls a.prevPage {
	cursor: pointer;
	float: left;
	background: url('../images/left.gif');
}
div.controls {
	clear: both;
	position: absolute;
	bottom: 0px;
	width: 50px;
	left: 50%;
	margin-top: 20px;
	margin-left: -25px;
}

.container {
	position: relative;
	display: block;
	left: 30px;
	width: 960px;
	float: left;
	clear: both;
	/*overflow: hidden;*/
}
.container .page_content {
	float: right;
	width: 680px;
	padding: 0;
	background: none;
	margin: 30px;
	margin-top: 0px;
}
div#sidebar {
	width: 200px;
    margin-bottom: 20px;
	position: relative;
	float: left;
}
div#sidebar .main_menu {margin: 0px; margin-bottom: 20px; padding-top: 5px;}
div#sidebar .main_menu a, div#sidebar .main_menu p {}

div.scrollable a.browse {

	width: 15px;
	height: 12px;
	left: 50%;
	bottom: 0%;
} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items, div.scrollable-3 div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div, div.scrollable-3 div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 

    background-color:#fff; 
}
#black {
	background-color: #000;
	width: 100%;
}

#black { background-color: #000; height: 440px; margin-left: -280px; overflow: hidden; width: 1000px; position: relative; z-index: 12; left: 0px;}
#black > div { position: relative;}
.toggle-button { padding-left: 8px; background: black; height: 30px; padding-top: 3px; margin-top: 10px; width: 135px; left: 15px; top: 1px; z-index: 1; visibility: visible; }
#shema { height: 319px; width: 536px; left: 180px; top: 60px; position: absolute; z-index: 1; }
#textwhite1 { height: 73px; width: 330px; left: 440px; top: 30px; position: absolute; z-index: 2; }
#textwhite2 { height: 40px; width: 330px; left: 440px; top: 332px; position: absolute; z-index: 2; }
#values { height: 220px; width: 296px; left: 764px; top: 133px; position: absolute; z-index: 3; }
.page_content span.style2, .page_content span.style1 a {
	color:#000000;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-size:16px;
	line-height:24px;
	}

	.page_content span.style2, .page_content span.style2 a {
	color:#333333;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-style: italic;
	line-height:21px;
	}

	.page_content span.style3, .page_content span.style3 a { color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:21px;
	}

	.page_content span.style4, .page_content span.style4 a {color:#000000;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-size:16px;
	line-height:24px;
	}

	.page_content span.style5, .page_content span.style5 a {color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:21px;
	}
	.page_content span.style5 a, .page_content span.style4 a, .page_content span.style3 a, .page_content span.style2 a, .page_content span.style1 a { color: #215586;}
	
#sidebar .main_menu li {
	width: 200px;
	height: 17px;
	float: left;
}

#sidebar .main_menu {
	margin-bottom: 20px;
}

.project-nav {
	text-align: center;
	padding-top: 0px;
	background: #eae7d9;
	font-size:12px !important;
	float: left;
	margin-bottom: 20px;
	font-family: Verdana,Helvetica,sans-serif;
	padding: 5px 10px;
}
.project-nav p, .project-nav a {
	font-size:12px !important;
	color: black;
}
.project-nav a:hover { color: #F00;}

.project-nav.active {
	background: none;
}

.hidden {
	display: none;
}

a.toggle_link {
	text-decoration: none;
	border-bottom: 1px dashed;
	cursor: pointer;
}

.back_to_list {

}

#workers { display: none;}
em {
	font-family: Georgia;
	line-height: 14px;
	font-size: 12px;
}

.map { position: absolute; top: 91px;}
.size_14 { font-size: 15px; line-height: 20px;}

div.page_content a:hover { color: red; }
#icq-number { margin-top: 30px; margin-left: 20px; display:none; clear: both; font-family: Tahoma; font-size: 20px; position: relative; letter-spacing: 1px;}

ul.disc li {list-style-type: disc !important; color: red; margin-bottom: 10px;}

/*roll*/
.brace_left, .brace_right {background: url('../images/brace.png'); width: 85px; height: 443px; display: block;}
.brace_right {background-position: -85px 0px;}
/*roll_end*/

.yashare-auto-init {float: left;
	margin-bottom: -28px;
	margin-left: -6px;
	margin-top: 10px;
}