@CHARSET "UTF-8";
body, html {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 120%;
}

img {
    border: none;
}

a {
    outline: none;
    text-decoration: underline;
	color:#666;
}

a:hover {
    /*color: #494;*/
}

#main {
	overflow: hidden;
    position: relative;
    width: 100%;
	min-width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
    /*background: transparent url(../images/backgrounds/index.repeat.jpg) left bottom repeat-x;*/
}

	#main-inside {
		overflow: hidden;
		position: relative;
		width: 100%;
		min-width: 960px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		/*background: transparent url(../images/backgrounds/inside.repeat.jpg) left bottom repeat-x;*/
	}

.footer .bg {
	/*background: transparent url(../images/backgrounds/inside.jpg) left bottom no-repeat;*/
	position:absolute;
	width: 100%;
	height:174px;
	left:0;
	top: 100%;
	margin-top:-174px;
}

	.main .footer .bg {
		/*background: transparent url(../images/backgrounds/index.jpg) left bottom no-repeat;*/
		position:absolute;
		width: 100%;
		height:403px;
		left:0;
		top: 100%;
		margin-top:-403px;
		}

#sky {
    /*background: transparent url(../images/backgrounds/sky.jpg) left top repeat-x;*/
    position: absolute;
    width: 100%;
    height: 328px;
    top: 0;
    left: 0;
}

#branch {
    /*background: transparent url(../images/backgrounds/branch.png) left top no-repeat;*/
    width: 227px;
    height: 259px;
    position: absolute;
    top: 0;
    left: 0;
}

#main-inside #branch {
	top: -80px;
}

#bush {
    overflow: hidden;
    position: absolute;
	z-index: 20;
    top: 100%;
    left: 100%;
    width: 270px;
    height: 101px;
    margin-top: -101px;
    margin-left: -270px;
    /*background: transparent url(../images/backgrounds/bush.png) left top no-repeat;*/
    text-align: right;
    color: #fff;
}

#bush div {
    margin-top: 35px;
    padding-right: 10px;
    font-weight: bold;
}

#bush a {
    color: #fff;
}

#logo {
    position: absolute;
	z-index: 100;
    top: 100px;
    left: 0px;
    width: 271px;
    height: 119px;
}

	.main #logo {
		top: 20px;
		}

#menu {
    position: relative;
    padding-left: 240px;
    padding-top: 170px;
    /*overflow: hidden;*/
    height: 2.2em;
    margin-bottom: 70px;
}

	#menu.menu_main {
		margin-bottom: 20px;
	}

	#main-inside #menu {
		margin-bottom: 20px;
	}

	#menu ul li {
		position: relative;
		}

		#menu ul li a.folder {
			padding-right: 18px;
			background: url(../images/menu-arrow-down.png) no-repeat right 8px;
			}

		#menu li .submenu {
			display: none;
			position: absolute;
			z-index: 50;
			top: 28px;
			left: -5px;
			width: 150px;
			padding: 5px;
			}

			#menu li:hover .submenu {
				display: block;
				}

			#menu .submenu li {
				margin: 0 0 3px;
				padding: 0;
				background: transparent;
				}

				#menu .submenu li.last {
					margin-bottom: 0;
					}

				#menu .submenu li a, #menu .submenu li span {
					display: block;
					min-width: 160px;
					padding: 2px 8px 3px;
					background: #c7e0f2;
					font-weight: normal;
					font-size: 12px;
					line-height: 16px;
					white-space: nowrap;
					text-decoration: none;
					}

				#menu .submenu li a:hover, #menu .submenu li span {
					background: #8ac0e6;
					color: #fff;
					}

.super-header {
    position: relative;
    overflow: hidden;
    height: 2.4em;
	margin-right:-10px;
}

.super-header h1 a, .super-header h2 a, .super-header h3 a {
	color: #468616;
}

h1, h2, h3 {
    font-weight: normal;
    color: #F3771F;
}

h1 {
    font-size: 1.4em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.1em;
}

.super-header h1 {
    float: left;
    margin: 5px 0 0 0;
    padding: 0;
    padding-right: 10px
}

	#index-content .super-header h1, #index-content .super-header h2, #index-content .super-header h3 {
		float: left;
		margin: 5px 0 0 0;
		padding: 0;
		padding-right: 10px;
		font-size: 1.4em;
		}

#menu ul {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

	#menu li {
		display: inline;
		float: left;
		padding-right: 10px;
		margin-right: 10px;
		background: transparent url(../images/backgrounds/marker.gif) right center no-repeat;
	}

	#menu li.last {
		background: none;
		margin-right: 0;
	}

	#menu li a, #menu .active span {
		font-size: 1.2em;
		font-weight: bold;
		color: #666;
		line-height: 2em;
	}

		#menu li a:hover {
			/*color: #494;*/
			}

	#menu .active span {
		color: #000;
	}

	#menu .wrap, .super-header .wrap {
		width: 5000px;
		position:absolute;
	}

.fill {
    float: left;
    width: 2000px;
    height: 2.6em;
    /*background: transparent url(../images/backgrounds/header.png) left center repeat-x;*/
}

.puper-header {
	margin:0;
	padding:0 5px 5px 20px;
	display:inline-block;
	margin:0 0 10px -40px;
}

.puper-header.right {
	display:block !important;
	/*background: transparent url(../images/backgrounds/header.png) left bottom repeat-x;*/
	margin-left:0px;
	padding-left:0;
}

.puper-header.left {
	/*background: transparent url(../images/backgrounds/header.png) left bottom repeat-x;*/
}

.puper-header1{
	margin-left: 0 !important;
}

.project-puper-header.left {
	margin:0 0 10px 0px;
	padding:0 5px 5px 20px;
	display:inline-block;
	/*background: transparent url(../images/backgrounds/header.png) left bottom repeat-x;*/
}


#index-content {
    position: relative;
	z-index: 10;
    padding-left: 476px;
    padding-right: 10px;
	padding-bottom:250px;
}

	#index-content p {
		margin-left: 124px;
		}



#content {
	width:100%;
	position:relative;
	border-collapse: collapse;
}

#content td {
	vertical-align:top;
}

#left {
	/*margin: 0 270px 0 0;*/
	/*padding: 0 20px 200px 40px;*/
}

#right {
	float: right;
	width: 270px;
	padding-bottom: 200px;
	padding-left: 0px;
}

#right p {
	margin: 0 10px 20px;
	text-align: center;
}

#right a {
	display:block;
	text-align:center;
	margin-top: 20px;
}

#right a span {
	display:block;
}

#right a img {
	border: 1px solid gray;
}

.ditto_page {
	margin: 0px 5px;
	color: #222;
}

.ditto_page:hover {
	margin: 0px 5px;
	color: #222;
}

.ditto_currentpage {
	margin: 0px 5px;
}

#filter-form {
	clear: left;
	line-height: 200%;
}

	#filter-form table {
		margin-top: 10px;
	}

	#filter-form table .left_col {
		width: 12em;
		text-align: right;
		font-weight: bold;
	}

	#filter-form table .right_col {
		text-align: left;
	}

	#filter-form ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	#filter-form ul li {
		float: left;
		padding-left: 0;
		margin-left: 0;
		margin-right: 10px;
		white-space: nowrap;
	}

		#filter-form ul li label {
			margin-top: -2px;
			}



.results {
	/*overflow: hidden;*/
	height: 1%;
}

.b-results {
	margin: 10px 0;
	}

.ajaxSearch_resultsInfo{
	margin-bottom: 0 !important;
	}

.ajaxSearch_paging {
	padding: 0 !important;
	}

	.filter-result-item {
		float: left;
		width: 370px;
		height: 430px;
		margin: 10px 10px 10px 0;
	}

		.filter-result-item.other-object {
			/*height: 400px;*/
			}

		.result-item-title {
			position: relative;
			min-height: 40px;
			/*margin: 1em 0 0.5em 0;*/
			margin: 0;
			font-size: 14px;
			line-height: 18px;
			font-weight: normal;
			text-align: center;
		}

			.result-item-title a {
				/*position: absolute;*/
				/*bottom: 0;*/
				/*width: 420px;*/
				text-align: left;
				}

				.result-item-title a:hover {
					/*color: #494;*/
					color: #6D6D6D;
					}

				.result-item-title a .first-line {
					font-size: 14px;
					}

				.result-item-title a:hover span {
					/*color: #494;*/
					}

		.result-item-body .photo {
			position: relative;
			padding: 3px;
			width: 330px;
			max-height: 280px;
			margin: 5px auto 0;
			border: 3px solid #999;

			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

		.result-item-body .photo:hover {
			-webkit-box-shadow:  0px 0px 15px 0px rgba(50, 50, 50, 0.3);
			box-shadow:  0px 0px 15px 0px rgba(50, 50, 50, 0.3);
			}

			.result-item-body .photo img{
				max-width: 330px;
				max-height: 280px;
			}

			.result-item-body .photo .watermark{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: url(../../project/images/watermark.png) center center no-repeat;
			}

			.result-item-body .photo .price {
				position: absolute;
				bottom: 0;
				left: 30px;
				padding: 7px 12px 6px;
				background: url(../images/price-bg.png);
				font-weight: bold;

				-webkit-border-radius: 4px 4px 0 0;
						border-radius: 4px 4px 0 0;
			}

			.result-item-body .shadow {
				width: 375px;
				height: 22px;
				/*background: url(../images/shadow.png) no-repeat;*/
				}

		.result-item-properties {
			width: 300px;
			margin: 0 auto;
			line-height: 20px;
			text-transform: lowercase;
		}

		.result-item-properties .left-column {
			float: left;
			width: 170px;
			color: #cf7213;
			}

		.result-item-properties .right-column {
			float: right;
			width: 120px;
			color: #cf7213;
			}

		.filter-result-item span {
			font-size: 11px;
			color: #6d6d6d;
			text-transform: none;
		}



.pagination_top {
	clear: left;
	font-size: 1.2em;
	margin: 1em 0;
	padding-bottom: 0.3em;
/*	min-width: 1000px;*/
	/*border-bottom: 1px solid silver;*/
	background: url(../../project/images/dotted-separator-bg.png) 0 bottom repeat-x;
}

.pagination_bottom {
	clear: left;
	font-size: 1.2em;
	margin: 1em 0;
	padding-top: 0.3em;
/*	min-width: 1000px;*/
	/*border-top: 1px solid silver;*/
	background: url(../../project/images/dotted-separator-bg.png) 0 top repeat-x;
}

.ditto_previous_link, .ditto_previous_off {
	margin-right: 5px;
	color: #222;
}
.ditto_previous_link:hover, .ditto_previous_off:hover {
	color: #222;
}

.ditto_next_link, .ditto_next_off {
	margin-left: 5px;
	color: #222;
}

.ditto_next_link:hover, .ditto_next_off:hover {
	color: #222;
}

.project {
	height: 12.5em;
	margin: 10px 10px 10px 0;
}

.project-properties {
	float:left;
	width: 40em;
}

.project-properties td {

}

.project-properties .left_col {
	width: 12em;
	height: 1%;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

.project-properties .right_col {
	width: 12em;
}

.project-description {
	/*clear: left;*/
	margin: 20px 0 40px 20px;
}

.project-description p {
	margin-top: 0;
}

.project img{
	margin: 0px 10px 0px 0px;
	float:left;
}

.project-images {
	clear: left;
	padding-left: 19px;
	/*min-height: 550px;*/
	/*text-align: center;*/
}

	.project-images a {
		display: inline-block;
		margin-bottom: 15px;
		border: 3px solid #e6e6e6;
		vertical-align: top;
		}

		.project-images a img {
			float: left;
			max-width: 600px;
			border: 1px solid #D5D5D5;
			/*box-shadow: 0 0 4px 0 #444;*/
			}

#search {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index:1;
}

#search input {
	background: #c6e3f7;
	border: none;
	width: 100px;
}

#search a {
	color: #000;
}

#search img {
	float: left;
}

#search span {
	float: left;
	font-size: 20px;
	margin: 0px 5px;
}

#search form, #search form div {
	display: inline;
}

#search div.phone {
	margin-top: 10px;
}

#search span.phone {
	float: none;
	font-size: 24px;
	line-height: 34px;
}




.galTmb {
	height: 150px;
}

.gallery .link {
	clear: left;
	text-align: center;
	vertical-align: top;
}


.drskip-float-left {
	float: left;
}

.dc-menu {
	float: left;
	display: block;
}

.dc-menu-li {
	float: left;
	width: 190px;
	height: 170px;
	list-style: none;
	margin: 10px;
	text-align: center;
}


.ajaxSearch_paging {
	clear: both;
	display: block;
	padding: 10px 0;
}



#articles {
	margin: 0 10px 40px;
	padding: 2px 0 6px 3px;
	/*
	border-top: 1px dashed #468616;
	border-right: 2px solid #468616;
	border-bottom: 1px dashed #468616;
	border-left: 5px solid #468616;
	*/
}

#articles h2 {
	margin: 8px 0 10px 5px;
	font-size: 16px;
}

#articles ul {
	margin-bottom: 2px;
	padding-left: 15px;
	text-align: left;
}

#articles ul li {
	list-style-type: none;
	padding-left: 0;
	text-align: left;
}

#articles ul li a {
	margin-top: 7px;
	text-align: left;
	font-size: 12px;
}





.wrapper {
	position: relative;
	padding: 0 0 100px;
	}


.footer {
	position: relative;
	bottom: 0;
	height: 87px;
	margin-top: -87px;
	}

	.main .footer {
		height: 201px;
		margin-top: -201px;
		}










.b-project {
	float: left;
	clear: left;
	margin: 0;
    border-top: 2px dotted gray;
    padding: 10px 0 0 0;
	}

	.b-project .body {
		margin-bottom: 20px;
		}

		.b-project .photo {
			position: relative;
			float: left;
			width: 420px;
			}

			.b-project .photo .wrapper {
				position: relative;
				width: auto;
				/*max-height: 500px;*/
				margin: 0 auto;
				padding: 0;
				border: 3px solid #e6e6e6;
				}

			.b-project .photo .wrapper .watermark{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: url(../../project/images/watermark.png) center center no-repeat;
				}

				.b-project .photo .wrapper a {
					display: block;
					}

					.b-project .photo img{
						max-width: 610px;
						max-height: 500px;
					}
					@media all and (max-width: 740px) {
						.b-project .photo img {
							max-width: 100%!important;
						}
					}

				.b-project .photo .price {
					position: absolute;
					bottom: 0;
					left: 30px;
					padding: 7px 12px 6px;
					font-size: 150%;
					background: url(../images/price-bg.png);
					font-weight: bold;

					-webkit-border-radius: 4px 4px 0 0;
							border-radius: 4px 4px 0 0;
				}

				.b-project .shadow {
					width: 420px;
					height: 22px;
					background: url(../images/shadow.png) no-repeat;
					}

		.b-project .properties {
			/*width: 200px;*/
			margin: 25px auto 25px;
			line-height: 20px;
			text-transform: lowercase;
			color: #f3771f;
			}

			.b-project .properties .left-column {
				display: inline-block;
				vertical-align: top;
				margin: 0 20px 0 5px;
				}

			.b-project .properties .right-column {
				display: inline-block;
				vertical-align: top;
				min-width: 90px;
				margin: 0 0 15px;
				}

			/*.b-project .order-button {*/
				/*display: inline-block;*/
				/*}*/

				/*.b-project .order-button .order-button-link {*/
					/*display: block;*/
					/*width: 241px;*/
					/*height: 41px;*/
					/*background: url(../../project/images/order-button.png) 0 0 no-repeat;*/
					/*}*/

				/*.b-project .order-button .order-button-link:hover {*/
					/*background-position: 0 -41px;*/
					/*}*/

				/*.b-project .order-button .order-button-link:active {*/
					/*background-position: 0 -82px;*/
					/*}*/

                  .b-project .order-menu {
                      display: block;
                      width: 250px;
                      text-align: center;
                      margin: 0 75px 0 0;
                  }
                  .b-project .order-menu .order-button-link {
                      background:  url(../../project/images/order-button-2.png) 92% 55%  no-repeat,#b52723;
                      background: url(../../project/images/order-button-2.png) 92% 55%  no-repeat, linear-gradient(to top, #b52723, #e25951);
                      color: white;
                  }
                  .b-project .order-menu ul li {
                      list-style: none;
                      margin: 0 0 17px 0;
                  }
                  .b-project .order-menu ul li a {
                      display: block;
                      padding: 11px 10px;
                      background: linear-gradient(to top, #d2d2d2, #ececec);
                      color: #454545;
                      border: 1px solid #bfbfbf;
                      border-radius: 6px;
                      font-size: 16px;
                      text-decoration: none;
                  }
                  .b-project .order-menu ul li a:hover {
                      color: white;
                  }



		.b-project span {
			font-size: 12px;
			color: #6d6d6d;
			text-transform: none;
		}




.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
