/*============================================
	1: general styles
==============================================*/
body { margin: 0; padding: 0; width: 1024px; background: #f8f8f8; }
p, dl { display:block; margin-top:1em; margin-bottom:1em; text-align:justify;}
dd { display:block; margin-left:40px; }
address { display:block; font-style:italic; }
blockquote { display:block; margin:1em 40px; }
h1 { display:block; font-size:2em; font-weight:bold; margin:0 0 1em; color: #604543; }
h2 { display:block; font-size:1.5em; font-weight:bold; margin:0.83em 0; }
h3 { display:block; font-size:1.2em; font-weight:bold; margin:1.33em 0; }
h4 { display:block; font-size:1em; font-weight:bold; margin:1.33em 0; }
table { border-spacing:0px; border-collapse:separate;margin-top:0; margin-bottom:0; text-indent:0; }
th { font-weight:bold; }
tbody, thead, tfoot { vertical-align:middle; }
strong { font-weight:bold; }
cite, em, var, dfn { font-style:italic; }
sub { vertical-align:-0.25em; font-size:smaller; line-height:normal; }
sup { vertical-align: 0.5em; font-size:smaller; line-height:normal; }
ul { list-style: none; margin: 0; padding: 0; }
ul li {
	background-image: url('/assets/images/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding: 0 0 0 1em;
	margin: 0 0 1em;
}
ol { list-style-type:decimal; margin:1em 0; margin-left:20px; padding-left:0;}
/* remove top & bottom margins for nested lists */
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl
{ margin-top:0; margin-bottom:0; }
a { text-decoration:underline; color: #604543; }
fieldset { border:none }

/*============================================
	2: page structure
==============================================*/
/* header start */
body.home div#header {
	background: #e9edd2;
	color: #4b6246;
	padding: 1em;
	margin: 60px 0 0;
}

body.inside div#header {
	clear: both;
	height: 40px;	
	width: 1024px;
}

ul.util-nav {
	margin: 20px 0 8px;
	padding: 0;
	list-style: none;
	float: right;
}

ul.util-nav li {
	margin: 0;
	padding: 0 1.3em;
	float: left;
	border-right: 1px solid #604543;
	background-image: none;
}

ul.util-nav li.last {
	padding: 0 0 0 1.3em;
	border-right: none;
}

ul.util-nav #search {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
}

#header .search{
	float: left;
	margin: 10px 0 0 10px;
}
/* header end */

/* tagline start */
div#tagline {
	color: #4b6246;
}

div#tagline h1 {
	color: #614544;	
	display: inline;
}

body.top-level div#tagline {
	margin: 16px 24px;
}
/* tagline end */

/* footer start */
div#footer {
	background: #f8f8f8;
	color: #624444;
	padding: 0.5em 10px;
	float: left;
	clear: both;
	width: 1004px;
}

div#footer a,
div#footer a:link,
div#footer a:visited {
	color: #624444;	
	text-decoration: none;
}

div#footer a:hover {
	color: #624444;	
	text-decoration: underline;
}

div#footer span {
	float: left;
}

div#footer ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}

div#footer ul li {
	background-image: none;
	display: inline;
	border-right: 1px solid #624444;
	padding: 0 1em;
	margin: 0;
}

div#footer ul li.last {
	padding: 0 0 0 1em;
	border: none;
}
/* footer end */

/* menu start */
div#menu {
	float: left;
	clear: both;
}

div#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;		
  	position: absolute;	
	z-index: 10;
}

div#menu li {
	float: left;
	margin: 0;
	padding: 0;
}

div#menu ul.nav {
	background-color: #4c6347;
	height: 2.5em;
  	line-height: 2.5em;
	width: 1024px;
}

div#menu ul.nav li {
	background-image: url(/assets/images/nav_item_border.gif);
	background-repeat: no-repeat;
	background-position: right 0.8em;
  	color: #FFF;
}

div#menu ul.nav li a,
div#menu ul.nav li span {	
	color: #FFF;
	margin: 0 1.3em;	
	text-decoration: none;
}

div#menu ul.nav li span {
	cursor: default;	 	
}

div#menu div.subnav {
	position: absolute; 
	top: 2.5em;
	left: 0;
	width: 1024px;
}

body.home div#menu div.subnav {	
	display: none;
	height: 20em;
	min-height: 20em;
}

/* reset height back to auto for all browsers except IE 6 (still using height: 14em) */
body.home div#menu ul li > div.subnav {
	height: auto;
}

div#menu div.subnav ul {	
	top: 2.5em;
	left: 0;
	position: static;
	float: none;
}

div#menu div.subnav ul li {
  padding: 0 1.3em;
  float: none;
  background-image: none;
}

body.inside div#menu div.subnav ul li {
  float: left;
}

div#menu div.subnav ul li a {	
	margin: 0;
}

div#menu ul.nav li.item1_active,
div#menu ul.nav li.item1_active div.subnav,
div#menu ul.nav li.item1:hover,
div#menu ul.nav li.item1_over,
div#menu ul.nav li.item1_over div.subnav,
ul.introduction li.item1 h2 {
	background-color: #2a4530;
}

div#menu ul.nav li.item2_active,
div#menu ul.nav li.item2_active div.subnav,
div#menu ul.nav li.item2:hover,
div#menu ul.nav li.item2_over,
div#menu ul.nav li.item2_over div.subnav,
ul.introduction li.item2 h2 {
	background-color: #4d4532;
}

div#menu ul.nav li.item3_active,
div#menu ul.nav li.item3_active div.subnav,
div#menu ul.nav li.item3:hover,
div#menu ul.nav li.item3_over,
div#menu ul.nav li.item3_over div.subnav,
ul.introduction li.item3 h2 {
	background-color: #41422c;
}

div#menu ul.nav li.item4_active,
div#menu ul.nav li.item4_active div.subnav,
div#menu ul.nav li.item4:hover,
div#menu ul.nav li.item4_over,
div#menu ul.nav li.item4_over div.subnav,
ul.introduction li.item4 h2 {
	background-color: #864832;
}

div#menu ul.nav li.item5_active,
div#menu ul.nav li.item5_active div.subnav,
div#menu ul.nav li.item5:hover,
div#menu ul.nav li.item5_over,
div#menu ul.nav li.item5_over div.subnav,
ul.introduction li.item5 h2 {
	background-color: #746232;
}

div#menu ul.nav li.item6_active,
div#menu ul.nav li.item6_active div.subnav,
div#menu ul.nav li.item6 {
	background-image: none;
}

div#menu ul.nav li.item6:hover,
div#menu ul.nav li.item6_over,
div#menu ul.nav li.item6_over div.subnav {
	background-image: none;
	background-color: #7b8763;
}
/* menu end */

/* content start */ 
div#rolling-art {
	width: 1024px;
	height: 229px;
}

div#content-container {
	padding: 4em 0 3em;
	clear: both;
	float: left;	
	width: 1024px;	
	background:#e9edd2;	
}

body.top-level div#content-container {
	padding: 0 0 3em;
}

div#content {
	clear: both;
	float: left;
	background-color:#e9edd2;	
}

/* home start */ 
body.home div#content {
	margin: 2em 0 0;
	background-image: url(/assets/images/home/nav_gradient.gif);
	background-repeat: repeat-x;
	background-position: 0 0.5em;
}

body.home div#intro {
	float: left;
	width: 625px;
	padding: 0 30px;	
	margin: 40px 0;
	color: #604543;
	border-right: 1px solid #97887c;
}

body.home div#intro p {
	margin: 0 0 1em;
}

body.home div#intro a.more {	
	clear:both;
	color: #4c6347;	
	float:right;
	text-decoration: none;
	padding: 0 0.75em 0 0;
	background-image: url('/assets/images/intro_link_arrow.gif');
	background-repeat: no-repeat;
	background-position: right center;
}

/* features start */
div#features {
	float: right;
	width: 314px;
	padding: 0 12px;
	margin: 40px 0;
	background-image: url('/assets/images/main_bg.gif');
	background-repeat: no-repeat;
}

div#features ul {
	list-style: none;
	padding: 0;
	margin: 25px 0;
	/*width:234px !important;*/
}

div#features ul li img {
	border: none;
}

div#features .jcarousel-container {
	margin: 0 0 0 1em;
}

div#features .jcarousel-prev-horizontal {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 4px;
	height: 7px;
	cursor: pointer;
	background: url('/assets/images/back.gif') no-repeat 0 0;
}

div#features .jcarousel-prev-disabled-horizontal,
div#features .jcarousel-prev-disabled-horizontal:hover,
div#features .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -4px 0;
}

div#features .jcarousel-next-horizontal {
	position: absolute;
	top: 80px;
	right: 8px;
	width: 4px;
	height: 7px;
	cursor: pointer;
	background: url('/assets/images/next.gif') no-repeat 0 0;
}

div#features .jcarousel-next-disabled-horizontal,
div#features .jcarousel-next-disabled-horizontal:hover,
div#features .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -4px 0;
}

div#features .jcarousel-container-horizontal {
    padding: 0px 20px;
}

div#features .jcarousel-clip-horizontal {
    width: 257px;
}
/* features end */
/* home end */ 

/* content start */
body.inside div#content {
	margin: 5em 0 0;
	background-image: url(/assets/images/content_bg.gif);
	background-repeat: repeat-y;
}

div.section-landing {
	padding: 0 0 0 250px;	
	background-position: 250px 0;
}

div.section-details {
	padding: 0 0 0 205px;
	background-position: 205px 0;
}

body.resources div.section-details {
	padding: 0 0 0 24px;
	background-position: 24px 0;
}

/* main start */
div#main {
	float: left;
	position: relative;
	background-image: url('/assets/images/main_bg.gif');
	background-repeat: no-repeat;
	padding: 0 12px;
}

div.section-landing div#main {
	width: 750px;
}

div.section-details div#main {
	width: 795px;
}

body.resources div#main { 
	width: 952px;
}

body.top-level div#main {
	width: 952px;
	margin: 0 24px;
}
/* main end */

/* artworks start */
ul.artworks {
	padding: 0;
	margin: 0;
	list-style: none;
	word-spacing: -1em;
}

ul.artworks li {
	background: none;    
	text-align: left;
	padding: 0;
	margin: 0 8px 0 0;
}

ul.artworks li.last {
	margin: 0;
}

ul.artworks img {
	border: none;
}

div.section-landing ul.two-col {
	width: 750px;
}

ul.side-one-col {
	float: right;
	width: 250px;
	margin: 0 0 0 12px;
}

ul.side-two-col {   
	float: right;   
	width: 520px;
	margin: 0 0 0 12px;
}

ul.side-wide-one-col {
	float: right;   
	width: 500px;
	margin: 0 0 0 12px;
}

ul.two-col {
	width: 795px;
}

ul.three-col {
	width: 795px;
}
ul.side-one-col-f {
	float: right;
	width: 250px;
	margin: 20px 0 0 12px;
}

ul.side-two-col-f {   
	float: right;   
	width: 523px;
	margin: 20px 0 0 12px;
}

ul.side-wide-one-col-f {
	float: right;   
	width: 500px;
	margin: 20px 0 0 12px;
}

ul.two-col-f {
	width: 795px;
}

ul.three-col-f {
	width: 795px;
}

ul.artworks li,
ul.side-two-col li,
ul.two-col li,
ul.three-col li,
ul.side-wide-one-col li {
	vertical-align: top;
	display: inline-block;
	word-spacing: normal;
}

ul.side-two-col li {	
	width: 250px;
}

ul.two-col li {
	width: 387px;
}

ul.side-wide-one-col li {
	width: 500px;
}

div.section-landing ul.two-col li {
	width: 350px;
}

ul.three-col li {
	width: 229px;
}

div.artwork div.artwork-thumbnail img {
	border: 1px solid #aba191;
}

div.artwork a.enlarge-btn img {
	border: medium none;
	margin:8px 0 0;
}

div.artwork {
	text-align: right;
	padding: 0 0 10px 0;
	float: none;
	vertical-align: top;
	font-size: 0.92em;
	margin: 0;
	color: #604543;
	clear: both;
}

div.artwork .name {
	font-style:italic;
}

table.artworks {
	padding: 0;
	margin: 0;
}

table.artworks td {
	padding: 0 5px 5px 0;
	margin: 0;
	vertical-align: top;
}

body.contact ul.artworks {
	margin: 0 0 20px 12px;
}
/* artworks end */

/* caption start */
div.caption {
	margin: 1em 0;
}

div.caption a {
	text-decoration: none;
}	

div.caption a:hover {
	text-decoration: underline;
}
/* caption end */

/* features details start */
body.features div#main {
	margin: 0 0 0 24px;
	border-left:1px solid #97887C;
}

body.features h2 a {
	font-size: 1em;
	margin: 0;
	text-decoration: none;
	color: #000;
}
body.features h2  a:hover {
	text-decoration: underline;
}

body.features a.feature-home {
	float: right;
	position:absolute;
	top:20px;
	right:1em;
}	
/* features details end */

/* gallery start */
#gallery {
	float: left;
	margin: 10px auto 0;
	width: 970px;
	overflow: hidden;
}

#gallery div.nav-controls {
	float: right;
	clear: both;
	margin: 0 0 10px;
}

#gallery div.nav-controls a {
	padding: 5px;
	text-decoration: none;
}

#galleryslideshow-nav {
	float: left;
	clear: both;
	width: 970px;
}

#gallery #slideshow {
	background-color: #302718;
	clear: both;
	width: 970px;
	padding: 5px 0;
	text-align: center;
	overflow: hidden;
	float: left;
	display: none;
}

#gallery #slideshow img,
#gallery #thumbs img {
	border: none;
}

#gallery #thumbs ul li {
	background-image: none;
	margin: 0 0 1em 0;
}

#gallery div#details {
	clear: both;
	padding: 1em 0 0;
}
/* gallery end */

/* also see start */
div.section-landing div#alsosee {
	width: 220px;
	right: 250px; 
	margin-left: -774px;
}

div.section-landing div#alsosee ul,
div.section-landing div#alsosee ul li {
	background: none;
	width: 220px;
}

div.section-details div#alsosee {
	width: 175px;
	right: 205px; 
	margin-left: -819px;
}

div.section-details div#alsosee ul,
div.section-details div#alsosee ul li {
	background: none;
	width: 175px;
}

div#alsosee {
	float: left;
	position: relative;
	padding: 0 12px 0 18px;
}

div#alsosee ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
}	

div#alsosee ul li {
	clear: both;
	padding: 0 0 2em;
	float: left;
}

div#alsosee ul li a {
	color: #604543;
	font-weight: bold;
	text-decoration: none;
}

div#alsosee ul li img {
	border: 1px solid #aba191;
	margin: 0 1em 0 0 ;
	float: left;
}
/* also see end */

/* pagination start */
ul.pagination {
	position: absolute;
	top:0;
	right: 1em;
}

ul.pagination li {
	border-right: 1px solid #604543;
	color: #604543;
	padding: 0 0.5em;
	float: left;
	font-size: 0.92em;
	background-image: none;
}

ul.pagination li.last {
	border: none;
}

ul.pagination li a {
	color: #604543;
}
/* pagination end */
/* content end */

/* sitemap start */
ul.sitemap {
	width: 800px;
}

ul.sitemap li {
	width: 280px;
	line-height: 1.8em;
	background-image: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0 70px 30px 0;
}

ul.sitemap li a {
	color: #fff;
	text-decoration: none;
}

ul.sitemap li div.subnav {
	background: #E9EDD2 none repeat scroll 0% 0%;
}

ul.sitemap li div.subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sitemap li div.subnav ul li {
	padding: 2px 16px;
	margin: 0;
	background-image: none;
	width: 248px;
}

ul.sitemap li div.subnav ul li a {
	color: #604543;
	text-decoration: none;
}

ul.sitemap li h2 {
	line-height: 1.8em;
	width: 248px;
	padding: 0 16px;
}

ul.sitemap li.item1 h2 {
	background-color: #2a4530;
}

ul.sitemap li.item2 h2 {
	background-color: #4d4532;
}

ul.sitemap li.item3 h2 {
	background-color: #41422c;
}

ul.sitemap li.item4 h2 {
	background-color: #864832;
}

ul.sitemap li.item5 h2 {
	background-color: #746232;
}

ul.sitemap li.item6 h2 {
	background-color: #7b8763;
}
/* sitemap end */

/* introduction start */
body.introduction div#tagline {
	margin: 1em 0 ;
	padding: 0 1em;	
}

body.introduction div#main {
	background-image: none;
}

body.introduction div#content-container {
	padding: 0;
}

ul.introduction li {
	/*float: left;*/
	width: 400px;
	background: none;
	padding: 0 16px;
	display: inline-block;
	vertical-align: top;	
}

ul.introduction li h2 {
	color: #fff;
}	
/* introduction end */

/* resources list start */
ul.resources-list,
ul.resources-list li {
	float: left;
	clear: both;
}

ul.resources-list {
	margin: 1em 0 0;
}

ul.resources-list li {
	width: 940px;
}

ul.resources-list li p {
	margin-top: 0;
}

ul.resources-list .title {
	font-style: italic;
}

div.resources-description {
	margin: 0 0 1em 0;	
}

img.resources-image {
	float: right;
	padding: 0 0 0 12px;
}
/* resources list end */

/* contact start */
body.contact ul.side-one-col {
	width: 400px;
}
/* contact end */

/* editor css */
.artwork-details{
	text-align: right;
	padding: 0 0 10px 0;
	float: none;
	vertical-align: top;
	margin: 0;
	color: #604543;
	clear: both;
}

.artwork-thumb {
	border: 1px solid #aba191;
}

/* search result start */
.number-of-results {
	font-size: 0.9em;
	color: #604530;
}

.search label{
	display:none;
}
/* search result end */