/* @override http://artdetriumph.com/_library/adt.css */

/* debug */
#nav_detail {display:none;}


/*------------------------------------------------------------------------
STRUCTURE
------------------------------------------------------------------------*/

body {
	margin:0;padding:0;
	background-color:#ffffff;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	background-image:url(../_images/bg_pattern.gif);
	background-repeat: repeat;
	background-position: 0 0;
}

#container {
	margin:0;padding:0;
	width:831px;
	border-right:solid 1px #503C33;
	border-bottom:solid 1px #503C33;
	background-image:url(../_images/bg_container.gif);
	background-repeat: repeat;
	background-position: 0 0;
}

#branding {
	width:831px;
	height:120px;
	margin:0;padding:0;
	border-bottom:solid 1px #503C33;
}

	.logo {
		margin: 15px 0 0 20px;padding:0;
		float:left;
	}

	.header {
		margin:0;padding:0;
		float:right;
	}


/* MAIN CONTENT AREA */

#content_container {
	width:831px;
	clear:both;
	margin:0;padding:0;
	border-top:solid 1px #CE8C6B;
	border-bottom:solid 1px #503C33;
	background-image:url(../_images/bg_content_container.gif);
	background-repeat: repeat;
	background-position: 0 0;
}
	
/* SIDEBAR */
						
#sidebar {
	float:left;
	width:224px;
	margin: 10px 0 10px 0px;
	padding:0;
	color:#604B42;
}

	.sidebar_bg {
		background-image:url(../_images/bg_sidebarContent.gif);
		background-repeat: repeat-y;
		background-position: top right;
		margin:5px 0 5px 15px;padding:0;
		border-bottom: solid 1px #D4C2B8;
	}
	
	.decoration_sidebar {
		margin:0 0 0 -5px;padding:0;
	}

	#search {
		margin:0;padding:0;
	}
	
	#search form, #hp_email form {
		padding:0;margin:10px 0 10px 0;
	}
	
	#news ul { /*NEWS STYLING FOR SIDEBAR*/
		list-style-type:none;
		margin:10px;padding:0;
	}
	
	#news ul li {
		margin:10px 0 3px 0;
	}

	/*styling for email newsletter sign-up*/	
	label {	
		float:left;	
		width:35px;	
		margin:5px 10px 8px 0;	
		font-weight:bold;	
	}
	
/* CONTENT */
	
#content {
	float:right;
	width:545px;
	margin:0px;
	padding: 10px 30px 10px 0px;
	color:#FFF;
	
}

	/*HOMEPAGE CONTENT STYLING*/
	
	#hp_intro {
		float:left;
		width:305px;
	}
	
	#hp_news {
		margin:30px 0 0 0;
	}
	
	#hp_news ul { /*NEWS STYLING FOR HOMEPAGE */
		list-style-image:url(../_images/news_bullet.gif);
		margin:0 0px 0 10px;padding:0 0 0 0px;
		font-size:11px;
	}
	
	#hp_news ul li {
		line-height:14px !important;
		padding-top:3px;
	}
	
	#hp_highlights {
		width:220px;
		height:700px; /* IE peekaboo bug */
		float:right;
	}
	
	#hp_highlights #new_work, #hp_highlights #new_prints {
		width:110px;
	}
	
	#hp_highlights #new_work {
		float:left;
	}
	
	#hp_highlights #new_prints {
		float:right;
	}
	
/* ART DETAIL PAGE STYLING */

#artwork_detail #image {
margin:0 0 15px 15px;
padding:0;
float:left;
	
}

#artwork_detail #info { /* handles artwork description */
	margin-left:15px; 
	width:175px; 
	float:left;
}
	
	#artwork_detail ul { /* artwork specifications */
		margin:0;padding:0;
		list-style-type:none;
		}
	
	#artwork_detail li {
		line-height:13px !important;
	}
	
	#artwork_detail li em, #artwork_detail td {
    	font-style:normal; 
		text-transform:uppercase;
		color:#ACC2CB;
		font-size:10px;
		font-weight:bold;
	}
	
	#prints_cards { /*PRINT AND CARD SPECIFICATIONS*/
		clear:both;
		width:540px;
		border:solid 1px #958175;
		padding:5px;
	}
	
	.prints_cards_bg {
		background-color:#958175;
		width:540px;
	}
	
	#prints, #cards {
		width:232px;
		margin:10px;
	}
	
	#cards {
		float:right;
	}
	
	#prints {
		float:left;
		padding-right:20px;	
		border-right:solid 1px #D6C6BC;
	}

	#prints ul, #cards ul {
		list-style-type:none;
		padding:0;margin:0;
	}

	#prints_header li, #cards_header li {
		color:#588393 !important;
		font-weight:bold;
		font-size:12px !important;
		font-family:"trebuchet ms",arial,sans-serif;
		background-color:#E0D2C9 !important;
	}

	#prints ul li {
		margin:0;
		padding:2px; 
 		width:70px;
		float:left;
		font-size:10px;
		font-weight:bold;
		color:#7A6C65;
		background-color:#EBE2DC;
		border-bottom:solid 1px #D6C6BC;
		height:18px;
		white-space: nowrap;
		font-weight:normal !important;
	}

	#cards ul li {
		margin:0;
		padding:2px; 
		float:left;
		font-size:10px;
		font-weight:bold;
		color:#7A6C65;
		background-color:#EBE2DC;
		border-bottom:solid 1px #D6C6BC;
		height:18px;
		font-weight:normal !important;
	}
	
	#cards li.size {
		width:75px;
	}
	
	#cards li.quantity {
		width:55px;
	}
	
	#cards li.price {
		width:40px;
		text-align:right;
	}
	
	#cards li.buy {
		width:40px;
	}
	
	#prints ul li form, #cards ul li form {
		display:inline;
	}
		
/* CATEGORY LIST STYLING */

#category_list {
	margin:10px;
	text-align:center;
}
	
	#category_list img {
		margin:10px;
	}

#footer {
	clear:both;
	padding-top:5px;
	text-align:left;
}

	#footer img {
		margin:2px 10px 0 10px;
	}


/*------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------*/

/*PRIMARY NAV*/

#nav_container {
	height:25px;
	background-image:url(http://69.93.35.226/~artdetri/_images/bg_nav.gif);
}

	#nav {
		height:25px;
		margin: 0 0 0 225px;padding:0;
		border-left:solid 1px #503C33;
	}

	#nav ul {
		margin:0;padding:5px 0 0 0;
		list-style-image:url(http://69.93.35.226/~artdetri/_images/nav_bullet.gif);
	}
	
	#nav ul li {
			padding:5px 0 5px 15px;
			margin:0 15px 0 15px;
			display:inline;
			background-image:url(http://69.93.35.226/~artdetri/_images/nav_bullet.gif);
			background-repeat: no-repeat;
			background-position: 3px center;
		}

		#nav ul li a {
			font-size:12px;
			padding:5px;
		}
	
	#nav ul li a:hover {
		background-image:url(http://69.93.35.226/~artdetri/_images/bg_nav_over.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
		
/*CATAGORY NAV*/

#nav_category .sidebar_bg {
	background-image:url(../_images/bg_sidebar_cat_nav.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

#nav_category ul {
	list-style-image:url(../_images/nav_bullet.gif);
	border-top: solid 1px #DFD1C8;
}

	#nav_category ul li {
		border-bottom: solid 1px #D4C2B8;
		margin:0;padding:0;
	}

	#nav_category ul li a {
		width:169px;
		color:#423129 !important;
		display:block;
		margin:0;padding:7px 0 7px 0;
	}
	
	#nav_category ul li a:hover {
		background-image:url(../_images/bg_cat_nav_over.gif);
		background-repeat: repeat-y;
		background-position:top right;
	}

	/* MUTUAL NAV LIST ITEM STYLING */
	#nav ul li, #nav_category ul li {
		font-family:"trebuchet ms",arial,sans-serif;
		text-transform:uppercase;
	}

	/* MUTUAL NAV LINK STYLING */

	#nav ul li a, #nav_category ul li a {
			color:#6E6A68;
			text-decoration:none;
	}

	#nav ul li a:hover, #nav_category ul li a:hover {
			color:#4C403A !important;
			text-decoration:none;
	}

/* INTRA-COLLECTION PAGE NAV */

.nav_page a {
	font-weight:bold;
	text-decoration:none !important;
	margin: 0 3px 0 3px;
}

	.nav_page a:hover {
		text-decoration:underline !important;
	}

/* ART DETAIL NAV */

#nav_detail {
	text-align:center;
	margin-bottom:20px;
}

	#nav_detail img {
		margin:0 3px 0 3px;
	}
	
	#nav_detail h2 {
		color:#D9CFAB;
		font-size:20px;
		margin:0;padding:0 0 10px 0;
	}

/*------------------------------------------------------------------------
TYPOGRAPHIC STYLING
------------------------------------------------------------------------*/

h1, h2, h3, h4, th {
	font-family:"trebuchet ms", sans-serif;
}

#hp_news h1, #hp_intro h1 { /* restrict width for sifr */
	width: 225px; 
	}


h1.hp, h1.pagetitle {
	background-image:none !important;
	color:#ACC2CB;
	text-align:center;
	margin:0; padding:0;
	font-size:30px;
	
}

h1 {
	color:#ACC2CB;
	font-size:18px;
	background-image:url(../_images/dingbat_h1_left.gif);
	background-repeat: no-repeat;
	background-position:left center;
	padding:0 0 0 30px;margin:10px 0 15px 0;
}

h2, dd .title a, dd .title a:visited {
	color:#ACC2CB;
	font-size:16px;
}

h3 {
	color:#ACC2CB;
	font-size:12px;
}

#sidebar h2 {
	font-size:24px;
	color:#617885;
	margin:15px 0 -10px 30px;padding:0;
	z-index:10;
}

#hp_highlights #new_work h2, #hp_highlights #new_prints h2 {
	font-size:16px;
	margin:0;padding:0;
}

#prints_cards h3 {
	color:#ACC2CB;
	font-size:22px;
	margin:0 0 5px 0;padding:0;
}

	#prints_cards h4 {
		color:#ACC2CB;
		font-size:12px;
		font-weight:bold;
		margin:0 0 10px 0;padding:0;
	}
	
	#prints_cards p {
		font-size:11px;
		color:#43322A;
		line-height:13px !important;
	}

#news { /* TEXT INDENT - CAN'T GET TO WORK
	text-indent:-15px;
	*/
}

.date { /* STYLING FOR NEWS DATES HP & INTERNAL PAGES */
	font-family:"trebuchet ms",arial,sans-serif;
	font-size:10px;
	text-transform:uppercase;
}

#content p {
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 16px;
}

#content li {
	margin:5px;
	line-height: 16px;
}

#footer p {
	color:#381E04;
	font-size:11px;
	font-family:arial;
	margin:5px 0 0px 235px;padding:0 0 20px 0;
}



/*------------------------------------------------------------------------
IMAGE STYLING
------------------------------------------------------------------------*/

img {
	border: 0px none;
}

.img_left {
	float:left;
	margin:0 5px 5px 0;padding:0;
}

.img_right {
	float:right;
	margin:0 0px 5px 5px;padding:0;
}

#content img {
	border: 1px solid #D9CFAB;
}

#content .line_h1 img {
	margin:0 0 20px 0;padding:0;
	border:0px none !important;
}

#hp_highlights img {
	margin:2px 0 5px 0;
}

#prints_cards img {
	margin:0;padding:0;
	border:0px none !important;
}

#nav_detail .arrow {
	margin-bottom:30px !important;padding:0px !important;
	border:0px none !important;
}

/*------------------------------------------------------------------------
LINK STYLING
------------------------------------------------------------------------*/

a:link, a:visited {
	font-weight: bold;
	font-family:"trebuchet ms",arial,sans-serif;
	font-size: 12px;
	color:#E0BCA7;
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration: none;	
}

#hp_news a {
	font-size:13px;
	font-weight:bold;
}

#news a:link, #news a:visited{
	font-size: 11px;
	font-weight:bold;
	color:#6E6A68;
}

#footer a:link, #footer a:visited{
	font-size: 10px;
	margin:0 5px 0 5px;
	color:#AE3A10;
}

/*------------------------------------------------------------------------
SEARCH STYLING
------------------------------------------------------------------------*/
#search form input.search { /* search submit image */ 
position:absolute;
margin-left:8px;
}


dl {

clear:left;
padding-bottom:85px;
}

dt {
width:100px;
float:left;
margin-right:20px;
}

dd {
}

/*------------------------------------------------------------------------
SIFR STYLING
------------------------------------------------------------------------*/


.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;
}


/* 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.hp {
	visibility: hidden;
	letter-spacing: -5px;		
}

.sIFR-hasFlash h1.pagetitle {
	visibility: hidden;
}
.sIFR-hasFlash #sidebar h2 {
	visibility: hidden;
}


/*New styles for promobox added October 2008*/
#promobox {
	background-image:url(/_images/promohome.jpg);
	background-repeat: no-repeat;
	height:95px;
	width: 200px;
	left: 571px;
	position: absolute;
	top: 0;
	line-height: 1.6em;
	padding: 17px 15px 0px;
	overflow: hidden;
}

#promobox span{
	color: #eee;
	display: block;
}

#promobox .url {
	padding-top: 5px;
	border-bottom: 2px solid #c37050;
}

#promobox a:hover .url{
	color: #fff;
	border-bottom-color: #fff;
}

#promobox a {
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
#promobox a:active {
	border: none;
	text-decoration: none;
	outline: none;
}