@import url(menu.css);
@import url(decor.css);
html {height: 100%;}
body {
	height: 100%; margin: 0; padding: 0; width: 100%;
	font: 12px Tahoma; color: black; background: url(../images/body.jpg) left top no-repeat;
}
a img {border: none; outline: none;}
a {color: #40a328; text-decoration: underline;}
a:visited {color: #40a328; text-decoration: underline;}
a:hover {color: #40a328; text-decoration: none;}
a.story {
	color : #008ccc;
}


div.main {
   margin-bottom: -192px; border: none; min-height:100%; background: url(../images/dom.jpg) top left no-repeat;
	position: relative; min-width: 1000px; max-width: 1700px;
}
div.pere {clear: both;}

div.head {
	position: relative;
}
div#hand {
	background: url(../images/hand.png); width: 314px; height: 221px; position: absolute; top: 24px; right: 0;
}
div#logo {
   text-align: center; padding-top: 16px;
}
div#link {
	background: url(../images/link.png); width: 255px; height: 31px; position: absolute; top: 0; right: 133px;
}
div#link a {
	float: left; width: 12px; height: 12px; margin-left: 55px; display: block; margin-bottom: 10px; cursor: pointer;
}
div.telephon {
	background: url(../images/telephon.jpg) no-repeat; width: 204px; height: 71px; position: absolute; top: 265px; right: 45px;
}
div#menu {
   margin: 200px 0 0 0; opacity: 0.70; filter: alpha(opacity="70");
}
div.nav-bg {
	background: url(../images/nav-bg.jpg) top repeat-x; margin: 0 48px;
}
div.nav-right {
	background: url(../images/nav-right.jpg) top right no-repeat;
}
div.nav-left {
	background: url(../images/nav-left.jpg) top left no-repeat; height: 52px;
}
div#foot-menu {
   margin: 0 0 0 0;
}
div.left {
	width: 230px; float: left; padding-top: 60px;
}
div.block_str_serv {
   background: url(../images/str-serv.jpg) top no-repeat; padding-top: 56px; margin-bottom: 30px;
}
div.nav-razdel {
   background: url(../images/nav-razdel.jpg) top no-repeat; padding-top: 56px; margin-bottom: 30px;
}
div.news-stroy {
	background: url(../images/news-stroy-dom.jpg) no-repeat; padding-top: 90px; padding-left: 40px; margin-bottom: 40px;
}
div.news-block {
	margin-bottom: 15px;
}
div.image {
	width: 65px; float: left;
}
div.image div {
	background: url(../images/podr.gif) right no-repeat; padding-right: 10px; text-align: right;
}
div.image strong {
	font-size: 10px; color: #141516; display: block; padding-bottom: 10px;
}
div.image img {
	border: #d1ccc6 1px solid;
}
div.text, div.text-long {
	margin-left: 65px; padding-left: 10px; font-size: 11px;
}
div.text-long {
	margin-left: 0; padding-left: 0;
}
div.news-block a {display: block; color: #239507; text-decoration: underline;}
div.news-block a:visited {color: #239507; text-decoration: underline;}
div.news-block a:hover {color: #239507; text-decoration: none;}

div.text p, div.text-long p {margin: 0; padding: 0;}
div.dot {background: url(../images/dot-h.jpg) repeat-x; height: 1px; margin-bottom: 15px; text-align: right;}
div.last-pub {
   background: url(../images/last-pub.jpg) top no-repeat; padding-top: 90px; margin-bottom: 40px; padding-left: 40px;
}
div.pop-art {background: url(../images/pop-art.jpg) top no-repeat; padding-top: 66px; margin-bottom: 30px;}
div.our-partner {background: url(../images/our-partner.jpg) top no-repeat; padding-top: 50px; margin-bottom: 30px;}
div.our-partner-right {background: url(../images/our-partner-right.jpg) top no-repeat; padding-top: 50px; margin-bottom: 30px;}
div.right {width: 230px; float: right; padding-top: 60px;}
div.our-project { margin-bottom: 30px;}
div.photo-kot { margin-bottom: 30px; background: url(../images/photo-kot.jpg) top no-repeat; padding-top: 69px; text-align: center;}
div.photo-kot img {
	width: 160px; height: 120px; display: block; margin: 0 auto 10px auto; border: #f0d16f 1px solid;
}
div.project-bg {
	background: url(../images/our-project.jpg) top no-repeat; height: 77px;
}
div.our-project-left {background: url(../images/our-project-left.jpg) top no-repeat; padding-top: 76px; margin-bottom: 30px;}
div.pop-project {background: url(../images/pop-project.jpg) top right no-repeat; padding-top: 193px;}
div.pop-project-left {background: url(../images/pop-project-left.jpg) top left no-repeat; padding: 194px 0 0 40px; margin-bottom: 30px;}
div.project-name {font: 24px "Myriad Pro Cond"; color: #171717;}
div.project-name span {border-bottom: #171717 dashed 1px;}
div.all-more {text-align: right; font-size: 11px; padding-right: 40px;}
div.pop-project-left div.all-more {text-align: right; font-size: 11px; padding-right: 0;}
div.all-more a {color: #40a328; text-decoration: underline;}
div.all-more a:visited {color: #40a328; text-decoration: underline;}
div.all-more a:hover {color: #40a328; text-decoration: none;}
div.project-img-block {margin: 0 0 8px 0; padding-right: 40px;}
div.pop-project-left div.project-img-block {margin: 0 0 8px 0; padding-right: 0;}
div.project-img-block strong {text-align: center; display: block;} b {text-align: center; display: block;}
div.project-img-block img {border: 1px solid #f0d06b; margin: 5px 0 5px 0;}
div.project-img-block a {
	display: block; text-align: center; text-transform: lowercase; color: #40a328; text-decoration: underline; 
}
div.project-img-block a:visited {color: #40a328; text-decoration: underline;}
div.project-img-block a:hover {color: #40a328; text-decoration: none;}
div.dot-r {background: url(../images/dot-h.jpg) repeat-x; height: 1px; margin-top: 10px;}

div.page {
	margin: 0 230px 0 230px; padding: 60px 40px 40px 40px; text-align: justify;}
div.pagein {
   width: 100%; overflow: hidden; text-align: justify;
}
div.pagein b {text-align: justify; display: inline}
div.pagein img {margin-right: 5px}
div.bn-c {
	text-align: center; margin: 40px 0 40px 0;
}
div.bn-l {
	text-align: left; margin: 40px 0 40px 0;
}
div.block-project {background: url(../images/dot-h.jpg) bottom repeat-x; margin-top: 20px;}
div.block-project div.project-img-block {margin: 0 0 8px 0; padding: 5px; float: left;}
div.block-project div.project-img-block img {width: 147px; height: 105px;}
div.block-project div.project-img-block a {font-size: 11px;}
div.blue-bg {
	background: url(../images/blue-bg.gif);
}
div.rt {
	background: url(../images/rt.gif) top right no-repeat;
}
div.rb {
	background: url(../images/rb.gif) bottom right no-repeat;
}
div.lb {
	background: url(../images/lb.gif) bottom left no-repeat;
}
div.lt {
	background: url(../images/lt.gif) top left no-repeat;
}
div.blue-out {
   position: relative; padding-top: 0.6em;
}
div.blue-name-l, div.blue-name-r {
	background: url(../images/blue-name.jpg) no-repeat; width: 160px; height: 35px; display: block; text-align: center;	
}
div.blue-name-l {
	position: absolute; top: 0; left: 0; text-align: center;
}
div.blue-name-r {
	position: absolute; top: 0; right: 0;
}
div.blue-name-l span, div.blue-name-r span {
	 margin: 0 auto; text-align: center; width: 110px; display: block; border-bottom: white 1px solid;
	font: normal 18px "Myriad Pro Cond"; color: white;
}
div.lt p {padding: 15px 25px 12px 25px; color: white;}
div.green {margin: 20px 0 20px 0;}
div.green-tt {background: url(../images/green-tt.gif) top repeat-x;}
div.green-rt {background: url(../images/green-rt.gif) top right no-repeat;}
div.green-lt {background: url(../images/green-lt.gif) top left no-repeat; height: 45px;}
div.green-bg {background: url(../images/green-bg.gif);}
div.green-rr {background: url(../images/green-rr.gif) right repeat-y;}
div.green-ll {background: url(../images/green-ll.gif) left repeat-y;}
div.green-rb {background: url(../images/grren-rb.gif) right no-repeat;}
div.green-lb {background: url(../images/green-lb.gif) left no-repeat; height: 12px;}

div.outphoto {
   
}
div.photoblock {
	border: #cacaca 1px dotted; width: 148px; font-size: 11px; padding: 8px 5px 8px 5px; text-align: center;
	float: left; margin: 0 6px 20px 0;
}
div.photoblock strong {display: block; margin-bottom: 10px;}
div.photoblock strong u {text-transform: uppercase; font-weight: normal;}
div.photoblock p strong {display: inline;}
div.photoblock img {width: 102px; height: 73px; border: #f0d06b 1px solid; margin: 0 auto;}
div.yellow-but {
	background: url(../images/yellow-button.gif) center no-repeat; height: 14px; text-align: center; margin-bottom: 10px;
}
div.yellow-but a {color: #81621b; text-decoration: none; height: 14px; display: block;}
div.yellow-but a:visited {color: #81621b; text-decoration: none;}
div.yellow-but a:hover {color: #81621b; text-decoration: none;}
div.blue-but {
	background: url(../images/blue-button.gif) center no-repeat; height: 14px; text-align: center;
}
div.blue-but a {color: white; text-decoration: none; height: 14px; display: block;}
div.blue-but a:visited {color: white; text-decoration: none;}
div.blue-but a:hover {color: white; text-decoration: none;}

div.gray-list {background: #f2f2f2; height: 30px; font-size: 11px;}
div.txt {
	float: left; width: 83px; padding: 8px 0 0 10px;
}
div.list {margin-left: 83px;}
div.list a {
	background: url(../images/list.jpg) no-repeat; width: 19px; height: 21px; display: block; float: left;
	margin-right: 3px; position: relative; text-align: center; color: #faf6f7; margin-top: 5px; font-weight: bold;
	padding-top: 2px;
}
div.list a:visited {color: #faf6f7; background: url(../images/list.jpg) no-repeat; text-decoration: underline;}
div.list a:hover {color: black; background: url(../images/list-act.jpg) no-repeat; text-decoration: none;}

div.list span {
	background: url(../images/list-act.jpg) no-repeat; width: 19px; height: 21px; display: block; float: left;
	margin-right: 3px; position: relative; text-align: center; color: black; margin-top: 5px; font-weight: bold;
	padding-top: 2px;
}

div.ktg {
	margin-bottom: 20px;
}
div.ktg-img {
	width: 235px; float: left;
}
div.ktg-img img {
	width: 231px; height: 154px; border: #f0d16f 1px solid; margin-bottom: 5px;
}
div.ktg-img2 {
	width: 164px; float: left;
}
div.ktg-img2 img {
	width: 160px; border: #f0d16f 1px solid; margin-bottom: 5px;
}
div.ktg-img div {background: url(../images/plus.gif) top left no-repeat; padding-left: 15px; font-size: 11px; margin-left: 15px;}

div.ktg-txt {
	margin-left: 235px; padding: 0 17px 0 17px;
}
div.ktg-txt2 {
	margin-left: 164px; padding: 0 17px 0 17px;
}
div.ktg-txt div {
   background: url(../images/dot-h.jpg) bottom repeat-x; padding: 0 0 5px 5px; font-size: 11px;
}
div.ktg-txt div span {
	width: 128px; display: block; float: left;
}
div.ktg-txt2 div {
   background: url(../images/dot-h.jpg) bottom repeat-x; padding: 0 0 5px 5px; font-size: 11px;
}
div.ktg-txt2 div span {
	width: 128px; display: block; float: left;
}
div.i-block {
	margin-bottom: 20px;
}
div.i-block div {
	float: left; margin-right: 40px;
}
div.i-block div img {
	border: #f0d16f 1px solid; margin-bottom: 5px;
}
div.i-block div span {background: url(../images/plus.gif) top left no-repeat; display: block; padding-left: 15px; font-size: 11px; margin-left: 15px;}

div.pre {height: 192px;}
div.foot {
	background: url(../images/foot-bg.jpg) repeat-x; min-width: 1000px; max-width: 1700px; position: relative;
}
div.foot-right {
	background: url(../images/foot-right.jpg) right no-repeat;
}
div.foot-left {
	background: url(../images/foot-left.jpg) left no-repeat; height: 192px;
}
div.copy {
	width: 202px; float: left; font: 11px Tahoma; color: black; padding: 15px 0 0 38px;
}
div.copy a {color: white; text-decoration: underline;}
div.copy a:visited {color: white; text-decoration: underline;}
div.copy a:hover {color: white; text-decoration: none;}

div.kontakts {
	width: 275px; float: left; color: white; font-size: 11px; padding-top: 15px; margin-left: 25px;
}
div.kontakts1 {
	width: 120px; float: left; color: white; font-size: 11px; padding-top: 15px; margin-left: 25px; 
}
div.stat {
	position: absolute; right: 38px; bottom: 25px;
}
div.stat img {
	margin-left: 5px;
}
div#iconout {
position: absolute; top: 0; right: 133px; width: 255px;
}
div#icon {
background: url(../images/link.png) top no-repeat; height: 31px; padding: 8px 0 0 0;
}
div#icon div {
margin-left: 53px;
}
div#icon a {width: 13px; height: 13px; margin-right: 55px; float: left; display: block;}icon a {width: 13px; height: 13px; margin-right: 55px; float: left; display: block;}
div.news-block b {text-align: left; }