/*
	Author: Garovsky
	Author URI: http://garovsky.ru/
*/

/* Global definitions (begin) */
* { margin: 0; padding: 0; }

body {
	font: 400 13px "Trebuchet ms", Tahoma;
	color: #222;
	text-align: left;
	background: #000;
}
address { font-style: normal; }
img { border: 0; vertical-align: middle; }
div { vertical-align: top; }
ul { list-style: none; }

:active, :focus { outline: none; -moz-outline-style: none; } /* Border fix */

::selection { color: #fff; background: #666; } /* Text selection - CSS3 */
::-moz-selection { color: #fff; background: #666; }

/* Titles */
h1 {
	width: 200px;
	height: 57px;
	font: 400 30px Tahoma;
	letter-spacing: -1px;
	color: #feb;
	text-transform: uppercase;
	background: #4b2d1c;
	margin: 20px auto 0;
	padding-top: 8px;
	overflow: hidden;
}
	h1 span { display: block; font-size: 10px; letter-spacing: 0; color: #e5c5a3; }
h2 { height: 30px; text-indent: -9999px; margin-bottom: 18px; overflow: hidden; }
	h2.title-works { width: 149px; background: url(title-works.png); }
	h2.title-request { width: 159px; background: url(title-request.png); }
h3 { font: 700 15px "Trebuchet ms", Tahoma; padding-bottom: 10px; }

/* Forms */
button, fieldset, input, textarea { background: none; border: 0; }
	button, input, textarea { font: 400 13px "Trebuchet ms", Tahoma; color: #222; outline: 0; }
	button, label { cursor: pointer; }
		label:hover { color: #000; }

/* Links */
a { color: #111; text-decoration: underline; }
	a:hover { text-decoration: none; }
/* Global definitions (end) */


/* Main containers (begin) */
#wrapper { position: relative; min-width: 864px; overflow: hidden; }
	#wrapper-inner {
		position: relative;
		width: 864px;
		background: url(container.jpg) 0 657px no-repeat;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#content { height: 524px; background: url(content-main.jpg); overflow: hidden; }
		#inner #content { background: #efc886 url(content-inner.jpg); }
		#content-inner { position: relative; padding: 41px 58px; }
#left-corner, #right-corner { position: absolute; top: 0; width: 173px; height: 811px; overflow: hidden; }
	#left-corner { left: -173px; background: url(l/left-corner.jpg); }
	#right-corner { right: -173px; background: url(l/right-corner.jpg); }
/* Main containers (end) */


/* Header & footer (begin) */
#header, #footer { position: relative; text-align: center; overflow: hidden; }
	#header ul, #footer ul { position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; }
		#header li, #footer li { position: absolute; height: 18px; }
			#header li a, #footer li a {
				position: relative;
				display: block;
				height: 18px;
				font-size: 10px;
				line-height: 18px;
				color: #feb;
				text-decoration: none;
				text-transform: uppercase;
				overflow: hidden;
			}
				#header li b, #footer li b {
					position: absolute;
					left: 0;
					top: 0;
					display: block;
					height: 18px;
					background: url(buttons.png);
				}

#header { height: 133px; }
	#header ul { height: 133px; background: url(l/header-main.jpg); }
		#inner #header ul { background: url(l/header-inner.jpg); }
		#header li { top: 44px; }

#footer { height: 98px; margin-top: 56px; }
	#footer address { font-size: 21px; letter-spacing: -1px; color: #ecbb76; margin-top: 55px; }
		#footer address span { font-size: 15px; }
	#copyright { font-size: 11px; color: #7c6543; }
	#footer ul { height: 98px; background: url(l/footer.jpg); }
		#footer li { top: 20px; }

#about { left: 140px; }
	#about a, #about b { width: 93px; }	
#works { left: 238px; }
	#works a, #works b { width: 89px; }
		#header li#works b { background-position: 0 -18px; }
#contacts { left: 550px; }
	#contacts a, #contacts b { width: 80px; }
		#header li#contacts b { background-position: 0 -36px; }
#request { left: 635px; }
	#request a, #request b { width: 102px; }
		#header li#request b { background-position: 0 -54px; }
#seo { left: 272px; }
	#seo a, #seo b { width: 116px; }
		#footer li#seo b { background-position: 0 -72px; }
#on { left: 485px; }
	#on a, #on b { width: 45px; }
		#footer li#on b { background-position: 0 -90px; }
#off { left: 541px; }
	#off a, #off b { width: 44px; }
		#footer li#off b { background-position: -45px -90px; }
/* Header & footer (end) */


/* Content (begin) */
.hide-link {
	position: absolute;
	right: 42px;
	top: 12px;
	width: 63px;
	height: 12px;
	text-indent: -9999px;
	background: url(hide-link.png);
	overflow: hidden;
}

.scroll { height: 349px; overflow: auto; }
	.scroll p { padding-bottom: 3px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack, .jScrollPaneDrag, .jScrollPaneDragBottom { position: absolute; overflow: hidden; cursor: pointer; }
	.jScrollPaneTrack { right: 0; top: 0; height: 100%; background: url(scrollbar.jpg); }
	.jScrollPaneDrag { background: url(pointer.gif); }
		.jScrollPaneDragBottom { left: 0; bottom: 0; height: 1px; background: url(pointer-bottom.gif); }

.work-about { padding-right: 5px; overflow: hidden; }
.work-image { float: left; margin-right: 14px; }
.work-link { padding-top: 5px; }

#online-request fieldset { float: left; padding-right: 55px; }
	#online-request dl { width: 350px; padding-bottom: 10px; }
		#online-request dt {
			float: left;
			width: 134px;
			line-height: 18px;
			text-align: right;
			padding-right: 7px;
			overflow: hidden;
		}
		#online-request dd {
			width: 195px;
			height: 20px;
			background: url(form-input.png);
			padding: 0 7px;
			overflow: hidden;
		}
			#online-request dd.textarea { height: 133px; background: url(form-textarea.png); padding: 5px 7px; }
			#online-request dd input { width: 195px; height: 19px; line-height: 19px; margin-top: 1px; }
			#online-request dd textarea {
				width: 195px;
				min-width: 195px;
				max-width: 195px;
				height: 133px;
				min-height: 133px;
				max-height: 133px;
			}
	#online-request label span { color: #987018; margin-right: 4px; }
		#online-request span.ui-radio { margin: 4px 8px 0 0; }
	#online-request .submit { width: 350px; height: 18px; overflow: hidden; }
		#online-request .submit * { width: 80px; height: 18px; overflow: hidden; }
		#online-request .submit button { position: relative; float: right; background: #e2a95e; }
			#online-request .submit b {
				position: absolute;
				left: 0;
				top: 0;
				background: url(form-button.jpg);
			}
				@-moz-document url-prefix() { #online-request .submit b { left: -3px; top: -1px; } }
	#online-request ul { padding-top: 5px; }
		#online-request li { padding-top: 10px; }

.ui-helper-hidden { display: none; }
	.ui-helper-hidden-accessible { position: absolute; left: -999px; }
.ui-radio { float: left; width: 13px; height: 13px; background: url(form-circle.png); overflow: hidden; }
.ui-radio-state-checked-disabled-hover,
.ui-radio-state-checked-disabled,
.ui-radio-state-checked,
.ui-radio-state-checked-hover { background-position: 0 -13px; }

/* Clearing */
.work-holder, #online-request, #online-request dl, #online-request li { min-height: 1%; overflow: hidden; }
/* Content (end) */