/*
024930	med green
12311e	richer green
480b56	ppl
956e0c	gold
7c6c45	med. br.
76958b	pale sage
f3f2db	thick cream
*/

body {
	font: 90% Trebuchet, Verdana, Arial, sans-serif;
	background-image: url(pix/background-blur.jpg);
	background-repeat:repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #414141;
}
.jan1 #container {
	position:relative;
	width: 850px;  
	background: #f3f2db;
	
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
}
/*		HEADER		*/
.jan1 #header {
	background: #12311e;
	background-image: url(pix/header-script.png);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom:1px solid #000;
	height:150px;
}
/*		NAV (TOP)	[using suckerfish for dropdown under artwork] */
#navholder {
	text-align:center;
}
#nav, #nav ul { /* all lists */
	padding:1em;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
/*	width: 8em;*/
	text-decoration:none;
	color:#956e0c;
}
#nav a:hover {
	color:#f3f2db;
}

#nav li { 
	float: left;
	width: 8em; /* width needed or else Opera goes nuts */
	padding-bottom: 1em; /* to close the gap between top layer link and fly-out
ul */
}

#nav li ul {
	position: absolute;
	margin:.5em; /* ?? no margin or else gap when mousing to it */
	padding:.2em;
	background: #f3f2db;
	background:transparent;
	width: 10em;
	left: -999em; /* to allow for screen readers */
	text-align:left;
}
#nav li ul li {
	border:1px solid #000;
	padding:.5em;
	background:#f3f2db;
}
#nav li ul li a:hover {
	color:#000;
	display:block;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
.sfhover { /* try this for IE6? hover issue? */
	left:auto;
}

/*		NAV (SUB)	*/
#breadnav {
}
#breadnav ul {
	text-align:left;
	list-style-image:url(pix/paint-tube_16.gif);
}
#breadnav ul li {
}
#breadnav ul li a {
	margin:1em 0;
	font-size:1em;
}
/*		CONTENT		*/
.jan1 #mainContent {
	margin:0;
	padding: 0; 
	background-image:url(pix/new-content-bg.png);
	background-repeat:repeat-x;
}
.jan1 #trueContent {
	padding:6em;
	line-height:180%;
	clear: left; /* ssf */
}
/*		FOOTER		*/
.jan1 #footer {
	border-top:1px solid #956e0c;
	padding: 4ex 4em; 
	background:transparent;
	text-align:center;
	font-size:.8em;
}
/*		TEXT		*/
h1 {
	font-size:1.2em;
	color:#480b56;
}
h2	{
	font-size:1em;
	color:#2b3b35;
	padding:0 2em;
}
p	{
	text-indent:2em;
	padding:0 2em;
}
blockquote {
	font-size:.8em;
	margin:0 5em 2ex 5em;
	padding:2em;
	background-color:#fff;
	color:#7c6c45;
	border:1px solid #76958b;
}
.teenynote {
	font-size:.8em;
	text-align:left;
	font-style:italic;
}
.noticeme {
	font-weight:bold;
	color:#f00;
}
.detailtitle {
	font-style:italic;
	text-transform:capitalize;
	font-size:smaller;
}
/*		LINKS		*/
a {
	color:#480b56;
}
a:link {
	color:#480b56;
}
a:visited {
	color:#7c6c45;
}
a:hover {
	color:#12311e;
}
a img, .nude {
	border:none;
}
/*		TABLES		*/
.plainjane {
	margin:0 auto;
	text-align:center;
	width:70%;
}
.plainjane tr td {
	width:50%;
	text-align:left;
	padding:.4em;
	background-color:#fff;
	line-height:normal;
}
/*		FORMS		*/
fieldset {
	border:1px solid #12311e;
	}
legend {
	font-weight:bold;
	color:#12311e;
	}
.isi { padding:.5em 0; }
input.asubmit { background-color:#12311e;color:#fff; }
#contactform label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; clear:left; font-size:.9em;}
#contactform input { display: inline; float: none; }
#contactform input:focus, #contactform textarea:focus { background-color:#d5b26b; }

/*		IMAGES		*/
.fltrt {
	float:right;
	margin-left:2em;
	padding:2px;
	border:1px solid #7c6c45;
	background-color: #fff;
}
/* 	GALLERY RELATED */
.hattiprachel {
	margin:0 auto;
	}
.hattiprachel ul {
	float: left;
	padding: 0;
	list-style: none;  
}
.hattiprachel li {
	float: left;
/*	width: 25em;*/
	margin: 8px;
	padding: 5px;
	border:1px solid #956e0c;
	background-color:#000;
}
.hattiprachel ul li a {
}

.detailitem {
	clear:both;
	padding:10px 0;
}