html, body{
	height: 100%;
	
}
body{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	min-width: 1024px;
	position: relative;
	font-family: Arial,Helvetica,Garuda,sans-serif;
	color: #ffffff;
	background-color: #221815;
	font-size: 12px;
	
}
*html body{
	width:expression(((document.documentElement.offsetWidth)<1024) ? "1024px" : "100%"); 
}

#box{
	padding-bottom: 60px;
}


	.more{
		padding-left: 36px;
		background: transparent url('../pic/more.gif') no-repeat left center;
		color: #fff;
		font-weight: bold;
		text-transform: lowercase;
	}

		.container{
			max-width: 900px;
			margin: 0 auto; 
			padding: 65px 80px 30px 80px;
			overflow: hidden;
			zoom:1;
			position: relative;
		}
		*html .container{
			width:expression(((document.documentElement.offsetWidth)>900) ? "900px" : "100%"); 
		}
			#blick{
				position: absolute;
				top:0;
				left: 0;
				z-index: -100;
			}
			.left{
				width: 620px;
				float: left;
			}
			
			.container .left{ min-height:700px; } 
			
				#menu{
					background: #ffff00;
					width: 100%;
					height: 25px;
					margin-top: 20px;
				}
					#menu td{
						text-align: center;
						vertical-align: middle;
					}
						#menu a{
							text-transform: lowercase;
						}
						#menu a, .link{
							color: #000000;
							font-weight: bold;
						}
				.centerBox{
					position: relative;
					height: 400px;
					margin-bottom: 55px;
				}
					.mainBlock{
						position: absolute;
						left: 0;
						bottom: 0;
						right: 0;
					}
						.tTitle{
							font-size: 55px;
							padding-bottom: 10px;
							text-transform: uppercase;
						}
						#descr{
							position: relative;
						}
							.transparent{
								height: 165px;
								background-color: #1a100d;
								filter:alpha(opacity=60);
								-moz-opacity:0.6;
								-khtml-opacity: 0.6;
								opacity: 0.6;
								z-index: 0;
							}
							.text{
								height: 100px;
								z-index: 100;
								position: absolute;
								left: 25px;
								right: 25px;
								top: 25px;
								line-height: 22px;
								padding-bottom: 15px;
							}
								.text .more{
									position: absolute;
									left: 0;
									bottom: 0;
								}
								
					.addBlock{
						padding-bottom: 20px;
					}
						.addBlock .go{ 
							float: left;
						}	
							.addBlock .addTitle{
								padding-bottom: 35px;
							}
								.addBlock .selectBG{
									float: none;
									margin-left: 60px;
									display: block;
									width: auto;
									padding-left: 8px;
								}
							.article{
								padding-bottom: 45px;
								overflow: hidden;
								zoom:1;
							}
								.article .aTitle, .pTitle{
									font-size: 30px;
									text-transform: uppercase;
									padding-bottom: 25px;
								}
								.article .aDescr, .pText{
									padding-bottom: 25px;
									line-height: 22px;
								}
									.article .aDescr span{
										background: #6a2d67;
									}
			
			.right{
				width: 240px;
				float: right;
				text-align: right;
			}
				#phraseBox{
					height: 45px;
					position: relative;
				}
					#phrase{
						color: #ffff66;
						font-size: 18px;
						position: absolute;
						right: 0;
						bottom: 0;
					}
				#chanceBG{
					padding-top: 20px;
					overflow: hidden;
					zoom:1;
				}
					.selectBG{
						background: #c5c4b5;
						padding: 5px 15px 0 0;
						width: 90px;
						height: 20px;
						float: right;
						margin-right: 7px;
					}
						.go{
							display: block;
							float: right;
							height: 25px;
							width: 55px;
							background: #ffff00 url('../pic/go.gif') no-repeat  38px center;
						}
				#accessory{
					position: absolute;
					right: 0;
					bottom: 0;
					width: 175px;
					padding-bottom: 15px;
					line-height: 22px;
					text-align: left;
				}
					#accessory img{
						margin-bottom: 15px;
					}
			
#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	/*background-color: #241915;
	border-top: 1px solid #312424;*/
}
	#footer .container{
		padding: 25px 0 0 0;
	}
	
.page{
	padding-top: 80px;
}
	
/* ---- CATALOG PAGE ---- */
#interiorList{
	padding-top: 80px;
	padding-bottom: 40px;
}
	.interior{
		padding-bottom: 40px;
	}
		.bigIll{
			border: 3px solid #d8d7cc;
		}
		
	
	.thumbs{
		margin-bottom: 20px;
		overflow: hidden;
		zoom:1;
		margin-top: -1px;
	}
		.thumbs li{
			float: left;
			margin-right: 20px;
		}
			.thumbs li a{
				display: block;
				padding-top: 25px;
				cursor: pointer;
			}
				.thumbs li a.curr{
					background: url(../pic/currImg.png) no-repeat 15px top; 
				}
	.descr{
		padding-left: 20px;
	}
		.descr .more{
			text-transform: none;
			text-decoration: none;
		}
		.descr  p{
			line-height: 22px;
			padding-left:36px;
			padding-top: 10px;
		}
		
.page .article{
	padding-bottom: 65px;
}

.popArt{
	overflow: hidden;
	zoom:1;
}
	.popArt li{
		line-height: 22px;
		text-align: left;
		width: 175px;
		margin-bottom: 45px;
		float: right;
	}
