@charset "utf-8";
@import url("reset.css");
@import url("form.css");

body {
	background: #798456 url(backgrounds/body.png);
	font: 100% Georgia, "Times New Roman", Times, serif;
	color: #222;
	cursor: default;
}
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
}
h1 {
	font-size: 2em;
	text-align: center;
}
h2 {
	font-size: 1.25em;
	text-align: center;
}
h4 {
	font-style: italic;
}
sup {
	font-size: 50%;
	vertical-align: super;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
a:link {
	color: #222; 
}
a:visited {
	color: #666; 
}
a:hover {
	text-decoration: none;
}
address {
	font-style: normal;
}

#help, #header, #nav, #intro, #content, #footer, #tacit {
	margin: auto;
}
#help {
	width: 900px;
	height: 32px;
	padding-top: 8px;
	font-size: 0.6875em;
	color: #fff;
	overflow: hidden;
}
#languages {
	width: 100px;
	height: 32px;
	float: left;
}
#languages li {
	display: none;
	width: 38px;
	height: 30px;
	padding: 1px;
}
#languages li:hover {
	background: url(backgrounds/flag.png) center -1px no-repeat;
}
#links {
	width: 536px;
	float: right;
	text-align: right;
	margin: 6px 253px 0 10px;
}
#links li {
	display: inline;
	height: 17px;
	padding: 1px 6px 2px 20px;
}
#help a {
	color: #fff;
}
.cart {
	background: url(icons/cart.png) top left no-repeat;
}
.analytics {
	background: url(icons/analytics.png) top left no-repeat;
}
.contact {
	background: url(icons/contact.png) top left no-repeat;
}
#header {
	background: url(backgrounds/header-footer.png) top center no-repeat;
	width: 998px;
	min-height: 310px;
	padding: 12px 0 20px 0;
}
#logo {
	text-align: center;
}
#title {
	padding: 12px 0 20px 0;
}
#title a {
	display: block;
	width: 398px;
	height: 35px;
	margin: auto;
	position: relative;
	color: #edb;
}
#title a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(misc/title.png) top left no-repeat;
	cursor: pointer;
}
#subtitle {
	padding-bottom: 60px;
	color: #3B5753;
	letter-spacing: -0.05em;
	font-weight: bold;
	text-align: center;
}
.page h2 {
	padding-bottom: 1.5em;
}
#nav {
	width: 641px;
	height: 64px;
	background: url(backgrounds/nav.png) top center no-repeat;
	margin-bottom: 20px;
	padding: 1px 0 0 1px;
}
#nav a {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
}
#nav li {
	display: inline-block;
	width: 128px;
	height: 58px;
	float: left;
}
#nav li a {
	height: 100%;
	background: url(buttons/menu.png) left top no-repeat;
	color: #3B5753;
	line-height: 3.5em;
}
#nav li a:hover, #nav .active a {
	background: url(buttons/menu.png) left bottom no-repeat;
	color: #798456;
}
#nav li:hover ul {
	display: block;
}
#nav li ul {
	width: 214px;
	margin: -2px 0 0 -44px;
	padding-top: 12px;
	display: none;
	background: url(buttons/dropdown.png) center top no-repeat;
}
#nav li ul li {
	display: block;
	position: relative;
	width: 214px;
	height: 41px;
	z-index: 1;
}
#nav li ul .last {
	height: 45px;
}
#nav li ul li a, #nav .active ul li a {
	font-weight: normal;
	background: url(buttons/dropdown.png) center -62px no-repeat;
	color: #798456;
	line-height: 2.25em;
}
#nav li ul li:first-child a {
	background: url(buttons/dropdown.png) center -14px no-repeat;
}
#nav li ul .last a {
	background: url(buttons/dropdown.png) center -108px no-repeat;
}
#nav li ul li a:hover {
	background: url(buttons/dropdown.png) center -206px no-repeat;
	font-size: 1.0625em;
}
#nav li ul li:first-child a:hover {
	background: url(buttons/dropdown.png) center -157px no-repeat;
}
#intro {
	width: 640px;
	height: 364px;
	background: url(backgrounds/intro.png) center top no-repeat;
	line-height: 1.5em;
}
.xtrig {
	display: block;
	width: 40px;
	height: 36px;
	padding-top: 6px;
	background: url(buttons/button.png) center top no-repeat;
	font: 21px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.xtrig:link {
	color: #fff;
}
.xtrig:hover {
	color: #bbb;
	background: url(buttons/button.png) center bottom no-repeat;
}
.xtrig:hover:visited, .no1 .xtrig[href$='1'], .no2 .xtrig[href$='2'], .no3 .xtrig[href$='3'], .no4 .xtrig[href$='4'] {
	color: #bbb;
	background: url(buttons/button.png) center bottom no-repeat;
}
.xtrig:visited {
	color: #fff;
}
#intro h2, #intro p {
	padding-bottom: 1.5em;
	text-align: left;
}
#intro h2 a {
	color: #984022;
	text-decoration: none;
}
#intro img {
	width: 360px;
	float: right;
	vertical-align: top;
	margin: -30px 80px 0 0;
}
.info {
	width: 200px;
	height: 180px;
}
.actions {
	margin: 10px -12px 0 -10px;
}
.actions li {
	display: inline-block;
	float: left;
}
.actions .right {
	float: right;
	margin-right: 80px;
}
#content {
	background: url(backgrounds/content.png) center top repeat-y;
	width: 800px;
	padding: 0 99px 30px 99px;
	text-align: justify;
	overflow: hidden;
}
.home #content {
	padding-top: 12px;
}
#content h1, #content h2 {
	text-align: center;
	letter-spacing: 0;
}
.home #content h2 {
	padding: 0 0 1em 0.5em;
	font-size: 1.5em;
	text-align: left;
}
#content h3 a, .home #content h2 a {
	text-decoration: none;
	color: #984022;
}
.container #content .odd, .container #content .even {
	width: 388px;
	min-height: 100px;
}
.container #content .odd {
	float: left;
	margin-right: 20px;
}
.container #content .even {
	float: right;
}
#content .more {
	text-align: right;
}
.error #content p {
	padding: 0 133px 1.25em 133px;
	font-size: 0.875em;
}
.error #contact {
	float: right;
	padding: 10px 42px 62px 0;
}
.error .notes, .error #nav {
	display: none;
}
#article, #video {
	position: relative;
	width: 513px;
	height: auto;
	float: left;
}
#video {
	text-align: center;
}
#video object {
	width: 425px;
	height: 344px;
	padding: 8px;
	background: url(backgrounds/video.png) center center no-repeat;
}
.page #article p:first-child:first-letter {
	color: #984022;
	float: left;
	font-size: 6em;
	font-weight: bold;
	line-height: 0.625em;
	padding: 0.05em;
	text-shadow: 0 -2px 3px #632916;
}
.page #article p:first-child:first-letter:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.page #article h3 {
	clear: left;
}
.page #article ul, .news #article ul {
	list-style: disc;
	padding: 0 0 0.75em 1em;
}
.page #article li {
	padding-bottom: 0.5em;
}
.photo {
	text-align: center;
}
.photo img {
	border: 1px solid;
	border-top-color: #a59a82;
	border-right-color: #c8ba9f;
	border-bottom-color: #e3d4b3;
	border-left-color: #c8ba9f;
}
.search {
	width: 513px;
	padding-bottom: 0.5em;
}
.search-link {
	margin-top: -1em;
	padding-bottom: 0.5em;
	color: #798456;
}
.news .date{
	font-weight: bold;
}
.news .summary {
	font-style: italic;
	text-align: left;
}
.news br {
	clear: both;
}
.news #article .thumbs, .page #article .thumbs  {
	list-style: none;
	padding-left: 0;
}
#article .thumbs li {
	display: inline-block;
	float: left;
	margin: 0 3px;
}
.news #article .thumbs li {
	max-width: 120px;
	height: 90px;
}
.page #article .thumbs li {
	max-width: 160px;
}
.archive #article h3 {
	font-size: 1.2857em;
}
.container #content p, #article p, #article li, #article dt, #article dd, #article address, #footer p, #footer address {
	font-size: 0.875em;
	padding-bottom: 1.25em;
}
.container .first {
	padding: 0 133px;
	clear: both;
}
.page #article .documents {
	padding-bottom: 1em;
	list-style: none;
}
.page #article .documents li {
	padding-bottom: 1em;
}
.page #article .documents li a[href$='.pdf'] { 
	padding-left: 20px;
	background: transparent url(icons/pdf.png) no-repeat top left;
}
.designs {
	width: 800px;
	padding-bottom: 1em;
	clear: both;
}
.designs li {
	display: inline-block;
	float: left;
	width: 96px;
	margin: 7px 9px;
	text-align: center;
}
.designs li img, .thumbs li img {
	float: left;
	border: 1px solid;
	border-top-color: #a59a82;
	border-right-color: #c8ba9f;
	border-bottom-color: #e3d4b3;
	border-left-color: #c8ba9f;
}
.designs li a {
	text-decoration: none;
}
.designs li a:hover {
	color: #777;
}
#aside {
	width: 264px;
	height: auto;
	float: right;
	padding: 0 0 1em 23px;
	text-align: left;
}
#aside p, #aside li, #aside dt, #aside dd {
	font-size: 0.75em;
	padding-bottom: 1.125em;
}
#aside dt {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 0.25em;
}
#aside dt a {
	color: #3B5753;
}
.home #content img {
	float: left;
	margin-left: 40px;
}
.home #aside {
	width: 287px;
	padding-left: 0;
}
#headlines {
	position: absolute;
	width: 313px;
	height: 270px;
	margin-top: 36px;
	padding: 50px 35px 0 40px;
	background: url(backgrounds/aside.png) left top no-repeat;
}
#headlines h2 a {
	color: #984022;
	text-decoration: none;
}
#headlines .button {
	float: right;
	margin: -10px -15px 0 0;
}
#headlines dt {
	padding-bottom: 1.25em;
}
#headlines p, #headlines dd {
	font-size: 0.875em;
	padding-bottom: 1.25em;
}
#headlines .more {
	font-style: italic;
	text-align: right;
}
#footer {
	background: url(backgrounds/header-footer.png) bottom center no-repeat;
	width: 880px;
	height: auto;
	padding: 12px 59px;
}
#footer p {
	clear: both;
}
#shop {
	margin-left: 40px;
}
#order {
	margin: 12px 0 0 30px;
}
#visit {
	margin: 30px 0 0 18px;
}
.notes {
	display: inline;
	width: 268px;
	float: left;
	clear: none;
}
.notes h3 {
	background: url(backgrounds/notes.png) top center no-repeat;
	padding: 0 0 40px 40px;
}
#footer .notes p {
	background: url(backgrounds/notes.png) bottom center no-repeat;
	padding: 8px 30px 40px 30px;
}
#contact {
	display: inline;
	float: left;
	margin: 24px 0 0 20px;
}
#contact h2 {
	display: block;
	width: 219px;
	height: 30px;
	position: relative;
	padding: 10px 0 24px 5px;
	color: #edb;
}
#contact h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(misc/logotype.png) top left no-repeat;
}
#contact p {
	padding: 4px 0 0 28px;
}
#footer #legal {
	padding-top: 70px;
	text-align: center;
	font-size: 0.6875em;
	clear: both;
}
#legal a {
	color: #222;
}
.address {
	padding-left: 42px;
	line-height: 1.5em;
	background: url(icons/home.png) top left no-repeat;
}
.telephone {
	padding-left: 42px;
	background: url(icons/phone.png) top left no-repeat;
}
.telephone span {
	font-weight: bold;
	font-size: 1.5em;
}
#tacit {
	width: 880px;
	padding: 14px 0 40px 0;
	text-align: right;
	font-size: 0.6875em;
	color: #fff;
}
#tacit a {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 16px;
	text-align: left;
	text-decoration: none;
	color: #798456;
}
#tacit a span {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: -1px;
	background: url(misc/tacit.png) left top no-repeat;
	cursor: pointer;
}
#tacit a:hover span {
	background: url(misc/tacit.png) center center no-repeat;
}

.call-to-action {
	display: block;
	float: left;
	color: #fff;
	font: 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 0;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	overflow: visible;
}
.call-to-action:link, .call-to-action:visited {
	color: #fff;
}
.call-to-action:hover {
	color: #bbb;
}
.call-to-action span {
	display: block;
	height: 38px;
	padding-right: 18px;
}
.call-to-action span span {
	display: block;
	height: 30px;
	padding: 0.5em 6px 0 24px;
}
.red span {background: url(buttons/c2a-b.png) right top;}
.red span span {background: url(buttons/c2a-a.png) left top;}
.red:hover span {background: url(buttons/c2a-b.png) right -38px;}
.red:hover span span {background: url(buttons/c2a-a.png) left -38px;}
.orange span {background: url(buttons/c2a-b.png) right -76px;}
.orange span span {background: url(buttons/c2a-a.png) left -76px;}
.orange:hover span {background: url(buttons/c2a-b.png) right -114px;}
.orange:hover span span {background: url(buttons/c2a-a.png) left -114px;}
.green span {background: url(buttons/c2a-b.png) right -152px;}
.green span span {background: url(buttons/c2a-a.png) left -152px;}
.green:hover span {background: url(buttons/c2a-b.png) right -190px;}
.green:hover span span {background: url(buttons/c2a-a.png) left -190px;}
.blue span {background: url(buttons/c2a-b.png) right -228px;}
.blue span span {background: url(buttons/c2a-a.png) left -228px;}
.blue:hover span {background: url(buttons/c2a-b.png) right -266px;}
.blue:hover span span {background: url(buttons/c2a-a.png) left -266px;}

/* Shopkeeper */

.price-add {color:red;padding-left:3px; line-height:0;}

.shk-item {
	padding: 0 30px 12px 0;
}
.shk-item p, .shk-item form {
	margin-right: 180px;
}
.shk-image {
	min-width: 160px;
	min-height: 160px;
	float: right;
	margin-top: 2em;
	border: 1px solid;
	border-top-color: #a59a82;
	border-right-color: #c8ba9f;
	border-bottom-color: #e3d4b3;
	border-left-color: #c8ba9f;
}
.shk-price {
	font-weight: bold;
	font-size: 1.375em;
}
.shk-item form {
	text-transform: lowercase;
	font-size: 0.7656em;
}
.shk-item form span {
	display: inline-block;
	width: 4em;
}
.shk-item select {
	vertical-align: middle;
}
.shk-but {
	margin: 12px 0;
}
.shk-but:active {
	
}

.shs-tocart {margin:5px 0; padding:5px 0; border-top:1px dashed #888;}
.shs-tocart div {margin:5px 0;}

/* progressbar */
#shkLoading {
	display: none;
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(../assets/snippets/shopkeeper/style/default/img/ajax-loader.gif) center center no-repeat #fff;
	border:1px solid #888;
	z-index: 100;
}
/* helper box */
#stuffHelper {
	display:none;
	position: absolute;
	width: 150px;
	padding:5px;
	border:1px solid #888;
	background-color:#f5f5f5; 
	z-index: 100;
}
#stuffHelper div {
	text-align: center;
}
/* cart block */
.shop-cart {background-color:#fff; border:1px solid #888; padding:10px; margin:10px 0;}
.shop-cart-head {padding:5px 0 15px 0; text-align: center;}
.shop-cart-body {padding:15px 0; text-align: center;}
#shopCart table {
	border-collapse: collapse;
	margin-bottom: 20px;
	font-size: 0.875em;
}
#shopCart tfoot tr {
	border-top: 1px solid #222;
}
#shopCart .item-name a {
	text-decoration: none;
	color: #984022;
}
#shopCart .item-data {
	border-bottom: 1px solid #999;
}
#shopCart .item-price {
	text-align: right;
}
#shopCart .item-name, #shopCart tfoot .item-price, #shopCart tfoot .item-currency {
	font-weight: bold;
}
#shopCart td {
	padding: 2px;
}
#shopCart .item-data td {
	padding-top: 0;
}
#shopCart table small {
	font-size: 0.7656em;
	color: #595959;
}
.shk-count {
	width: 1.25em;
	padding: 0 4px 4px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
}
#butEmptyCart {
	color: #798456;
}
.cart-order {margin:5px 0; text-align: center;}

/* Coda-Slider */
.coda-slider-no-js .coda-slider {
	height: 364px;
	overflow: auto !important;
}
.coda-slider p.loading {
	text-align: center;
}
.coda-slider-wrapper {
	clear: both;
	overflow: auto;
}
.coda-slider {
	position: relative;
	width: 560px;
	height: 308px;
	padding: 36px 40px 20px 40px;
	overflow: hidden;
	color: #3B5753;
}
.coda-slider .panel {
	display: inline-block;
	width: 640px;
	height: 364px;
	float: left;
}
.coda-slider .panel-container {
	position: relative;
}