/* ========================================================
	Red Fox Fine Art Stylesheet
	Author: Andy Pfeiffer
	Last Updated: 3.28.07
=========================================================*/
	
/* ---- Remove all default padding and formatting of elements ---- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
	margin : 0; 
	padding : 0; 
	}

h1, h2, h3, h4, h5, h6 { 
	font-size : 100%; 
	}

ol, ul { 
	list-style : none; 
	}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style : normal;
	font-weight : normal; 
	}

fieldset, img { 
	border : 0;
	}

th, caption {
	text-align:left;
	}

q:before, q:after {
	content :'';
	}

.clear {
	clear: both;
	}

/* ---- Sets global background pattern ---- */
body {
	background: url("../images/global/background.gif");
	font-family: Georgia, Palatino Linotype, Book Antiqua, Times New Roman, Times, serif;
	}

/* ---- Centers layout on page using negative margin method ---- */
#center {
	position:absolute;
	left:50%;
	top: 0px;
	width:918px;
	margin-left:-459px;
	}

/* ---- Main container that holds tiled white background with edge shadows ---- */
#container {
	background: url("../images/global/background_container.png");
	margin-left: 0px;
	}

img, #container {
	behavior: url("iepngfix.htc");
	}

/* ---- Container for page layouts ---- */
#page {
	position: relative;
	margin-left: 7px;
	width: 900px;
	}

/* ---- Logo and main navigation on each page ---- */
#masthead {
	width: 900px;
	height: 90px;
	}

#logo {
	float: left;
	}

#masthead a {
	text-decoration: none;
	}
	
#mainNav {
	float: right;
	margin-right: 20px;
	}
	
#mainNav li {
	float: left;
	display: block; 
	clear: none;
	}
	
#mainNav li a {
	display:block;
	}

#mainNav li em {
	display: none;
	}
	
#mainNav li.inventory {
	background:url("../images/nav/inventory.gif") 0px -90px no-repeat;
}

#mainNav li.inventory a {
	width: 108px;
	height: 71px;
	background:url("../images/nav/inventory.gif") top left no-repeat;
	}

#mainNav li.inventory a:hover {
	width: 108px;
	height: 71px;
	background:none;
	}

#mainNav li.services {
	background:url("../images/nav/services.gif") 0px -90px no-repeat;
}

#mainNav li.services a {
	width: 89px;
	height: 71px;
	background:url("../images/nav/services.gif") top left no-repeat;
	}

#mainNav li.services a:hover {
	width: 89px;
	height: 71px;
	background:none;
	}

#mainNav li.exhibitions {
	background:url("../images/nav/exhibitions.gif") 0px -90px no-repeat;
}

#mainNav li.exhibitions a {
	width: 117px;
	height: 71px;
	background:url("../images/nav/exhibitions.gif") top left no-repeat;
	}

#mainNav li.exhibitions a:hover {
	width: 117px;
	height: 71px;
	background:none;
	}

#mainNav li.publications {
	background:url("../images/nav/publications.gif") 0px -90px no-repeat;
}

#mainNav li.publications a {
	width: 124px;
	height: 71px;
	background:url("../images/nav/publications.gif") top left no-repeat;
	}

#mainNav li.publications a:hover {
	width: 124px;
	height: 71px;
	background:none;
	}

#mainNav li.store {
background:url("../images/nav/store.gif") 0px -90px no-repeat;
}

#mainNav li.store a {
	width: 64px;
	height: 71px;
	background:url("../images/nav/store.gif") top left no-repeat;
	}

#mainNav li.store a:hover {
	width: 64px;
	height: 71px;
	background:none;
	}

/* ---- Home page specific styles  ---- */
#centerImage {
	height: 324px;
	z-index: 1;
	}

#details_content {
	display:none;
	position: absolute;
	top: 200px;
	left: 499px;
	z-index: 2;
	height: 148px;
	width: 400px;
	border: 1px solid black;
	background: #fff;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#details_padding {
	padding: 3px;
	}

#details_content img {
	float: left;
	padding-right: 5px;
	}

#details_btn {
	position: absolute;
	top: 200px;
	left: 876px;
	z-index: 2;
	}

#callouts {
	float: right;
	width: 409px;
	padding-left: 26px;
	border-left: 1px solid gray;
	}

.callout img {
	float: left;
	padding: 0 3px 3px 0;
	}

.callout {
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 275px;
	padding-bottom:35px;
	}

#callout_btn {
	clear: both;
	width: 273px;
	height: 20px;
	background:url("../images/home/callout_btn.gif") 0px -20px no-repeat;
	}

#callout_btn em {
	display: none;
	}

#callout_btn a {
	width: 273px;
	height: 20px;
	display: block;
	background:url("../images/home/callout_btn.gif") top left no-repeat;
	}

#callout_btn a:hover {
	width: 273px;
	height: 20px;
	background:none;
	}

#callout_btn_book {
	clear: both;
	width: 273px;
	height: 20px;
	background:url("../images/home/callout_btn_book.gif") 0px -20px no-repeat;
	}

#callout_btn_book em {
	display: none;
	}

#callout_btn_book a {
	width: 273px;
	height: 20px;
	display: block;
	background:url("../images/home/callout_btn_book.gif") top left no-repeat;
	}

#callout_btn_book a:hover {
	width: 273px;
	height: 20px;
	background:none;
	}


/* ---- Body area that contains main page content  ---- */
#body {
	background: url("../images/global/bg_fade_2lines.gif") no-repeat;
	padding-top: 32px;
	}

/* ---- Two column layout in body area  ---- */	
#header {
	padding-left: 26px;
	}

#leftColumn {
	background: white;
	float: left;
	width: 410px;
	padding-left: 26px;
	}

#leftColumnWide {
	background: white;
	float: left;
	width: 600px;
	padding-left: 26px;
	}
	
#rightColumn {
	background: white;
	float: right;
	width: 410px;;
	padding-right: 26px;
	}

/* ---- Two column layout for inventory section pages  ---- */	
#leftColumn_t2 {
	float: left;
	width: 205px;
	padding-left: 26px;
	}
	
#rightColumn_t2 {
	float: right;
	width: 625px;
	padding-right: 26px;
	}


/* ---- Artist information at top of inventory pages  ---- */	
#artistinfohdr {
	border-width: 7px 0 1px 0;
	border-color: #f4c343;
	border-style: solid;
	font-size: 14px;
	height: 62px;
	padding-top: 10px;
	}

#artistinfo {
	float: left;
	}

#back {
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333; 
	float: right;
	padding-top: 10px;
	text-align: center;
	}

#back a {
	text-decoration: none;
	}

/* ---- Left navigation on inventory pages  ---- */	
#leftnav {
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border-width: 7px 1px 0 0;
	border-color: #f4c343;
	border-style: solid;
	}
	
#leftnav_head {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #f4c343;
	margin: 0 0 10px 0;
	height: 52px;
	}

/* ---- Page Navigation  ---- */	

#pageNav {
	text-align: center;
	height: 20px;
	border-width: 0 0 1px 0;
	border-color: #f4c343;
	border-style: solid;
	padding-top: 5px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	}
	
/* ---- Thumbnail display  ---- */	

#thumbDisplay {
	padding-top: 12px;
	width: 100%;
	}

#thumbDisplayTable {
	width: 100%;
	}
	
#thumbDisplayTable td {
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 12px;
	text-align: center;
	}

/* ---- Detail page display  ---- */	

#detailDisplay {
	padding-top: 12px;
	width: 625px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}

/* ---- General text and layout formatting  ---- */

#leftColumn p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
	}

#leftColumnWide p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
	}

#rightColumn p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
	}
	
h1 {
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 3px;
	}

a:link, a:active, a:visited {
	color: #848C52;
	text-decoration: underline;
	}

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

.imgLeft {
	float: left;
	padding: 3px 10px 0px 0px;
	}

/* ---- Exhibits page styles  ---- */

.exhibit h1 {
	background-color: #eee;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	color: #333;
	border-top: #ccc 1px solid;
	}
	
.exhibitinfo {
	padding-left: 15px;
	}

	
/* ---- Inventory, Advanced Search and Wanted to Buy page styles  ---- */

#yellowbox {
	background: url("../images/inventory/yellow_hdr_current_inventory.gif") top left no-repeat;
	width: 375px;
	border: 1px solid #f4c343;
	padding: 48px 16px 25px 16px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	}

#yellowboxRecent {
	background: url("../images/inventory/yellow_hdr_recent.gif") top left no-repeat;
	width: 375px;
	border: 1px solid #f4c343;
	padding: 48px 16px 25px 16px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	}

#yellowboxSearch {
	background: url("../images/inventory/yellow_hdr_adv_search.gif") top left no-repeat;
	width: 375px;
	border: 1px solid #f4c343;
	padding: 48px 16px 25px 16px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	}

#yellowboxWanted {
	background: url("../images/inventory/yellow_hdr_wanted.gif") top left no-repeat;
	width: 376px;
	border: 1px solid #f4c343;
	padding: 48px 16px 25px 16px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	}

#yellowbox p {
	padding-bottom: 10px;
	}

#yellowboxSearch p {
	padding-bottom: 10px;
	}

#inventoryNav {
	position: absolute;
	top: 149px;
	left: 518px;
	}
	
#inventoryNav li {
	float: left;
	display: block; 
	clear: none;
	margin-left: 3px;
	}
	
#inventoryNav li a {
	display:block;
	}

#inventoryNav li em {
	display: none;
	}
	
#inventoryNav li.browse {
	background:url("../images/inventory/tab_browseAll.gif") 0px -26px no-repeat;
	}

#inventoryNav li.browse a {
	width: 103px;
	height: 26px;
	background:url("../images/inventory/tab_browseAll.gif") top left no-repeat;
	}

#inventoryNav li.browseSelected a {
	width: 103px;
	height: 26px;
	background:url("../images/inventory/tab_browseAll.gif") 0px -26px no-repeat;
	}

#inventoryNav li.browse a:hover {
	width: 103px;
	height: 26px;
	background:none;
	}

#inventoryNav li.recent {
	background:url("../images/inventory/tab_recentAcquisitions.gif") 0px -26px no-repeat;
	}

#inventoryNav li.recent a {
	width: 153px;
	height: 26px;
	background:url("../images/inventory/tab_recentAcquisitions.gif") top left no-repeat;
	}

#inventoryNav li.recentSelected a {
	width: 153px;
	height: 26px;
	background:url("../images/inventory/tab_recentAcquisitions.gif") 0px -26px no-repeat;
	}

#inventoryNav li.recent a:hover {
	width: 153px;
	height: 26px;
	background:none;
	}

#inventoryNav li.search {
	background:url("../images/inventory/tab_Search.gif") 0px -26px no-repeat;
	}

#inventoryNav li.search a {
	width: 90px;
	height: 26px;
	background:url("../images/inventory/tab_Search.gif") top left no-repeat;
	}

#inventoryNav li.searchSelected a {
	width: 90px;
	height: 26px;
	background:url("../images/inventory/tab_Search.gif") 0px -26px no-repeat;
	}
	
#inventoryNav li.search a:hover {
	width: 90px;
	height: 26px;
	background:none;
	}

.navletter a:link, .navletter a:visited, .navletter a:active{ 
	color:black; 
	background-color: #f4c343; 
	border-right: #fff 1px solid;
	text-decoration: none;
	padding: 1px 3px; 
	} 

.navletter a:hover { 
	color:white; 
	background: #CCC;  
	text-decoration: none; 
	padding: 1px 3px;
	}

/* ---- Services page styles  ---- */

.service {
	clear: both;
	height: 175px;
	}

/* ---- Publications page styles  ---- */
#publications #leftColumn,
#publications #rightColumn {
	padding-top: 25px;
	}

.padRight {
	padding-right: 10px;
	}	

.pubs {
	font-size: 12px;
	line-height: 18px;
	border-collapse: collapse; 
	border-spacing: 0;
	}
	
.pubs th {
	background-color: #eee;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	color: #333;
	border-top: #ccc 1px solid;
	}
	
.pubs td {
	border-bottom: 1px solid gray;
	padding: 10px 0 0 0;
	}

.books {
	font-size: 12px;
	line-height: 18px;
	border-collapse: collapse; 
	border-spacing: 0;
	margin-right: 26px;
	}

.books th {
	background-color: #eee;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	color: #333;
	border-top: #ccc 1px solid;
	}

.books td {
	padding: 10px 0 0 0;
	}

/* ---- Google map on Directions page  ---- */

#map {
	width: 410px;
	height: 500px;
	border: 1px solid gray;
	}
	
/* ---- Email Page to Friend link  ---- */

#email {
	clear: both;
	margin: 15px 26px; 15px 0;
	float: right;
	width: 163px;
	height: 21px;
	background:url("../images/global/email_to_friend.gif") -168px 0px no-repeat;
	}

#email em {
	display: none;
	}

#email a {
	width: 163px;
	height: 21px;
	display: block;
	background:url("../images/global/email_to_friend.gif") top left no-repeat;
	}

#email a:hover {
	width: 163px;
	height: 21px;
	background:none;
	}

/* ---- Footer graphic with links and copyright at bottom of each page  ---- */
#footer {
	clear: both;
	background: url("../images/global/bg_fade_1line.gif") top left no-repeat;
	height: 62px;
	margin-top: 15px;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	color: #666;
	text-align: center;
	padding-top: 25px;
	}

#footer a {
	color: #666;
	text-decoration: underline;
	}

/* ---- Bottom graphic of main container with shadow ---- */
#bottom {
	height: 11px;
	background: url("../images/global/container_bottom.png");
	}

img, #bottom {
	behavior: url("iepngfix.htc");
	}
	
	
/* ---- Advanced search form ---- */	

#yellowboxSearch form fieldset { padding: 10px; border: #ddd 1px solid; }
#yellowboxSearch form legend {font-size: 14px; font-weight: bold; color: #666; }
#yellowboxSearch form label {margin-right: 10px; padding: 3px 10px 0px 0px; width: 50px; display: block; float: left; position: relative;}
#yellowboxSearch fieldset div {padding-top: 10px;}
#yellowboxSearch fieldset select {width: 200px;}
.search_thumb {
	border: 1px solid #cccccc;
	margin-right: 15px;
	}


/* ---- Contact and Email a Friend forms ---- */	

#leftColumn form fieldset { padding: 10px; border: #ddd 1px solid; }
#leftColumn form legend {font-size: 14px; font-weight: bold; color: #666; }
#leftColumn form label {font-size: 12px; margin-right: 10px; padding: 3px 10px 0px 0px; width: 100px; display: block; float: left; position: relative;}
#leftColumn fieldset div {padding-top: 10px;}
#leftColumn fieldset select {width: 200px;}
#leftColumn fieldset .text {width: 200px;}
#leftColumn .controlset label,.controlset input { display: inline; float: none; }
.controlset {font-size: 12px; width: 200px;}

#leftColumnWide form fieldset { padding: 10px; border: #ddd 1px solid; }
#leftColumnWide form legend {font-size: 14px; font-weight: bold; color: #666; }
#leftColumnWide form label {font-size: 12px; margin-right: 10px; padding: 3px 10px 0px 0px; width: 125px; display: block; float: left; position: relative;}
#leftColumnWide fieldset div {padding-top: 10px;}
#leftColumnWide fieldset select {width: 200px;}
#leftColumnWide fieldset .text {width: 200px;}
#leftColumn .controlset label,.controlset input { display: inline; float: none; }

/* ---- Flash slide show on Exhibitions page ---- */	

#flashcontent {
	width: 410px;
	height: 298px;
	border: #ccc 1px solid;
	}

/* ---- Formatting for Wanted to Buy form pop up window ---- */	
#popUpArea {
	margin-top: 25px;
	width: 410px;
	margin:0px auto;
	text-align:left;
	}

#popUpArea p {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding-bottom: 10px;
	}

#popUpArea form fieldset { padding: 10px; border: #ddd 1px solid; }
#popUpArea form legend {font-size: 14px; font-weight: bold; color: #666; }
#popUpArea form label {font-size: 12px; margin-right: 10px; padding: 3px 10px 0px 0px; width: 100px; display: block; float: left; position: relative;}
#popUpArea fieldset div {padding-top: 10px;}
#popUpArea fieldset select {width: 200px;}
#popUpArea fieldset .text {width: 200px;}
#popUpArea .controlset label,.controlset input { display: inline; float: none; }
#popUpArea .controlset {font-size: 12px; width: 150px;}