/* CSS Document */

/**** Colors ***
color: #D0B657 - subheadings gold/brown
color: #C1911E - text gold
color: #D4B755 - text light gold
color: #7C9D40 - purchase green
color: #E9D7AD - off-white passive element (active element is FFFFFF)
color: #993300 - maroon content subheading / category link 

*** ****/

/* hide from ie on mac \*/

html {
	height: 100%;
	
}

#flashcontent {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* end hide */
	
	
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	
	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

		
	font-size: 12px;
	
	
	color: #C1911E;
	background-color: #000000;
	background: url(images/bg_gradient.jpg) repeat-x;
	/*background: url(images/body_bg.jpg) center no-repeat;*/
}


.wrapper {
	position: relative;
	/*
	margin-left: -400px;
	left: 50%;
	padding: 0px;
	*/
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	width: 730px;
	height: auto;
	
	background-color:#FFFFFF;
	padding: 10px;
	
	
	border-bottom: 1px solid #6F5622;
	
	/*
	border-left:2px solid #D4B755;
	border-right:2px solid #D4B755;
	
	border-bottom: 2px solid #D4B755;
	*/
	
}
#mid_wrapper {
	position: relative;
	height: auto;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 10px;
	
	background-image: url(images/gallerynav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.topleft_js_notifier {
	position: fixed;
	top: 2px;
	left: 2px;
	/*
	background-color:#CC3300;
	border:1px #8C442F solid;
	*/
	color: #FFFFFF;
	font-weight:bold;
	height: 100px;
	width: 200px;
	z-index: 20;
	padding: 12px;
	
}
div.overlay {
	
	position: absolute;
	margin: 0px;
	padding: 0px;	
	left: 0px;
	background:url(images/spacer_100.gif) repeat;
	width: 100%;
	z-index: 50;

}
div.overlay.main {
	top: 80px;
	height:520px;

}
div.overlay.flashbanner {
	top: -76px;
	height: 76px;

}


div.right_link_overlay {
	position: absolute;
	right: 100px;
	top: 200px;
	width: 210px;
	height: 400px;
	
	z-index: 70;

}
div.right_link_overlay a {
	display: block;
	height: 30px;
	margin-bottom: 50px;
	z-index: 90;

	
}
p {
	line-height: 140%;
}
/* 
   sIFR: h1 on all text content pages
    CSS only: h2, h3, h4 on purchase pages 
*/
h1 {
	position: relative;
	font-size:20px;
	color: #E8D071;

	
}
/* h1 MUST have a named class below, or it will fail to appear */
h1.left {
	/* sIFR generates as left-aligned on the Flash canvas */

	
}
h1.right {
	/* sIFR generates as right-aligned on the Flash canvas */
	
}
/* item title */
h2 {
	font-size:38px;
	color: #E8D071;
	margin: 0; 
}
/* item title smaller */
h3 {
	font-size:24px;
	color: #E8D071; 
	
	
	margin: 0;
}
/* format/price choice */
h4 {
	position: relative;
	font-size: 12px;
	color: #7C9D40; 

	
	text-decoration: none;
	
}
h2,h3 {
	font-family: Papyrus, Apple Chancery, Chancery, Book Antiqua, Palatino Linotype, Palatino, Georgia,Helvetica,Geneva,Arial;
	color:#B48429;
}
h2,h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin-bottom: 4px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


div#purchase_choice_block {
	position: relative;
	width: 270px;

}

div#purchase_choice_block a  {
	position: relative;
	border: none;
	text-decoration: none;
	display: block;
	margin-top: -12px;

	/* match the background with the color: attr to make the "border" around any hyperlinked DTR text invisible  */

}


a#purchase_top_block img {
	

}


/* for DTR links -- DTR creates an img that has a border if wrapped in a link */
div#purchase_choice_block a img {
	position: relative;
	border: none;

}

.showMe {
	display: block;

}
.showMeInline {
	display: inline;
}
.hideMe {
	display: none;
}


.template_table td {
	vertical-align: top;
}
td#left_head {
	width: 236px;
	height: 47px;
}

td#right_head {
	width: 494px;
}

td#left_foot {
	width: 508px;
	height: 48px;
	background:url(images/nav_bottom.jpg) top left no-repeat;
	font-size: 10px;
}

td#right_foot {
	width: 222px;
	background:url(images/copyright_right.jpg) top left no-repeat;
	color: #D4B755;
	font-size: 10px;
}

a:link {
	color: #C1911E;
	text-decoration: none;
}

a:visited {
	color: #C1911E;
	text-decoration: none;
}

a:hover {
	color:#8D6125;
	text-decoration: none;
}

a:active {
	color: #C1911E;
	text-decoration: none;
}

.breadcrumbs {
	position: relative;
	margin: 13px 6px 10px 0px;
	color: #D4B755;

}
.breadcrumbs td img {
	position: relative;
	top: 1px;
}
.breadcrumbs td a {
	font-size: 10px;
}
.breadcrumbs td a:link {
	
	color: #D4B755;
}

.breadcrumbs td a:visited {

	color: #C1911E;
}
.breadcrumbs td a:hover {
	
	color: #886637;
}
.breadcrumbs td a:active {

	color: #886637;
}
.breadcrumbs td a.cat_link {
	text-decoration: none;
}
div#photo_img {
	position: relative;
}
div#photo_img img {
	position: relative;
	max-width: 460px;
	width: expression(document.body.clientWidth > 462? "460px" : "auto");

	border: 1px #C1911E solid;
}
div#photo_img div#scrollers_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index:99;
}
div#scrollers_overlay table {
	width: 100%;
	height: 100%;
	margin: 0;

}
div#scrollers_overlay table td.scroller {
	width: 51px;
	vertical-align: top;
	height: 100%;
	
}
div#scrollers_overlay table td.scroller div.scroller_wrapper {
	height: 99%;
	margin: 0;
	padding: 0;
}
div#scrollers_overlay table td.scroller div.scroller_wrapper img {
	position: relative;
	top: 50%;
	margin-top: -25px;
}
p.photo_comment {
	
}

div.portfolio_maincontent {
	margin-top: -115px;
}


/*------global (except portfolio page) -----*/
table.main_content_table {
	position: relative;
	margin: 32px 0px 32px 0px;
	border: none;

}
#float_right {
	
	float:right;

	margin: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#float_left {
	position: relative;
	float:left;

	margin: 8px;
	margin-left: 0px;
	margin-bottom: 0px;
}

/*------------------------------------------*/

div#slideshow {
	border: 1px #C1911E solid;
	
}
div.flashbanner {
	position: relative;  
	left: 10px;
	
	

}

table#index_content {
	margin: 10px 0px 10px 0px;
}
table#index_content td {
	color: #333333;
	padding: 0px 16px 16px 0px;
	vertical-align: top;
	text-align: justify;
}
table#index_content td.left, table#index_content td#left {
	border-right: 1px #D4B755 dotted;
	padding-right: 8px;
	
	padding-left: 10px;
}
table#index_content td.right, table#index_content td#right {
	padding-left: 8px;
	
	padding-right: 10px;
	
}
div.section_sep {
	position: relative;
	margin: 8px 0px 8px 0px;
	height: 1px;
	border-top: 1px #D4B755 dotted;
	
}
.small_list {
	position: relative;
	font-size: 10px;
	margin-top: 2px;
}
ul.small_list li {
}
table#index_content td h1 {
	margin-bottom: -10px;
	margin-top: 10px;
	padding: 0;
}
table#index_content td.right_column {
	
	
	text-align: right;

}
td.right_column h1 {
	position: relative;
	text-align: right;
	
}

table#catalog_home_content {
	width: 730px;
}
table#catalog_home_content td#cat_name {
	vertical-align: top;
	width: 33%;
	padding: 6px;
	padding-right: 25px;
	
}
table#catalog_home_content td#cat_name a:link, 
table#catalog_home_content td#cat_name a:visited 
{
	text-decoration: none;
}

table#catalog_home_content td#cat_name a:hover, 
table#catalog_home_content td#cat_name a:active 
{
	text-decoration: underline;
}
table#catalog_home_content td#cat_name img {
	border: 1px #D4B755 solid;
}
td#purchase_cell div#purchase_block {
	position: relative;
	margin-right: -4px;
}

a.cat_link {
	text-decoration:underline;
}
td#cat_name a.cat_link {
	color:#993300;
	font-weight:bold;
	font-size: 14px;
	text-decoration:underline;
}
td#cat_name .cat_total {
	color:#993300;
	font-weight:bold;
	font-size: 14px;
}

img.cat_thumb {
	text-decoration: none;
	border: none;
	position:relative;
	float:left;
	margin-right: 6px;

}

/************ INTEGRATE THESE FROM ENCAPS GALLERY *****************/


.other_cat {
	font-size: 9px;
	color:#999999;
}
.other_cat a:link {
	text-decoration: underline;
}

.other_cat a:visited {
	text-decoration: underline;
}
.pager {
	margin: 0px 6px 0px 6px;
	text-align: center;
	font-size:10px;
	font-weight:bold;
	color: #FFFFFF;
}
.pager a {

	font-size:10px;
	font-weight:bold;
	color: #FFFFFF;
}
#title_cell {

	padding-bottom: 0px;


}
#title_cell p{
	margin-top: 0px;
	padding-top: 0px;
	
	font-size:12px;

}
#blurb_cell {
	vertical-align: top;
	
}
#blurb_cell p{
	margin-top: 0px;
	padding-top: 0px;
	
	padding-left: 40px;

	font-size:12px;
	
}
.thumbnail {
	margin: 6px 0px 0px 6px;
	border: 1px solid #E9D7AD;
}
.thumbnail_live {
	margin: 6px 0px 0px 8px;
	border: 1px solid #FFFFFF ;
}
form {
	margin:0;
	padding:0;
}
input.price_choice {
	margin: 0px;
	padding: 0px;
	display:block;
}


/*-----------------block positioning classes: fine-tuning-----------------*/

.clear {
	position: relative;
	clear: both;
}
.nudge_left {
	position: relative;
	left: -1px;
}

.nudge_left2 {
	position: relative;
	left: -2px;
}
.nudge_left3 {
	position: relative;
	left: -3px;
}
.nudge_left4 {
	position: relative;
	left: -4px;
}
.nudge_left5 {
	position: relative;
	left: -5px;
}
.nudge_right {
	position: relative;
	right: -1px;
}
.nudge_right2 {
	position: relative;
	right: -2px;
}
/*-------------------------------------------------*/




/*------------sIFR-------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.left {
	visibility: hidden;

	
}

.sIFR-hasFlash h1.right {
	visibility: hidden;
}
.sIFR-hasFlash span.right {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	
}

.sIFR-hasFlash h3 {
	visibility: hidden;

}

.sIFR-hasFlash h4 {
	visibility: hidden;

}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
