html, body {
	margin: 0;
	padding: 0;
}

body {
	min-width: 986px;
	background: #000 url(i/fone1.gif) left top repeat;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
}

/* ---------- page layout */
#page-wrapper {
	position: relative;
	width: 100%;
	background: url(i/fone2.gif) left 113px repeat-x;
	overflow: hidden;
}

#header {
	height: 580px;
}

.inner #header {
	height: 449px;
}

#content {
	position: relative;
	left: 92px;
	width: 801px;
	margin: 0 auto;
}

#main-column {
	height: 1%; /* Holly hack. sets hasLayout in ie6 */
	position: relative;
	margin-bottom: 100px;
	background: #3f392f;
	line-height: 150%;
}

#content-height {
	min-height: 1000px;
	height: auto !important;
	height: 1000px;
}

#extra-column {
	position: absolute;
	left: -233px; top: 15px;
	width: 233px;
	text-align: right;
}

#footer {
	position: relative;
	height: 124px;
	background: #3f392f;
}


/* --------- page header */
#header .picture {
	position: absolute;
	left: 50%; top: 0;
	width: 1126px;
	height: 506px;
	margin-left: -563px;
	background: url(i/picture.jpg) left top no-repeat;
}

.inner #header .picture {
	height: 375px;
	background-position: left -131px;
}

#header .picture .picture-left, #header .picture .picture-right {
	position: absolute;
	top: 0;
	width: 178px;
	height: 533px;
}

.inner #header .picture .picture-left, .inner #header .picture .picture-right {
	top: -131px;
}

#header .picture .picture-left {
	left: -88px;
	background: url(i/picture-left.gif) left top no-repeat;
}

#header .picture .picture-right {
	right: -88px;
	background: url(i/picture-right.gif) left top no-repeat;
}

#header .picture .cart {
	position: absolute;
	right: 90px; top: 0;
	width: 138px;
	height: 35px;
	padding: 33px 12px 0 88px;
	background: url(i/cart.gif) left top no-repeat;
}

#header .picture .cart div {
	position: relative;
	top: -1.2em;
	font-size: 11px;
}


/* ---------- menu */
#header .menu {
	position: absolute;
	left: 82px; top: 467px;
	width: 961px;
	height: 87px;
	background: url(i/menu-background.jpg) 12px 17px no-repeat;
}

.inner #header .menu {
	top: 336px;
}

#header .menu .frame-top, #header .menu .frame-bottom {
	position: absolute;
	left: 0;
	width: 961px; height: 17px;
}

#header .menu .frame-top {
	top: 0;
	background: url(i/menu-frame-t.gif) left top no-repeat;
}

#header .menu .frame-bottom {
	bottom: 0;
	background: url(i/menu-frame-b.gif) left top no-repeat;
}

#header .menu .frame-left, #header .menu .frame-right {
	position: absolute;
	top: 17px;
	width: 24px; height: 53px;
}

#header .menu .frame-left {
	left: 0;
	background: url(i/menu-frame-l.gif) left top no-repeat;
}

#header .menu .frame-right {
	right: 0;
	background: url(i/menu-frame-r.gif) left top no-repeat;
}

#header .menu .logo {
	position: absolute;
	left: 382px; top: -19px;
}

#header .menu table {
	position: absolute;
	border-collapse: collapse;
	border-spacing: 0;
}

#header .menu td {
	height: 53px;
	padding: 0 12px;
	text-align: center;
	vertical-align: middle;
	background: url(i/menu-passive.gif) right top no-repeat;
}

#header .menu td.active {
	background-image: url(i/menu-active.gif);
}

#header .menu a {
	font-weight: bold;
	color: #feffe2;
}

#header .menu td.active a {
	color: #8f7e57;
	text-decoration: none;
}

#header .menu .left {
	left: 12px; top: 17px;
	width: 372px;
}

#header .menu .left .pad {
	padding-left: 25px;
}

#header .menu .right {
	left: 608px; top: 17px;
	width: 343px;
}

#header .menu .right .pad {
	padding-right: 25px;
}


/* ---------- main column */
#main-column .corner-lt { background: url(i/corner-lt.gif) left top no-repeat; }
#main-column .corner-rt { background: url(i/corner-rt.gif) right top no-repeat; }
#main-column .corner-rb { background: url(i/corner-rb.gif) right bottom no-repeat;
	height: 1%; /* Holly hack. sets hasLayout in ie6 */
}
#main-column .corner-lb { background: url(i/corner-lb.gif) left bottom no-repeat; }

#main-column .decorate-l { background: url(i/decorate-v.gif) left 50% no-repeat; }
#main-column .decorate-r { background: url(i/decorate-v.gif) right 50% no-repeat; }
#main-column .decorate-t { background: url(i/decorate-t.gif) 50% top no-repeat; }
#main-column .decorate-b { background: url(i/decorate-b.gif) 50% bottom no-repeat; }

#main-column .corner-lb {
	padding: 12px 12px 24px;
}

.inner #main-column .corner-lt { background: none; }
.inner #main-column .corner-rt { background: none; }
.inner #main-column .decorate-t { background: none; }


/* ---------- extra column decoration */
/* ---- menu */
#extra-column .menu {
	text-align: left;
	background: url(i/extra-menu-fone.gif) right top repeat-y;
}

#extra-column .menu .shadow {
	padding: 13px 0;
	background: url(i/extra-menu-shadow.jpg) right top no-repeat;
}

#extra-column .menu .left {
	background: url(i/extra-menu-frame-left.gif) left top repeat-y;
}

#extra-column .menu .decorate {
	background: url(i/extra-menu-decorate.gif) left 50% no-repeat;
}

#extra-column .menu .top {
	position: relative;
	top: -13px;
	background: url(i/extra-menu-frame-top.gif) left top no-repeat;
}

#extra-column .menu .bottom {
	height: 1%; /* Holly hack. sets hasLayout in ie6 */
	position: relative;
	top: 26px;
	background: url(i/extra-menu-frame-bottom.gif) left bottom no-repeat;
}

#extra-column .menu .content {
	height: 1%; /* Holly hack. sets hasLayout in ie6 */
	position: relative;
	top: -13px;
	padding: 1px;
}

#extra-column .menu ul {
	height: 1%; /* Holly hack. sets hasLayout in ie6 */
	list-style-type: none;
	margin: 0;
	padding: 4px 0 4px 7px;
}

#extra-column .menu ul li {
	margin: 0;
	padding: 2px 0 0 0;
	background: url(i/extra-menu-separator.gif) left top no-repeat;
}

#extra-column .menu ul li.first {
	padding-top: 0;
	background: none;
}

#extra-column .menu a {
	position: relative;
	display: block;
	padding: 6px 6px 6px 73px;
	background: url(i/extra-menu-arrow.gif) 50px 60% no-repeat;
	color: #feffe2;
	font-weight: bold;
}

#extra-column .menu .active a {
	color: #8f7e57;
	text-decoration: none;
}

#extra-column .menu .active div {
	background: #1a1812 url(i/extra-menu-active.jpg) left top no-repeat;
}


/* ---- features */
#extra-column .features {
	text-align: left;
	width: 184px;
	margin-left: auto;
	background: #2d271f;
}

#extra-column .features .decorate {
	position: relative;
	top: 13px; left: 0;
	background: url(i/features-corner.gif) left bottom no-repeat;
	padding: 12px 0 40px 8px;
}

#extra-column .features .banner {
	display: block;
	margin: 25px 0;
	border: #0a0801 solid 3px;
}

#extra-column .features input.text {
	padding: 4px 6px;
	border: #676767 solid 1px;
	background: #19140e;
	color: #676767;
	font-size: 11px;
}

#extra-column .features .search * {
	vertical-align: middle;
}

#extra-column .features .search .text {
	width: 113px;
}

#extra-column .features .search .submit {
	width: 32px;
	height: 23px;
	padding: 0;
	border: none;
	background: url(i/button-ok.gif) left top no-repeat;
}

#extra-column .features .subscribe .text {
	width: 150px;
}

#extra-column .features .subscribe .submit {
	display: block;
	width: 104px;
	height: 23px;
	margin: 5px 0 0;
	padding: 0;
	border: none;
	background: url(i/button-subscribe.gif) left top no-repeat;
}


/* ---------- footer */
#footer ul {
	list-style-type: none;
	float: right;
	height: 16px;
	margin: 0;
	padding: 26px 20px 0;
	background: #231e1a;
}

#footer ul li {
	position: relative;
	top: -0.6em;
	float: left;
	margin: 0;
	padding: 0 18px;
	border-left: #fff solid 1px;
	font-size: 11px;
}

#footer ul li.first {
	border-left: none;
}

#footer .copyrights {
	position: absolute;
	left: -13em; top: 45%;
	color: #998f77;
}

#footer .corner-l, #footer .corner-r {
	position: absolute;
	top: 0;
	width: 102px;
	height: 105px;
}

#footer .corner-l {
	left: 0;
	background: url(i/corner-lt.gif) left top no-repeat;
}

#footer .corner-r {
	right: 0;
	background: url(i/corner-rt.gif) right top no-repeat;
}

#footer .decorate {
	position: absolute;
	top: 2px; left: 0;
	width: 671px;
	height: 1px;
	background: url(i/footer-decorate.gif) left top no-repeat;
}

#footer .designed {
	position: absolute;
	right: 36px; top: 68px;
}

#footer .phone {
	position: absolute;
	left: 85px; top: 0px;
	width: 251px;
	height: 124px;
	background: url(i/phone-number.gif) left top no-repeat;
}

#footer .phone div {
	position: absolute;
	left: -72px; top: -52px;
	width: 174px;
	height: 176px;
	background: url(i/phone.gif) left top no-repeat;
}