/*
	Author: Garovsky Edgar
	Author URI: http://garovsky.com/
*/


/* Global definitions
----------------------------------- */
* { margin: 0; padding: 0; }

body { color: #510a06; text-align: left; background: #f2e1be; }
	body, button, input, select, textarea { font: 11px/12px Tahoma, Arial, Helvetica, sans-serif; }

button, img, input, label, select { vertical-align: middle; }
	img { -ms-interpolation-mode: bicubic; }

div, textarea { vertical-align: top; }

fieldset, hr, img { border: 0; }

ins { position: absolute; overflow: hidden; }

p { margin-bottom: 5px; }

ol { list-style: square inside; margin: 0 5px 10px; }
ul { list-style: none; }

a, button, label { cursor: pointer; }

:active, :focus { outline: none; -moz-outline-style: none; }

a { color: #9e5456; text-decoration: underline; }
	a:hover { text-decoration: none; }


/* Titles */
h1 { position: relative; }
	h1 a {
		position: absolute;
		left: 300px;
		top: 21px;
		width: 400px;
		height: 63px;
		font: 700 18px/62px Arial, Helvetica, sans-serif;
		color: #dbbda4;
		text-align: center;
		margin: 0 auto;
		overflow: hidden;
	}
		h1 ins {
			left: 0;
			top: 0;
			width: 289px;
			height: 63px;
			background: url(logo.png);
		}


/* Form elements */
button { color: #ebe5cf; text-align: center; }

input, select, textarea {
	line-height: auto;
	color: #491717;
	background: #f5d4a0;
	padding: 2px 5px 3px 10px;
	border: 1px solid #9e807d;
	padding: 3px 5px 2px 10px\9
}
	input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover { background: #e9c489; }
	textarea { overflow: auto; resize: none; }



/* Main blocks
----------------------------------- */
#measurer {
	position: absolute;
	left: 0;
	top: -1px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

.layout { position: relative; min-width: 976px; background: #652625 url(wall-e.jpg); overflow: hidden; }
	.holder { position: relative; width: 976px; margin: 0 auto; }

.plinth {
	left: 0;
	top: 791px;
	width: 100%;
	height: 16px;
	background: #b87524;
	overflow: visible;
}
	.plinth ins {
		left: 0;
		top: -3px;
		width: 100%;
		height: 19px;
		background: url(plinth.png);
	}

.floor {
	left: 0;
	top: 807px;
	width: 100%;
	height: 127px;
	background: #313810 url(floor.png);
}
	.floor ins {
		left: 0;
		top: 0;
		width: 100%;
		height: 102px;
		background: #1b1f04 url(floor.jpg) 50% 0;
	}

.content { width: 823px; height: 715px; padding: 86px 0 0 153px; }
	.content-shadow {
		position: absolute;
		left: 66px;
		top: 0;
		width: 844px;
		height: 798px;
		background: url(content-shadow.png) no-repeat;
	}
		.content-inner {
			position: relative;
			width: 645px;
			height: 598px;
			background: #e3ba7b url(content.jpg) no-repeat;
			padding: 28px 0 0 26px;
		}
			.content .column {
				position: relative;
				float: left;
				width: 282px;
				height: 523px;
				margin-right: 14px;
				padding: 0 10px 10px;
				overflow: hidden;
			}
				.content .form { height: 290px; padding-bottom: 0; }



/* Header
----------------------------------- */
.header { height: 791px; background: url(wall-e.jpg); margin-bottom: -658px; }

.slogan {
	position: absolute;
	top: 47px;
	left: 245px;
	width: 488px;
	height: 105px;
	font: italic 700 20px/32px Arial, Helvetica, sans-serif;
	color: #d1e8f8;
	padding-top: 67px;
	text-align: center;
	overflow: hidden;
}
	.slogan strong { display: block; color: #ffced2; }
	.slogan ins {
		left: 0;
		top: 0;
		width: 488px;
		height: 172px;
		background: url(slogan.jpg);
	}

.wall-left, .wall-right {
	left: -500px;
	top: 0;
	width: 500px;
	height: 790px;
	background: url(wall-e.jpg);
}
	.wall-right { width: 526px; left: auto; right: -500px; }

.dust-1 {
	left: 14px;
	top: 34px;
	width: 231px;
	height: 185px;
	background: url(dust-1.jpg);
}

.dust-2 {
	left: -145px;
	bottom: 0;
	width: 155px;
	height: 85px;
	background: url(dust-2.jpg);
}

.dust-3 {
	right: -44px;
	bottom: 0;
	width: 195px;
	height: 355px;
	background: url(dust-3.jpg);
}

.stockings {
	left: 10px;
	bottom: 0;
	width: 143px;
	height: 563px;
	background: url(stockings.jpg);
}



/* Content
----------------------------------- */
.stockings-2 {
	left: 29px;
	top: 655px;
	width: 124px;
	height: 65px;
	background: url(stockings.png);
}

.flowers {
	right: 22px;
	top: 550px;
	width: 129px;
	height: 174px;
	background: url(flowers.png);
}

.knot {
	left: 281px;
	top: -40px;
	width: 109px;
	height: 110px;
	background: url(knot.png);
}

.inkle {
	left: 165px;
	bottom: 54px;
	width: 646px;
	height: 80px;
	background: url(inkle.png);
}

.tie {
	left: 469px;
	bottom: -64px;
	width: 56px;
	height: 135px;
	background: url(tie.png);
}

.shoes {
	left: 125px;
	bottom: 24px;
	width: 125px;
	height: 65px;
	background: url(shoes.png);
}

.bear {
	left: 494px;
	bottom: 45px;
	width: 100px;
	height: 85px;
	background: url(bear.png);
}

.binge {
	left: 389px;
	bottom: 28px;
	width: 100px;
	height: 135px;
	background: url(binge.png);
}

.case {
	right: 121px;
	bottom: 33px;
	width: 145px;
	height: 100px;
	background: url(case.png);
}

.content dl { height: 569px; overflow: hidden; }
	.content dt {
		position: relative;
		float: left;
		width: 101px;
		height: 36px;
		font-size: 13px;
		line-height: 36px;
		text-align: center;
		background: #a97c55;
		overflow: hidden;
		cursor: pointer;
	}
		.content dt.active { background: #e3ba7b; cursor: default; }
		.content dt.tab-girls { margin-left: -1px; }
		.content dt span {
			position: absolute;
			left: 0;
			top: 0;
			width: 101px;
			height: 36px;
			background: url(tabs.jpg);
		}
			.content dt.active span { background-position: -101px 0; }
			.content dt ins {
				position: static;
				display: block;
				width: 80px;
				height: 18px;
				text-indent: -9999px;
				background: url(titles.png) -251px -90px;
				margin: 8px auto 0;
			}
				.content dt.tab-requests ins { width: 82px; height: 24px; background-position: -204px -22px; margin-top: 7px; }
				.content dt.tab-reviews ins { width: 77px; background-position: -174px -90px; }
	.content dd {
		float: right;
		display: none;
		width: 100%;
		height: 533px;
		margin: 34px 0 0 -100%;
		overflow: hidden;
	}
		.content dd.active { display: block; }
		.content dd ul { background: url(line.png) 50% 0 no-repeat; padding-top: 1px; overflow: hidden; }
			.content dd li { position: relative; background: url(line.png) 50% 100% no-repeat; }
				.content dd a { color: #510a06; text-decoration: none; }
					.content dd a:hover { color: #88322d; }

.title {
	width: 174px;
	height: 22px;
	text-indent: -9999px;
	background: url(titles.png) 0 -90px;
	margin: 10px auto 3px;
	overflow: hidden;
}
	.requests .title { width: 274px; height: 22px; background-position: 0 0; }
	.reviews .title { width: 204px; height: 19px; background-position: 0 -22px; margin: 9px auto 7px; }

.girls li { min-height: 80px; padding: 11px 0 6px 96px; }
	.girls a { display: block; padding-left: 10px; }
		.girls strong {
			display: block;
			width: 138px;
			height: 19px;
			text-indent: -9999px;
			background: url(titles.png) 0 -112px;
			margin-left: -1px;
			overflow: hidden;
		}
			.girls .s-1 strong { margin-top: 1px; }
			.girls .s-2 strong { width: 145px; background-position: 0 -131px; margin-top: 1px; }
			.girls .s-3 strong { width: 95px; height: 20px; background-position: 0 -150px; }
			.girls .s-4 strong { width: 120px; height: 20px; background-position: -95px -150px; }
			.girls .s-5 strong { width: 117px; height: 18px; background-position: -215px -150px; margin: 0; }
			.girls .s-6 strong { width: 163px; height: 36px; background-position: -145px -112px; }
		.girls em { display: block; font-style: normal; }
			.girls .s-5 em, .girls .s-6 em { padding-top: 2px; }
		.girls span {
			position: absolute;
			left: 0;
			top: 10px;
			width: 96px;
			height: 76px;
			background: #cba364 url(girls.jpg);
			overflow: hidden;
		}
			.girls .s-2 span { background-position: 0 -76px; }
			.girls .s-3 span { background-position: 0 -152px; }
			.girls .s-4 span { background-position: 0 -228px; }
			.girls .s-5 span { background-position: 0 -304px; }
			.girls .s-6 span { background-position: 0 -380px; }
			.girls span ins {
				left: 0;
				top: 0;
				width: 96px;
				height: 76px;
				background: url(girls.jpg) -96px 0;
				opacity: 0;
				-ms-filter: "alpha(opacity=0)";
			}
				.girls .s-2 span ins { background-position: -96px -76px; }
				.girls .s-3 span ins { background-position: -96px -152px; }
				.girls .s-4 span ins { background-position: -96px -228px; }
				.girls .s-5 span ins { background-position: -96px -304px; }
				.girls .s-6 span ins { background-position: -96px -380px; }

.requests li { padding: 8px 0; }
	.requests strong { display: block; font: 700 14px/18px "Times New Roman", Times, serif; color: #4f246c; text-align: right; }
		.requests strong a { color: #4f246c; }
			.requests strong a:hover { color: #4f246c; text-decoration: underline; }

#feedback { float: left; width: 302px; margin-top: 6px; overflow: hidden; }
	#feedback .title { width: 266px; height: 44px; background-position: 0 -46px; }
	#feedback fieldset { padding: 0 0 10px 20px; overflow: hidden; }
		#feedback input { width: 245px; }
			#feedback .invalid { border: 1px solid #800 !important; }
		#feedback textarea { width: 245px; height: 62px; }
		#feedback [disabled] { color: #888; cursor: default; }
			#feedback input[disabled], #feedback textarea[disabled] { background: #e9c489; }
		#feedback .submit { padding-left: 86px; }
			#feedback .submit span {
				float: left;
				width: 130px;
				height: 25px;
				background: url(button.png);
				overflow: hidden;
			}
				#feedback .submit button {
					position: relative;
					float: left;
					width: 130px;
					height: 25px;
					line-height: 22px;
					background: none;
					border: 0;
					padding-bottom: 3px\9
				}
			#feedback .status { float: left; padding: 3px 0 0 5px; }
				#feedback .sending { width: 16px; height: 16px; background: url(spinner.gif); overflow: hidden; }

.num {
	top: 40px;
	right: 157px;
	width: 39px;
	height: 11px;
	background: url(titles.png) -274px 0;
}



/* Footer
----------------------------------- */
.footer-holder { height: 66px; background: #f2e1be url(floor.png) 0 -127px; overflow: hidden; }
	.footer {
		width: 976px;
		height: 66px;
		line-height: 13px;
		color: #544933;
		background: url(footer.jpg) 50% 0 no-repeat;
		margin: 0 auto;
	}
		.footer .left { float: left; width: 456px; text-align: right; padding: 25px 32px 0 0; }
		.footer .right { float: right; width: 437px; padding: 25px 0 0 51px; }
			.footer .right ins { position: static; padding-right: 14px;; }



/* Hacks
----------------------------------- */
@-moz-document url-prefix() {
#feedback .submit button { line-height: 18px; padding-bottom: 6px; }
}
@media all and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type #feedback .submit button { line-height: 20px; padding-bottom: 2px; }
}