/* CSS Document */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	text-decoration:none
}
a img, :link img, :visited img {
	border: 0;
}
acronym, .termin {
	font-weight: bold;
	cursor:help
	}
acronym:hover, .termin:hover {
	border-bottom:dotted #512720 1px
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
	color: #512720
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* основные стили */
html {
	background:#370504;
	background:transparent url(IMG/bg_1.jpg) repeat fixed;
	}
body {
	font:70% Arial, Helvetica, sans-serif;
	color: #935D12
	}
#container {
	background: #fff url(IMG/bg_2.jpg) repeat-x;
	width:100%;
	max-width:1440px;
	min-width:999px;
	margin:auto
	}
p {
	color: #512720;
	margin: 20px 15px 20px 10px;
	line-height: 18px
}
address {
	margin: 0 0 7px 10px;
	font: 114% Arial, Helvetica, sans-serif;
	color: #51240E
	}
a {
	color:#7F3501;
	border-bottom: dotted #994A3D 1px;
	outline:none;
	}
a:hover {	
	color:#512720;
	border-bottom: dotted #512720 1px
	}
*.strong {
	font-weight:bold
	}
*.italic {
	font-style:italic
	}
*.line {
	margin:0.30em
	}
*.slaquo { /* Отступы для кавычек1 */
	margin-right:0.44em
	}
*.hlaquo {/* Отступы для кавычек2 */
	margin-left: -0.44em
	}
*.sbrace { /* Отступы для скобок */
	margin-right:0.3em
}
*.hbrace { /* Отступы для скобок2 */
	margin-left:-0.3em
}
/* конец основных стилей */

/* Стилия для шапки*/
	#header {
		background:transparent url(IMG/bg_3.jpg) no-repeat right top
		}
		#header h1 {
			text-indent: -9000em;
			background:transparent url(IMG/shapka.png) no-repeat;
			width:670px;
			height:353px;
			font-size:250%;
			float:left;
			overflow:hidden
			}
		#header .logo {
			background:transparent url(IMG/logo.png) no-repeat;
			width: 351px;
			height: 157px;
  		position:absolute;
   		left: 39%;
    	top: 4px
			}
			#header .logo a {
				display:block;
				height:157px;
				border:none;
				text-indent:-9000em;
			}	
		#header .lebed {
			background:transparent url(IMG/lebed.png) no-repeat;
			width: 255px;
			height: 320px;
			float: right;
			margin: 12px 0 0 0;
			z-index:1;
			position:relative
			}
			
/* Стиля для навигации */
			#header #navsite {
				clear:both;
				position:relative;
				top:-50px;
				height:77px;
				width:100%;
				background:transparent url(IMG/plashka.png) repeat-x
				}
			#header #navsite h2 {
				display:none
				}
			#header #navsite ul {
				list-style: square;
				width:980px;
				margin:auto;
				overflow:hidden
				}
				#header #navsite ul li {
					display:inline;
					float:left
					}
				#header #navsite ul li a {
					display:block;
					text-align:center;
					border:none
					}
				#header #navsite ul li.uzorLeft {
					background: transparent url(IMG/plashka2.png) no-repeat;
					width:75px;
					height:46px;
					margin: 16px 0 0 0
					}		
				#header #navsite ul li.o_firme a {
					background: transparent url(IMG/plashka2.png) no-repeat -100px 0;
					width:170px;
					height:46px;
					margin:16px 0 0 0
					}
				#header #navsite ul li.o_firme a:hover, #header #navsite ul li a#currentAboutUs {
					background: transparent url(IMG/plashka2.png) no-repeat -100px -46px
					}
				#header #navsite ul li.katalog a {
					background: transparent url(IMG/plashka2.png) no-repeat -270px 0;
					width:190px;
					height:46px;
					margin: 16px 0 0 0
					}
				#header #navsite ul li.katalog a:hover, #header #navsite ul li a#current {
					background: transparent url(IMG/plashka2.png) no-repeat -270px -46px
					}
				#header #navsite ul li.adresa a {
					background: transparent url(IMG/plashka2.png) no-repeat -460px 0;
					width:150px;
					height:46px;
					margin: 16px 0 0 0
					}
				#header #navsite ul li.adresa a:hover, #header #navsite ul li a#currentAddresses {
					background: transparent url(IMG/plashka2.png) no-repeat -460px -46px
					}
				#header #navsite ul li.otsyvy a {
					background: transparent url(IMG/plashka2.png) no-repeat -610px 0;
					width:155px;
					height:46px;
					margin: 16px 0 0 0
					}
				#header #navsite ul li.otsyvy a:hover, #header #navsite ul li a#currentResponses {
					background: transparent url(IMG/plashka2.png) no-repeat -610px -46px
					}
				#header #navsite ul li.sovety a {
					background: transparent url(IMG/plashka2.png) no-repeat -765px 0;
					width:155px;
					height:46px;
					margin: 16px 0 0 0
					}
				#header #navsite ul li.sovety a:hover, #header #navsite ul li a#currentAdvice {
					background: transparent url(IMG/plashka2.png) no-repeat -765px -46px
					}
				#header #navsite ul li.uzorRight {
					background: transparent url(IMG/plashka2.png) no-repeat top right;
					width:75px;
					height:46px;
					margin: 16px 0 0 0px
					}					
				#header #navsite ul li a:hover {
			 		border:none
					}		
				#header #navsite ul li a span {
					display: none
					}
				#header	#crumbs {
					font-size:1.2em;
					position:absolute;
					top: 386px;
					padding:6px;
					}
					#header #crumbs ul {
						display:inline
						}
						#header #crumbs ul li {
							display:inline
							}
						#header #crumbs ul li a {
							border:none
							}
						#header #crumbs ul li a:hover {
							text-decoration:underline
							}
						 		
/* Конец стилей для навигации */

				
/* Конец стилей для шапки*/


/*Стили для контента*/
	#wrapper {
		float:right;
		width:100%;
		margin: 0 0 0 -240px
		}
	#content {
		margin-left:210px
		}
		#content #text {
			padding: 0 0 0 7.5em
			}
			#content #text h3 {
				color:#6D3617;
				padding:0 0 0em .5em;
				font:normal 27px Arial, Helvetica, sans-serif;
				border-bottom: 10px solid #D7CDB3
				}
			#content #text #textBox{
				font: 120% Georgia, "Times New Roman", Times, serif;
				width:90%
				}	
			#content #text #textBox p.tittle {
				font: 135% Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				margin-top:1.3em;
				color:#000
				}
			#content #text #textBox p.tittle2 {
				font: bold 100% Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				margin-top:1.3em;
				color:#000
				}
			#content #text p.fl {
				font-style:italic;
				line-height:1.2em
				}	
			#content #text p.fl:first-letter {
				font-size:1.5em;
				color:#000
				}
			#content #text #textBox p span.strong {
				color:#000
				}
			#content #text #textBox #signature  { /* подись Аллы Романовны*/
				float:right;
				position:relative;
				margin-top:-100px;
				background: transparent url(IMG/podpis.gif);
				width:180px;
				height:177px
				}
			#content #text #textBox	.clearer { /* Eric A. Meyer */
				clear: both;
			 	line-height: 0;
			  	height: 0
			  	}
			#content #text #textBox .interiors{
				float:right;
			 	margin:0 0 30px 10px;
				padding:10px;
				background:#D7CDB3
				}  
			#content #text #textBox ul {
				margin-left:10px;
				padding-left:0;
				}
			#content #text #textBox ul li {
				line-height:1.8em;
				background:url(IMG/bullet.gif) no-repeat 0 5px;
				padding: 0 0 0 25px
				}
			#content #textBox:after {/* Решение для Ошибки гильотины */
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility:hidden;
				}	
			#content #text h3 span.italic {
				font-size:80%;
				display:block;
				color:#5F6B00;
				line-height:150%
				}	
			#content #text .photoCont {
				float:left;
				width:210px;
				height:350px;
				margin: 7px 7px 0 0;
				background: #fff;
				padding:5px;
				display:inline
				}
			#content #text .photoCont h4, .photoContImg h4 {
				font:bold 115% Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				line-height:1.4em
				}
			#content #text .photoContImg {
				float:left;
				width:210px;
				height:180px;
				margin:10px 0;
				padding:5px
				}
			#content #text .photoContImg h4 {
				clear:both
				}
			#content #text .photoContImg p {
				margin:0
				}	
			#content #text .photoContImg p.text {
				padding:3px 0
				}			
			#content #text p.thumbs {
				margin:0 10px 0.5em 0;
				padding:2px;
				float:left;
				background:#fff;
				border:1px solid #977155;
				}
			#content #text p.thumbs a {
				display:block;
				float:left;
				width:100px;
				height:100px;
				line-height:100px;
				overflow:hidden;
				position:relative;
				z-index:0;
				border:none		
				}
			#content #text p.thumbs a img {
				float:left;
				position:absolute;
				top:-63px;
				left:-100px	
				}
			#content #text p.thumbsVert a img { /* Для вертикальных фотографий */
				float:left;
				position:absolute;
				left:-63px;
				top:-100px	
				}	
			#content #text p.thumbs a:hover {
   				overflow:visible;
  				z-index:1000;
   				border:none;		
				}
			#content #text p.thumbs a:hover img, #content #text .big img {
   				border: #977155 1px solid;      
        		background:#fff;
        		padding:3px;		
				}
			#content #text .big, #content #text .big p {
				text-align:center;
				font:120% Arial, Helvetica, sans-serif
				}
			#content #text .big p a {
				border:none
				}	
			#content #text .big p a:hover {
				text-decoration:underline
				}
				
/* Контекстная навигация */					
	#navigation {
		width:200px;
		margin: 0 0.5em
		}
			#navigation #contNavig h5 {
				background: transparent url(IMG/fon.gif);
				border:solid 1px #70733C;
				color: #FFFADD;
				padding:3px 5px 0;
				margin: 0 0 10px 0;                         
				height:25px;
				font:bold 18px Verdana, Arial, Helvetica, sans-serif
				}
			#navigation #contNavig #box {
				padding:10px;
				background: #733C1C;
				border:1px solid #4F2510
				}
				#navigation #contNavig #box ul {
					list-style-type:none;
					background:#EDE8BF;
					line-height:1.4em;
					padding:10px
					}
					#navigation #contNavig #box ul li {
						border-top:1px dashed #4F2510
						}
					#navigation #contNavig #box ul li:hover {
						border-top:1px solid #4F2510;
						}	
					#navigation #contNavig #box ul li.noneborder, #navigation #contNavig #box ul li.noneborder:hover {
						border-top:none
						}
					#navigation #contNavig  #box ul li a {
						display:block;
						height:100%;
						color:#42430F;
						padding:6px;
						background:transparent;
						text-decoration:none;
						font:bold 12px Arial, Helvetica, sans-serif;
						border:none
						}
					#navigation #contNavig  #box ul li.current {
						background:#C7D46F;
						color:#454545
						}
/* Стили для euro */
						#navigation #euro {
						background: url(IMG/euroThumb.gif) no-repeat;
						height:105px;
						position:absolute;
						top:740px;
						width:201px;
						border:1px solid #4F2510
						}
						#navigation #euro:hover {
						cursor:pointer;
						border:none
						}
						#navigation p#none {
						display:none
						}
						#navigation #euro:hover p#none {
						display:block;
						width:200px;
						height:150px;
						background-color:#C7D46F;
						color:#952313;
						z-index:3000;
						opacity: 0.9;
						border: #84940F 1px solid;
						font: bold 150% Arial, Helvetica, sans-serif;
						text-transform: uppercase;
						padding:20px;
						margin:0;
						overflow:hidden
						}
						#navigation #euro:hover p#none a {
							padding:5px;
						 	background-color:#EDE8BF;
						  display:block; 
						  margin: 10px auto; 
						  clear:both;
						  width:150px;
						  text-align:center;
							border:none;
							font:bold 90% Arial, Helvetica, sans-serif;
							text-transform: uppercase
							}
						#navigation #img1  {
							position:absolute;
							background: #fff url(IMG/adviceImg1.jpg) no-repeat center;
							color: inherit;
							top:35%;
							left:15px;
							width:226px;
							height:414px;
							padding:2px;
							border:1px solid #977155
							}
						#navigation #img2  {
							position:absolute;
							background: transparent url(IMG/adviceImg2.jpg) no-repeat center;
							color: inherit;
							top:55%;
							left:15px;
							width:226px;
							height:320px;
							padding:2px;
							border:1px solid #977155
							}
						#navigation #img3  {
							position:absolute;
							background: transparent url(IMG/adviceImg3.jpg) no-repeat center;
							color: inherit;
							top:75%;
							left:15px;
							width:226px;
							height:389px;
							padding:2px;
							border:1px solid #977155
							}			
							
/* Конец стилей для euro */
							
/* Конец стилей для контекстной навигации */
							
/* Конец стилей для контента */
				

	
/* стили для подвала */
	#footer {
		clear:both;
		width:100%;
		background: #FFF
		}
		#footer .autor {
			text-align:center;
			padding:1em 0
				}
			#footer .autor ul {
				display:inline
				}
				#footer .autor ul li {
					font-size:90%;
					color:#512720;
					line-height:1.6em;
					display:inline;
					text-align:center
					}
				#footer .autor ul li.studio {
					display: block
					}
					
					html, body {
  height: 100%; /* Required */
}
#container {
	height: auto !important; /* Для современных браузеров */
	height: 100%; /* Для осла */
	min-height: 100%; /* Для современных браузеров */
	position: relative
}
#all{
  padding: 0 0 80px 0
}
#footer {
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 70px;
}
#all:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* конец стилей для подвала */

#euro500 {
	display:none;
  width:533px;
  height:277px;
	margin: auto;
	border: 1px solid #000000
	}