@charset "UTF-8";
/* CSS Document */

body {
	background: #3B3A2C url(../images/page-bground.png) repeat-y center top;
	text-align: center;
	margin: 0;
	padding: 0px;
	font: 100 89.5% "museo-sans-1","museo-sans-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
}


#pageContainer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	position: relative;	
}
#pageHeader {
	background: url(../images/header-bground.png) repeat-x left top;
	height: 70px;
}

ul#nav {
	margin: 0;
	padding: 0;	
}
#logo {
	float: left;	
}
ul#nav li {
	margin: 0;
	padding: 0;	
	display: inline;
	float: left;
}
ul#nav li a {
	height: 70px;
	display: block;	
	text-indent: -4000px;
	outline: none;
}
li#nav-home a {
	width: 75px;
	background: #313131 url(../images/nav-home.png) no-repeat left top;
	margin-left: 465px;	
}
li#nav-gallery a {
	width: 82px;
	background: #313131 url(../images/nav-gallery.png) no-repeat left top;	
}	
li#nav-prints a {
	width: 101px;
	background: #313131 url(../images/nav-prints.png) no-repeat left top;	
}	
li#nav-contact a {
	width: 94px;
	background: #313131 url(../images/nav-contact.png) no-repeat left top;	
}
ul#nav li a:hover {
	background-position: left -70px;	
}

/* active section */
li.active a {
	background-position: left -140px !important;
}
li.active a:hover {
	background-position: left -210px !important;
}

#homepageFeatureBox {
	background: url(../images/breadcrumb-bground.png);
	padding: 10px;
	margin: 15px 0;
	overflow: hidden;
	
	zoom: 1;
}
#homepageFeatureBox img {
	float: left;	
}
#homepageFeatureBoxText {
	float: right;
	width: 300px;
}
#homepageFeatureBoxText h2 {
	margin: 0.1em 0 0.3em 0;
	line-height: 1.1em;	
}
#printLargeImageDesc h2  {
	margin: 0.3em 0 0.3em 0;
	line-height: 1.1em;
	font-size: 1.2em;	
}
#homepageFeatureBoxText p {
	margin: 0.5em 0;	
}
#homepageHeader {
	position: absolute;
	top: -200px;
	left: 0;	
}


.galleryBox {
	width: 300px;
	margin: 10px;
	float: left;
	overflow: hidden;
	display: inline;
}
.galleryBox  img {
	float: left;	
}
.galleryBoxText {
	float: right;
	width: 140px;
	margin: 0 0 0 10px;	
}
.galleryBox h2 {
	margin: 0.25em 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.1em;
}
.galleryBox p {
	margin: 0.25em 0;
	padding: 0;
	font-size: 0.9em;
}




.printGalleryBox {
	width: 100%;
	margin: 10px;
	float: left;
	overflow: hidden;
	display: inline;
}
.printGalleryBox  img {
	float: left;	
}
.printGalleryBoxText {
	float: right;
	width: 780px;
	margin: 0 0 0 10px;	
}
.printGalleryBox h2 {
	margin: 0.25em 0;
	padding: 0;
	font-size: 1.1em;
}
.printGalleryBox p {
	margin: 0.25em 0;
	padding: 0;
	font-size: 0.9em;
}
.printDescription {
	font-weight: bold;	
}
#galleryIntro {
	margin: 0 10px;	
}

h2 {
	font-weight: 700;
	font-size: 1.5em;	
	margin-top: 1.5em;
	text-shadow: 1px 2px 2px rgba(0,0,0,.4);
}
a {
	color: #fff;	
}
a:link { color: #fff; }
a:visited { color: #ddd; }
a:hover { color: #ffc; text-decoration: underline; }
a:active { color: #ffc; }
a img {
	border: 0;	
}


#breadcrumbs {
	overflow: hidden;
	background: url(../images/breadcrumb-bground.png) repeat-y left top;
	padding: 3px 10px 8px;	
	border-bottom: 1px solid #565440;	
	zoom: 1; /*IE6*/
	position: relative;
}

#breadcrumbs ol,
#breadcrumbs li,
ol.B_crumbBox,
ol.B_crumbBox li {
	margin: 0;
	padding: 0;
	list-style: none;	
}
#breadcrumbs li,
ol.B_crumbBox li {
	font-size: 0.9em;
	float: left;
	margin: 0.6em 7px 0 0;
	padding-right: 12px;
	background: url(../images/breadcrumb-delimiter.gif) no-repeat right center;
}
#breadcrumbs h1 {
	font-weight: 700;
	font-size: 1.3em;	
	float: left;
	padding: 0;
	margin: 0.15em 0 0 0 ;
}
#galleryHeadingContainer h1 {
	font-weight: 700;
	font-size: 1.5em;
	padding: 0;
	margin: 0.25em 0 0 0 ;
}
#galleryHeadingContainer {
	margin: 10px 10px 20px;	
}

.oneThirdCol {
	width: 300px;
	margin: 10px;
	float: left;
	display: inline; /* IE6 */
}
.oneThirdCol h2 {
	font-size: 1.2em;	
}
.footnote {
	color: #FFC;
	font-size: 0.8em;	
}
.footnote a { color: #ffc; }
.footnote a:link { color: #ffc; }
.footnote a:visited { color: #ddd; }
.footnote a:hover { color: #fff; }
.footnote a:active { color: #fff; }

#copyrightFooter {
	clear: both;
	font-size: 0.8em;
	color: #999;
	margin: 0 10px;
	padding: 1em 0;	
}

.thumb {
	float: left;
	margin: 0 10px 10px 0;	
}
#pano {
	width: 960px;
	height: 480px;
	background-color: #fff;
	outline: none;	
	margin-left: -1px; /* Fix for stray white line in FF */
}
.galleryBox a {
	text-decoration: none;
}
.galleryBox a:hover {
	text-decoration: underline;
}





#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	text-align: left;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 {
	color: #333;
	font-size: 0.9em;
	font-weight: normal;	
}
.oneThirdCol strong {
	color: #ffffcc;	
}
h2 span.more {
	font-size: 0.6em;
	font-weight: normal;	
}
#helpButton {
	float: right;	
	margin-right: 4px;
	cursor: pointer;
}
#help {
	position: absolute;
	background-color:#FFF;
	color: #000;
	width: 290px;
	right: 20px;
	padding: 0 10px;
	display: none;
	z-index: 1000;
}
#help h2 {
	margin : 0.4em 0;	
}
#help p {
	margin: 0;
}	
#help img {
	margin-left: -6px;
	vertical-align: middle;	
}



#printLargeImage {
	background: #25241f url(../images/print-image-bground.png) repeat-y left top;
	width: 640px;
	float: left;
	text-align: center;
}
#printLargeImageDesc {
	float: right;	
	width: 300px;
	margin: 10px;
}
.copyrightNotice {
	font-size: 0.9em;
	text-align: left;	
	margin:10px;
}
.oldPrice {
	text-decoration: line-through;
	color: #999;
}
.specialPrice {
	background-color: #000;
	color: #F00;	
}
.deliveryNote {
	clear: both;
	font-size: 0.8em;
	margin: 0;
	padding: 10px 0;	
}
.clearLeft {
	clear: left;	
}
span.deliveryInfo {
	cursor: help;
	padding: 0 5px 0 3px;;
}

#mailinglist {
	font-size: 0.85em;
	margin: 0 0 10px;
}
#mailinglist legend {
	font-weight: bold;
	font-size: 1.1em;
	text-shadow: 1px 2px 1px rgba(0,0,0,.4);
}
#mailinglist label {
	
}
#mailinglist fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #76756B;
	padding: 11px 10px 15px 10px;
	
}
#mce-EMAIL {
	margin: 0 5px;
}
#footer {
	clear: both;
	padding-top: 15px;
}


a.relatedThumb {
	position: relative; 
	display: inline-block; 
	text-decoration: none;	
}
a.relatedThumb:hover {
	text-decoration: none;
	color: #FFC;	
}
.relatedThumbCaption {
	background-color: #000; 
	color: #fff; 
	position: absolute; 
	left: 0; 
	top: 0;
	font-size: 0.8em; 
	padding: 2px 3px;	
	max-width: 84px;
	line-height: 1.1;
}



.hasScript p,
.hasScript h1,
.hasScript h2,
.hasScript li  {
	visibility: hidden;	
}
.wf-active p,
.wf-active h1,
.wf-active h2,
.wf-active li  {
	visibility: visible !important;
}