@import url(reset.css);

html, body {
height:100%;
}

body {
background:#421b18 url(../images/bg_repeat.jpg) left top repeat-y;
font-size:12px;
line-height:14px;
color:#dfa1a4;
text-align:left;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

body.mainPage {
background:#421b18 url(../images/main_bg_repeat.jpg) left top repeat;
}

.bg_repeat {
background:url(../images/bg.jpg) left top no-repeat;
}

.mainPage .bg_repeat {
background:url(../images/main_bg.jpg) left top no-repeat;
}

#wrap {
background:none;
position:relative;
width:1152px;
min-height:100%;
margin:0;
}

#wrap:after {
content:'';
clear:both;
display:block;
overflow:hidden;
height:0;
}

	.home {
	background:url(../images/ico_home.gif) left top no-repeat;
	display:block;
	position:absolute;
	top:90px;
	left:20px;
	text-indent:-10000px;
	width:23px;
	height:25px;
	z-index:910;
	}
	
	.categoryButtons {
	position:absolute;
	left:0;
	top:90px;
	width:75px;
	height:450px;
	z-index:900;
	zoom:1;
	}
	
		.categoryButtons a {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:75px;
		z-index:1;
		zoom:1;
		}
		
		.categoryButtons .premium {
		background:url(../images/premium_button.png) left top no-repeat;
		height:250px;
		text-indent:-10000px;
		}
		
		.categoryButtons .premiumUp {
		background:url(../images/premium_button_a.png) left top no-repeat;
		height:250px;
		text-indent:-10000px;
		z-index:2;
		}
		
		.categoryButtons .busines {
		background:url(../images/busines_button.png) left top no-repeat;
		top:205px;
		height:237px;
		text-indent:-10000px;
		}
		
		.categoryButtons .businesUp {
		background:url(../images/busines_button_a.png) left top no-repeat;
		top:205px;
		height:237px;
		text-indent:-10000px;
		z-index:2;
		}
	
	.leftCol {
	width:232px;
	float:left;
	padding:168px 0 170px 128px;
	position:relative;
	}
	
	.leftCol:after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden;
	height:0;
	}
	
		.logo {
		margin:0 0 85px 0;
		display:block;
		position:relative;
		width:215px;
		height:68px;
		text-decoration:none;
		}
		
			.logo span, .logo:hover span {
			position:absolute;
			top:33px;
			left:168px;
			color:#dadada;
			font-size:12px;
			text-transform:lowercase;
			text-decoration:none;
			}
			
			.logo span.prem {
			left:165px;
			}
		
		p.else {
		background:url(../images/elsestyle.gif) left top no-repeat;
		text-transform:uppercase;
		color:#e2a8a7;
		margin:0 0 25px 50px;
		display:block;
		float:left;
		width:73px;
		height:10px;
		text-indent:-10000px;
		}
		
		.leftMenu {
		margin:0 0 60px 15px;
		display:block;
		}
		
			.leftMenu li {
			background:url(../images/left_menu_slash.gif) 15px 3px no-repeat;
			position:relative;
			padding:0 0 8px 35px;
			color:#f2006e;
			zoom:1;
			}
			
				.leftMenu a {
				color:#e0a3a6;
				text-decoration:none;
				}
				
				.leftMenu a:hover, .leftMenu .select a, .leftMenu a.current {
				color:#f2006e;
				text-decoration:none;
				}
			
				.leftMenu a.clientM {
				background:url(../images/client.gif) left top no-repeat;
				width:85px;
				height:10px;
				}
				
				.leftMenu a.salonM {
				background:url(../images/salon.gif) left top no-repeat;
				width:116px;
				height:13px;
				}
				
				.leftMenu a.spaM {
				background:url(../images/spa.gif) left top no-repeat;
				width:48px;
				height:11px;
				}
				
				.leftMenu a.buticM {
				background:url(../images/butic.gif) left top no-repeat;
				width:134px;
				height:13px;
				}
				
				.leftMenu a.barM {
				background:url(../images/bar.gif) left top no-repeat;
				width:96px;
				height:14px;
				}
				
				.leftMenu a.photoM {
				background:url(../images/photo.gif) left top no-repeat;
				width:104px;
				height:13px;
				}
				
		.specPred {
		background:url(../images/spec.gif) left top no-repeat;
		display:block;
		float:left;
		text-indent:-10000px;
		width:192px;
		height:83px;
		margin:0 0 30px 10px;
		position:relative;
		z-index:2;
		}
		
		.addres {
		display:block;
		float:left;
		width:182px;
		margin:0 0 0 20px;
		font-weight:bold;
		line-height:15px;
		position:relative;
		z-index:2;
		}
		
		.flowers {
		background:url(../images/flowers.png) left top no-repeat;
		width:384px;
		height:275px;
		display:block;
		position:absolute;
		left:0;
		bottom:20px;
		z-index:1;
		}
	
	.rightCol {
	width:792px;
	float:right;
	position:relative;
	padding-bottom:20px;
	}
	
	.rightCol:after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden;
	height:0;
	}
	
		.rightCol.main {
		background:url(../images/bg_main.jpg) left 58px no-repeat;
		padding-top:736px;
		}
		
			.rightCol.main .block {
			position:relative;
			left:84px;
			top:0;
			width:642px;
			}
		
		.rightCol.main {
		background:url(../images/bg_main.jpg) left 58px no-repeat;
		padding-top:736px;
		}
		
			.rightCol.main .block {
			position:relative;
			left:84px;
			top:0;
			width:642px;
			}
			
		.rightCol.client {
		background:url(../images/bg_client.jpg) right 70px no-repeat;
		padding-top:697px;
		}
		
			.rightCol.client .block {
			position:relative;
			left:97px;
			top:0;
			width:642px;
			}
			
		.rightCol.salon {
		background:url(../images/bg_salon.jpg) left 58px no-repeat;
		padding-top:715px;
		}
		
			.rightCol.salon .block {
			position:relative;
			left:83px;
			top:0;
			width:560px;
			}
		
		.rightCol.spa {
		background:url(../images/bg_spa.jpg) left 65px no-repeat;
		padding-top:652px;
		}
		
			.rightCol.spa .block {
			position:relative;
			left:45px;
			top:0;
			}
				
		.rightCol.butic {
		background:url(../images/bg_butic.jpg) left 72px no-repeat;
		padding-top:693px;
		}
		
			.rightCol.butic .block {
			position:relative;
			left:64px;
			top:0;
			width:642px;
			}
			
		.rightCol.bar {
		background:url(../images/bg_bar.jpg) left 80px no-repeat;
		padding-top:646px;
		}
		
			.rightCol.bar .leftBg {
			background:url(../images/bg_bar_l.png) left top no-repeat;
			width:98px;
			height:134px;
			position:absolute;
			left:0;
			top:512px;
			z-index:2;
			}
			
			.rightCol.bar .rightBg {
			background:url(../images/bg_bar_r.png) right top no-repeat;
			width:121px;
			height:134px;
			position:absolute;
			right:38px;
			top:512px;
			z-index:2;
			}
			
			.rightCol.bar .block {
			position:relative;
			left:48px;
			top:-134px;
			width:642px;
			z-index:1;
			}
			
				.rightCol.bar .block .content {
				padding:0 60px 2px 55px;
				}
				
		.rightCol.page {
		background:url(../images/bg_text_block.jpg) 50px 55px no-repeat;
		padding-top:101px;
		}
		
			.rightCol.page .block {
			position:relative;
			left:50px;
			top:0;
			width:641px;
			}
			
				.rightCol.page .block .content {
				padding:10px 10px 2px 10px;
				}
				
					.rightCol.page .block .content .textBlock, .rightCol .block .content .textBlock.list {
					background:#1a1a1a;
					padding:10px 20px 20px 20px;
					margin:0 10px 0 0;
					zoom:1;
					}
					
					.rightCol.page .block .content .textBlock:after, .rightCol .block .content .textBlock:after {
					content:'';
					clear:both;
					display:block;
					overflow:hidden;
					height:0;
					}
					
					.rightCol.page .block .content .textBlock.list, .rightCol .block .content .textBlock.list {
					margin-left:40px;
					padding-left:40px;
					}
					
					.rightCol .block .content .textBlock.list {
					margin:0 0 0 20px;
					}
					
						.textBlock .dateNews {
						font-size:11px;
						text-transform:uppercase;
						color:#fff;
						}
						
							.textBlock .dateNews span {
							font-size:12px;
							color:#b8bbb4;
							text-transform:none;
							}
							
						.newsList {
						margin:10px 0 0 0;
						padding:0;
						} 
						
							.newsList li {
							background:none;
							padding:0;
							margin:0 0 25px 0;
							position:relative;
							zoom:1;
							}
							
								.textBlock .newsList .dateNews {
								display:block;
								padding-bottom:1px;
								}
								
									.textBlock .newsList .dateNews a {
									text-decoration:none;
									border-bottom:1px dashed #fff;
									}
									
									.textBlock .newsList .dateNews a:hover {
									text-decoration:none;
									border-bottom:1px dashed #f2006e;
									}
									
								.newsList li .dateAdd {
								position:relative;
								left:-71px;
								top:0;
								color:#925059;
								font-size:15px;
								line-height:24px;
								font-family:Arial, Helvetica, sans-serif;
								vertical-align:middle;
								float:left;
								margin:-6px -71px 0 0;
								zoom:1;
								}
								
									.newsList li .dateAdd span.b {
									color:#733039;
									font-size:24px;
									position:relative;
									top:3px;
									}
									
									.newsList li .dateAdd span.vb {
									font-size:10px;
									position:relative;
									top:-3px;
									margin:0 6px;
									}
							
						.pageNav {
						text-align:center;
						border-top:1px solid #fff;
						padding-top:5px;
						margin-top:25px;
						}
						
							.pageNav a, .pageNav span {
							text-transform:uppercase;
							font-size:10px;
							text-decoration:none;
							margin:0 10px;
							}
							
							.textBlock.list .pageNav a {
							margin:0 2px;
							}
							
							.textBlock.list .pageNav span {
							margin:0 2px;
							color:#dfa1a4;
							}
							
					.way {
					margin:0 0 10px 0;
					font-size:11px;
					}
					
					
					.albumBlock {
					background:#1a1a1a;
					padding:20px 0 30px 0;
					margin:0 0 10px 0;
					}
					
						.albumBlock .row {
						width:100%;
						min-height:102px;
						margin:0 0 20px 0;
						zoom:1;
						}
						
						.albumBlock .row:after {
						content:'';
						clear:both;
						display:block;
						overflow:hidden;
						height:0;
						}
						
							.albumBlock .row .alFrame {
							float:left;
							margin:0 18px;
							color:#fff;
							font-weight:bold;
							width:102px;
							line-height:14px;
							}
							
								.albumBlock .row .alFrame a.fr {
								background:#763239;
								border:1px solid #dfa1a4;
								display:block;
								width:90px;
								height:90px;
								padding:5px;
								margin-bottom:3px;
								}
								
								.albumBlock .row .alFrame a {
								font-weight:normal;
								}
								
								.albumBlock .row .alFrame img {
								width:86px;
								height:86px;
								border:2px solid #dfa1a4;
								}
								
					.galleryBlock {
					position:relative;
					width:510px;
					margin:0 0 10px 6px;
					zoom:1;
					}
					
					.galleryBlock:after {
					content:'';
					clear:both;
					display:block;
					overflow:hidden;
					height:0;
					}
					
						.galleryBlock .gallBox {
						width:500px;
						background:#272727;
						padding:10px 5px;
						margin:10px 0;
						height:90px;
						float:left;
						position:relative;
						overflow:hidden;
						}
						
						.galleryBlock ul {
						/*background:#272727;
						padding:10px 5px;
						height:90px;
						float:left;*/
						position:relative;
						height:90px;
						margin:0;
						overflow:hidden;
						}
							
							.galleryBlock a.left, .galleryBlock span.left {
							background:url(../images/arrow_gal_l.gif) left top no-repeat;
							position:relative;
							margin-left:-37px;
							display:block;
							float:left;
							width:37px;
							height:110px;
							text-indent:-10000px;
							margin-top:10px;
							z-index:10;
							zoom:1;
							}
							
							.galleryBlock a.left:hover, .galleryBlock span.left {
							background:url(../images/arrow_gal_l.gif) left -110px no-repeat;
							}
							
							.galleryBlock a.right, .galleryBlock span.right {
							background:url(../images/arrow_gal_r.gif) right top no-repeat;
							position:relative;
							margin-right:-37px;
							display:block;
							float:left;
							width:37px;
							height:110px;
							text-indent:-10000px;
							margin-top:10px;
							z-index:10;
							zoom:1;
							}
							
							.galleryBlock a.right:hover, .galleryBlock span.right {
							background:url(../images/arrow_gal_r.gif) right -110px no-repeat;
							}
							
							.galleryBlock ul li {
							position:relative;
							overflow:hidden;
							float:left;
							width:90px;
							height:90px;
							margin:0 5px;
							-margin:0 4px;
							padding:0;
							}
							
								.galleryBlock ul li img {
								width:86px;
								height:86px;
								border:2px solid #dfa1a4;
								}
								
							.galleryBlock .bigPic {
							position:relative;
							width:584px;
							margin:0 -37px;
							padding:10px 0;
							text-align:center;
							color:#dfa1a4;
							clear:both;
							}
							
							.galleryBlock .bigPic:after {
							content:'';
							clear:both;
							display:block;
							overflow:hidden;
							height:0;
							}
							
								.galleryBlock .bigPic img {
								max-width:582px;
								margin:0 auto 10px auto; 
								}
					
                        .galnavig {
                            z-index:inherit;
                            width:37px;
                            float:left;
							margin-top:135px;
                        }
									
                            .galnavig a {
                                margin:0 !important;
                            }
							
                        .galimg {
                            float:left;
                            width:502px;
						}
											
                            .galimg img {
                                width:500px !important;
                            }
								
					.rightCol.page .twoLevelMenu {
					margin:-10px -20px 10px 20px;
					border:10px solid #000;
					}
				
			.rightCol .news {
			margin:0;
			}
			
				.rightCol .news th {
				background:none;
				border:none;
				font-size:13px;
				padding:0 10px;
				}
				
					.rightCol .news th p {
					font-size:13px;
					border-bottom:1px dashed #444;
					padding-bottom:6px;
					}
				
				.rightCol .news td {
				background:none;
				border:none;
				font-size:11px;
				}
				
				.rightCol .news td.sep {
				width:30px;
				padding:0;
				}
				
				.rightCol .news td.date {
				padding:4px 0;
				width:70px;
				text-align:right;
				} 
				
				.rightCol .news td.text {
				width:195px;
				}
				
					.rightCol .news td.text a.more {
					margin:10px -5px 0 0;
					}
				
		.twoLevelMenu {
		background:#313030;
		margin:0 0 10px 20px;
		padding:10px 20px 30px 20px;
		float:right;
		}
		
			.twoLevelMenu li {
			background:none;
			padding:0 0 4px 0;
			margin:0;
			}
			
				.twoLevelMenu li a, .twoLevelMenu li.active span {
				text-decoration:none;
				border-bottom:1px dashed #dfa1a4;
				padding-bottom:1px;
				color:#dfa1a4;
				}
				
				.twoLevelMenu li.active span {
				border-bottom:none;
				}
				
				.twoLevelMenu a:hover {
				text-decoration:none;
				border-bottom:none;
				color:#dfa1a4;
				}
				
#specBox {
background:url(../images/bg_transparent.png) left top repeat;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:2000;
width:100%;
height:100%;
zoom:1;
}

	#specBox .spec {
	background:url(../images/spec_bg.png) left top no-repeat;
	position:absolute;
	left:420px;
	top:200px;
	width:498px;
	height:500px;
	}
	
		#specBox .spec .close {
		position:absolute;
		top:10px;
		right:10px;
		cursor:pointer;
		z-index:10;
		}
		
		#specBox .spec .text {
		margin:66px 59px 57px 57px;
		padding:20px 30px;
		color:#000;
		height:337px;
		overflow:auto;
		}
		
			#specBox h1, #specBox h2, #specBox h3, #specBox h4, #specBox h5, #specBox h6 {
			color:#892633;
			}
		
/* blocks */

.block {
width:645px;
position:relative;
}

	.block .content {
	background:#000;
	color:#dfa1a4;
	padding:0 40px 2px 40px;
	zoom:1;
	}
	
	.block .content:after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden;
	height:0;
	}
	
	.block .bb {
	position:relative;
	overflow:hidden;
	height:25px;
	}
							
		.block .cn {
		background:url(../images/corners_block.png);
		position:relative;
		overflow:hidden;
		width:25px;
		height:50px;
		}
										
		.block .cn.l {
		margin-right:25px;
		width:auto;
		}
										
		.block .cn.r {
		position:absolute;
		margin-left:100%;
		top:-25px;
		left:-25px;
		}

/* /blocks */
	
/* globals */

h1 {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0 0 14px 0;
clear:both;
vertical-align:top;
}

h2, h3, h4, h5, h6 {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:18px 0 14px 0;
clear:both;
vertical-align:top;
}

h1 { font-size:24px; clear:none; }
h2 { font-size:21px; }
h3 { font-size:18px; }
h4 { font-size:15px; font-weight:bold; }
h5 { font-size:13px; font-weight:bold; }
h6 { font-size:12px; font-weight:bold; }

.textBlock h1 {
margin-top:18px;
}

.clear {
clear:both;
height:1px;
margin-top:-1px;
overflow:hidden;
}

a {
color:#fff;
text-decoration:underline;
}

/*a:visited {
color:#a96a41;
text-decoration:underline;
}*/

a:hover {
color:#f2006e;
text-decoration:underline;
}

a.more {
background:url(../images/button_more.gif) left top no-repeat;
display:block;
float:right;
width:23px;
height:8px;
text-indent:-10000px;
cursor:pointer;
}

p {
margin-bottom:5px;
}

.rightCol .content img {
border:1px solid #fff;
}

ul {
margin:10px 0 15px 0;
}

ul ul {
margin:5px 0;
}

ul li, ol ul li {
background:url(../images/ul_li_bg.gif) left 5px no-repeat;
padding-left:16px;
margin-bottom:5px;
}

ul li ul li {
background:url(../images/ul_ul_li_bg.gif) left 5px no-repeat;
}

ul li ul li ul li {
background:url(../images/ul_ul_ul_li_bg.gif) left 5px no-repeat;
}

ol {
margin:10px 0 15px 20px;
//margin-left:25px;
}

ol ol, ul ol {
margin:8px 0 0 20px;
}

ol li, ul ol li {
list-style-type:decimal;
list-style-position:outside;
margin:0 0 5px 0;
}

ul ol li, ul ul ol li, ul ul ul ol li {
background:none;
padding:0;
}

ol ul li {
list-style-type:none;
}

blockquote {
background:#3a191d url(../images/blockqute_bg_tl.gif) 9px 9px no-repeat;
color:#fff;
font-size:12px;
padding:0;
margin:10px 0;
}

	blockquote .bg {
	background:url(../images/blockqute_bg_rb.gif) right bottom no-repeat;
	padding:10px 55px;
	}

form {
zoom:1;
width:100%;
}

form:after {
content:'';
display:block;
clear:both;
height:0;
overflow:hidden;
}

input {
background:#fff;
vertical-align:middle;
margin:0 5px 5px 0;
border:1px solid #d4cfc2;
color:#463225;
}

textarea {
background:#fff;
padding:2px 3px 3px 3px;
font-size:11px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
width:350px;
height:100px;
border:1px solid #d4cfc2;
color:#463225;
}

input.text {
padding:2px 3px 3px 3px;
font-size:11px;
}

input.check {
border:none;
}

select {
background:#fff;
margin:0 0 5px 0;
border:1px solid #d4cfc2;
color:#463225;
vertical-align:middle;
}

table {
margin:10px 0;
}

td, th {
border:1px solid #dfa1a4;
vertical-align:top;
padding:4px 10px 6px 10px;
}

th {
font-weight:bold;
text-align:left;
}

.floatRight {
float:right;
margin:0 0 5px 15px;
}

.floatLeft {
float:left;
margin:0 15px 5px 0;
}

/* /globals */

