@import url("reset.css");
html, body {
	height: 100%;
}
body {
	background: #e7e3d7;
	font: 16px/120% "Times New Roman", Times, serif;
}
a:link, a:visited {
	color: #FF6B00;
	text-decoration: none;
}
#wrapper {
	position: relative;
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
}
#header {
	padding: 35px 0 25px;
}
#header #logo {
	background: url("../img/style/text/jessica-hilltout.gif");
	width: 329px;
	height: 48px;
	margin: 0 auto;
	text-indent: -9999em;
}
#content {
	padding-bottom: 73px;
	min-height: 340px;
}
#page-content {
	width: 960px;
	margin: 0 auto;
}
#content dl {
	overflow: hidden;
	width: 740px;
	margin: 0 auto;
	font-size: 18px;
}
#content dl, #content p {
	margin-bottom: 0.5em;
}
#content dt {
	float: left;
	width: 110px;
}
#content dd {
	margin-left: 110px;
}

#thumbs-carousel {
	position: relative;
	margin: 0 auto;
	padding: 20px 37px 0;
	width: 660px;
}
	#thumbs-carousel a#ctrl-prev, #thumbs-carousel a#ctrl-next {
		display: block;
		position: absolute;
		text-indent: -9999em;
		top: 45px;
		height: 15px;
	}
	#thumbs-carousel a#ctrl-prev {
		background: url("../img/style/arrow-left.gif");
		width: 27px;
		left: 0;
	}
	#thumbs-carousel a#ctrl-next {
		background: url("../img/style/arrow-right.gif");
		width: 24px;
		right: 0;
	}
	#thumbs-wrapper {
		width: 660px;
		overflow: hidden;
	}

#home-pics, #collection-pics, #thumb-pics, #product-pics {
	text-align: center;
}
	#home-pics {
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -145px;
		margin-left: -394px;
	}
	#collection-pics {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -112px;
		margin-left: -515px;
		width: 1030px;
	}
	#thumb-pics {
		width: auto;
		text-align: left;
		display: block;
		position: relative;
		overflow: hidden;
	}

	#home-pics li, #collection-pics li, #thumb-pics li, #product-pics li {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		width: 244px;
		margin: 0 8px;
	}
	#home-pics li a, #collection-pics li a, #thumb-pics li a {
		color: #000;
	}
	#collection-pics li {
		width: 176px;
		margin: 0 15px 15px;
	}
	#product-pics li {
		width: 182px;
		margin: 0 9px 0;
		min-height: 460px;
		position: relative;
	}
	#product-pics li .field {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 182px;
	}
	#collection-pics li img {
		display: block;
		background: #FFF;
		padding: 8px;
		margin-bottom: 9px;
	}
	#home-pics li img, #product-pics li img {
		display: block;
	}
	#thumb-pics li {
		width: 56px;
		margin: 0 10px 10px 0;
		display: block;
		float: left;
	}
	#thumb-pics li img {
		background: #FFF;
		color: #FFF;
		padding: 4px;
	}
	#product-pics li .caption {
		display: block;
		text-transform: uppercase;
		margin-top: 10px;
	}

/* override for non-carousel thumbnails */
#thumbs {
	margin: 0 auto;
	padding: 20px 37px 0;
}
#thumbs #thumb-pics {
	text-align: center;
}
	#thumb-pics li {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		float: none;
	}

p.caption {
	font-size: 13px;
	width: inherit;
}
span.caption {
	font-size: 18px;
}
#thumb-pics li.active img {
	background: #FF6B00;
}

#photo {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -210px;
	margin-left: -480px;
	width: 960px;
}
	.figure {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		text-align: center;
	}
	.figure img {
		background: #FFF;
		color: #FFF;
		padding: 43px 15px 8px;
		margin: 0 auto;
		display: block;
	}
	.figure .caption {
		padding-right: 20px;
		background: #FFF;
		padding-bottom: 20px;
		text-align: right;
		width: 325px;
	}
	.wide .caption {
		width: 482px;
	}

#pagination {
	text-align: center;
}
	#pagination li {
		height: 15px;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
	}
	#pagination li a {
		display: block;
		text-indent: -9999em;
		height: 15px;
	}
	#pagination #nav-previous a {
		background: url("../img/style/arrow-left.gif");
		width: 27px;
	}
	#pagination #nav-next {
		margin-left: 11px;
	}
	#pagination #nav-next a {
		background: url("../img/style/arrow-right.gif");
		margin-left: 11px;
		width: 24px;
	}

#nav {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-top: -55px;
}
	#nav li {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		margin-left: 56px;
	}
	#nav li a {
		background-repeat: no-repeat;
		display: block;
		height: 35px;
		text-indent: -9999em;
	}
	#nav li a:focus, #nav li a:hover {
		background-position: 0 -35px;
	}
	#nav #nav-home {
		margin-left: 0;
	}
	#nav #nav-orders {
		margin-left: 42px;
	}
	#nav #nav-contact {
		margin-left: 42px;
	}
	#nav #nav-pinboard {
		margin-left: 44px;
	}
	#nav #nav-biography {
		margin-left: 50px;
	}
	#nav #nav-my-way-of-working {
		margin-left: 51px;
	}
	#nav #nav-home a {
		background-image: url("../img/style/text/home.gif");
		width: 35px;
	}
	#nav #nav-orders a {
		background-image: url("../img/style/text/amen-orders.gif");
		width: 85px;
	}
	#nav #nav-contact a {
		background-image: url("../img/style/text/contact.gif");
		width: 53px;
	}
	#nav #nav-pinboard a {
		background-image: url("../img/style/text/pinboard.gif");
		width: 63px;
	}
	#nav #nav-biography a {
		background-image: url("../img/style/text/biography.gif");
		width: 72px;
	}
	#nav #nav-awards a {
		background-image: url("../img/style/text/awards-exhibitions-travels.gif");
		width: 218px;
	}
	#nav #nav-working a {
		background-image: url("../img/style/text/my-way-of-working.gif");
		width: 111px;
	}
	.home #nav #nav-home a, .order #nav #nav-orders a, .contact #nav #nav-contact a,
	.pinboard #nav #nav-pinboard a, .biography #nav #nav-biography a,
	.awards-exhibitions-travels #nav #nav-awards a, .my-way-of-working #nav #nav-working a {
		background-position: 0 -35px;
	}

/* my way of working overrides */
.my-way-of-working .figure img {
	background: none;
	padding: 0;
}
.my-way-of-working .figure .caption {
	display: none;
}

/* pinboard */
#pinboard {
	background: url("../img/style/bg-pinboard.jpg") no-repeat;
	height: 435px;
	width: 656px;
	padding: 23px 30px 37px 35px;
	margin: 0 auto;
	text-align: center;
}
#pinboard img {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 50%;
	margin-top: -175px;
}

/* order page specifics */
#product-pics {
	text-align: center;
	margin-bottom: 22px;
}
#product-pics li img {
	padding: 0 8px !important;
}
#product-pics .price {
	margin-top: 8px;
	display: block;
	color: #A41F24;
	font-weight: bold;
}
.order #notice {
	font-size: 18px;
	text-align: center;
}
.order #notice p {
	line-height: 100%;
	padding: 0;
	margin: 0;
}
#product-pics li p {
	padding-top: 8px;
	font-size: 13px !important;
	line-height: 120%;
}

/* form styles */
form {
	overflow: hidden;
}
label {
	text-transform: uppercase;
}
input {
	background: #000;
	color: #FFF;
	text-align: center;
	width: 40px;
	border: 0px none;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	margin: 0 auto;
}
input.submit {
	background: #A41F24;
	float: right;
	width: auto;
}

/* order page */
#product-pics ol li {
	margin: 0 16px;
	padding-top: 5px;
	overflow: hidden;
	position: inherit;
	min-height: 0;
	width: auto;
}
#product-pics ol li input,
#product-pics ol li label {
	float: left;
	clear: none;
	font-size: 15px;
}
#product-pics ol li label {
	text-align: left;
	width: 100px;
	margin: 0 6px 0 0;
	background: url("../img/style/dots.gif") repeat-x left center;
}
#order-form h3,
#order-form label {
	text-transform: uppercase;
	font-size: 18px;
}
#order-form  h3 {
	margin-top: 30px;
}
#order-form label,
#order-form input {
	display: block;
}
#order-form label {
	margin-bottom: 10px;
}
#order-form input {
	margin: 0 auto;
	background: #000;
	color: #FFF;
	border: 0px none;
	width: 40px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
}
#order-form input.submit {
	background: #A41F24;
	float: right;
	width: auto;
	margin: 0 84px 0 0;
	position: relative;
	z-index: 10;
}

/* order confirmation page */
#order-confirm-form {
	width: 799px;
	margin: 0 auto;
}
#order-confirm-form fieldset {
	float: left;
	clear: none;
	width: 470px;
}
#order-confirm-form #order-confirm h3 {
	font-size: 18px;
	padding-top: 6px;
}
#order-confirm-form #order-confirm h3 span {
	display: block;
	font-size: 14px;
}
#order-confirm-form #order-confirm ol {
	margin: 1em 15px;
}
#order-confirm-form #order-confirm ol li {
	margin-bottom: 5px;
}
#order-confirm-form #order-details {
	border: 1px solid #83817A;
	padding: 12px 16px 0;
	font-size: 16px;
	width: 254px;
	margin: 1em 0 0;
}
#order-details dt {
	text-transform: uppercase;
}
#order-confirm #postage-info {
	margin-top: 1em;
	font-size: 14px !important;
}
#order-confirm-form #personal-details {
	background: #D3CFCE url("../img/style/personal-details-bg.jpg") no-repeat;
	background: url("../img/style/personal-details-bg.jpg") no-repeat;
	width: 315px;
	margin-left: 14px;
	min-height: 415px;
	padding-top: 37px;
}
#order-confirm-form #personal-details li {
	overflow: hidden;
	padding-bottom: 4px;
}
#order-confirm-form #personal-details label {
	width: 90px;
	padding-right: 10px;
	text-align: right;
	display: block;
	float: left;
	clear: none;
	font-size: 14px !important;
	padding-top: 5px;
	line-height: 100%;
}
#order-confirm-form #personal-details input,
#order-confirm-form #personal-details select,
#order-confirm-form #personal-details textarea {
	text-align: left;
	background-color: transparent;
	border: 1px solid #A5A2A2;
	width: 175px;
	display: block;
	float: left;
	clear: none;
	color: #000;
	-moz-border-radius: 0; /* Firefox */
	-webkit-border-radius: 0; /* Safari, Chrome */
	border-radius: 0; /* CSS3 */
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px 5px;
}
#order-confirm-form #personal-details textarea {
	height: 65px;
}
#order-confirm-form #personal-details textarea#OrderMemo {
	height: 40px;
}
#order-confirm-form #personal-details input.submit {
	width: auto;
	float: right;
	margin-top: 10px;
	margin-right: 28px;
	border: 0px none;
}
#flashMessage {
	color: #A41F24;
	float: right;
	margin-right: 30px;
	padding-top: 10px;
	position: relative;
	z-index: 1;
}