/*
 ____________________________________________________________
|                                                            |
|    DESIGN : Adrienne Raymond    							 |
|      DATE : 2009.02.20                                     |
| COPYRIGHT : 2009 Joanna Nobell Studio     				 	 |
|     EMAIL : adrienne@equineonlinedesign.com   			 	 |          
|____________________________________________________________|

*/

/*
Site Colors
	#fffbcc = creamy white - all text
	#231f20 = dk brown background
	#dbdcd5 = off-white - h1
	#bc947b = Creamy brown gold - h2
	#bf955a = gold/brown - h3/footer text
	#d9b32a = gold 
	#fffbcc = pale yellow/gold
	#fcf6e8 = pale grey
	#600600 = red 
	#c4733a = orange/brown border color		
*/

/***** Common Formatting *****/
html, body {margin: 0; padding: 0; min-height:101%; margin-bottom:1px;}

body {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#fcf6e8;
	background-color: #231f20;
	background-image: none;
	font-size:1em;
}
#container {
	width: 800px; 	
	text-align: left; 
	position: relative;
	margin: -2px auto 10px auto; 
}
p {
	padding:4px 0;
	margin:0px;	
	text-align:justify;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: bold;
	padding:5px 0;
	margin:0;
	color:#dbdcd5;	
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #231f20;
	padding:5px 0;
	margin:0;
	color:#bc947b;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #231f20;
	padding:5px 0;
	margin:0;
	color:#bf955a;
}
a {
	text-decoration: underline;
	color: #55aaf6;
}
a:hover {
	text-decoration: none;
	color: #ffde16;
}
/*** HEADER STYLE ********/
.header {
	width:800px;
	height:560px;
	background-color:#000;
}
.header_title {
	height:60px;
	width:800px;	
}

/* rotator in-page placement */
div#rotator {
	position:relative;
	height:440px;
	margin: 0px;
	padding:0px;
}
/* rotator css */
div#rotator ul {	
	margin:0px;
	padding:0px;
}
div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
div#rotator ul li img {	
	padding: 0px;
	border:none;
}
#rotator ul li a img {
	text-decoration:none;
	border:none;
}
div#rotator ul li.show {
	z-index:500;
}
/*********** BODY **************/
#mainContent {		
	font-size:.8em;
	line-height:1.4em;
	padding: 0px;
	margin:0px;	
}
.ContentBody {	
	min-height:350px;
	height:auto;
	padding:15px 15px 5px 15px;	
} 
.dottedSpacer {
	height:8px;
	border-bottom:1px dotted #bc947b;
	margin:0 0 5px 0;
}
.Spacer {
	height:8px;	
	margin:0 0 5px 0;
}
/* -------------- NAVIGATION --------------- */
/*TAB NAVIGATION AREA*/
.headerbottom {
width:800px;
height:23px;
background-color:#000;
margin:0px 0 0 0;
padding:0 0 1px 0;
}
#nav ul#horizontal-list {	
padding: 0 0 0 0;
margin:0px 0 0 0;
color: #fff;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;		
}

#nav ul#horizontal-list li {
	display:inline;	
	color:#fff;
		
}
#nav ul#horizontal-list li a {	
padding: 5px 1em;
background-color: #000;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #000;
font-size:.7em;	
}
#nav ul#horizontal-list li a.target {	
	color:#000;		
	background-color:#fcf6e8;					
	
}
#nav ul#horizontal-list li a:hover {	
background-color: #fcf6e8;
color: #8c6458;	
}
/**** Home page ****/
.imageLeftHome {
	width:auto;
	height:100%;
	float:left;
	margin:5px 10px 5px 0;
	border:2px solid #c4733a;
	width:250px;
	height:195px;	
}
.topHome {
	margin:0 0 15px 0;
	height:auto;
	overflow:auto;
}
.art {
	padding:0 0 20px 0;
	border-bottom:1px dotted #bc947b;
}
.art p {
	text-align:justify;	
}
.artist {
	clear:both;
	padding:0px 0 10px 0;	
}
.artist p {
	text-align:justify;	
}
/**** Art page ****/
.imageLeft {
	width:auto;
	height:100%;
	float:left;
	margin:5px 10px 5px 0;
	padding:0;
}
.imageRight {
	width:auto;
	height:100%;
	float:right;
	margin:5px 0px 5px 10px;
	padding:0;	
}
.imageLeft a img, .imageRight a img {
	border:2px solid #000;	
}
.imageLeft a:hover img, .imageRight a:hover img {
	border:2px solid #c4733a;	
}
.artPrices {
	padding:8px 0 8px 0;
	font-style:italic;
	font-weight:bold;	
	color:#c4733a;
}
title {
	color:#ffffff;
}
/**** Commission page ****/
.commissionTable {
	width:40%; 
	border:2px solid #c4733a;
	background-color:#fff;
	margin:20px auto; 
}
.commissionTable #title {
	background-color:#643a3e;
}
.commissionTable #title th {
	color:#fff;
}
.commissionData td {
	font-size:.9em;
	color:#000;
	border-right:1px dotted #643a3e;
	border-bottom:1px solid #643a3e;
}
/**** News page ****/
.eventTable {
	width:100%; 
	border:2px solid #c4733a;
	background-color:#fff;
	margin:10px 0 0 0; 
	font-size:.95em;
}
#title {
	background-color:#643a3e;
}
#title th {
	color:#fff;
}
.eventData td {
	font-size:.9em;
	color:#000;
	border-right:1px dotted #643a3e;
	border-bottom:1px solid #643a3e;
}
.eventData td a {
	text-decoration:underline;
}
.eventData td a:hover {
	text-decoration:none;
}
.News {
	padding:5px 0 10px 0;
}
/**** Book page ****/
#bookquote {
	margin:0 0 70px 0;
	font-size:1em;
	line-height:1.5em;
}
.imageLeftBook {
	width:auto;
	height:224px;
	width:150px;
	float:left;
	margin:5px 10px 0px 0;
	border:2px solid #c4733a;
	
}
.imageRightBook {
	width:auto;
	height:276px;
	width:150px;
	float:right;
	margin:10px 0 0 10px;
	border:2px solid #c4733a;	
}
#newsArticle {
	padding:5px 0 0 0;
	color:#c4733a;
}
#newsArticle a {
	color:#c4733a;
	text-decoration:underline;
}
#newsArticle a:hover {
	color:#fffbcc;
	text-decoration:none;
}
#bookBuyList {
	width:auto;	
	margin:15px 0 10px 0;
}
#bookBuyList li {
	display:block;
	font-size:1.1em;
	padding:5px 0px;
	font-style:italic;
}
#bookBuyList li a {
	text-decoration:underline;
	color:#c4733a;
}
#bookBuyList li a:hover {
	text-decoration:none;
	color:#fffbcc;
}

/**** Contact page ****/
#cform fieldset {
	border:none;
}
#cform span {
	color:#c4733a;
	font-size:1.4em;
}
.form #formtitle {
margin:0;
padding-bottom:10px;
text-align:center;
font-style:italic;
}
.form input {
background-color:#fffbcc;
font-size:1em;
margin:5px 0;
font-style:italic;
text-align:left;
border-top:2px solid #999;
border-left:2px solid #999;
border-bottom:2px solid #c4733a;
border-right:2px solid #c4733a;
}

.form .submit {
background-color:#fffbcc;
font-size:1em;
width:160px;
margin:5px 0;
font-style:italic;
text-align:center;
border-top:2px solid #999;
border-left:2px solid #999;
border-bottom:2px solid #c4733a;
border-right:2px solid #c4733a;
cursor:pointer;
}

.form .submit2 {
background-color:#fffbcc;
font-size:.85em;
width:100px;
margin:5px 0;
font-style:italic;
text-align:center;
border-top:2px solid #999;
border-left:2px solid #999;
border-bottom:2px solid #c4733a;
border-right:2px solid #c4733a;
cursor:pointer;
}

.form select {
background-color:#fffbcc;
font-size:1em;
margin:5px 0;
font-style:italic;
text-align:left;
border-top:2px solid #999;
border-left:2px solid #999;
border-bottom:2px solid #c4733a;
border-right:2px solid #c4733a;
}

.form textarea {
background-color:#fffbcc;
font-size:1.3em;
margin:5px 0;
font-style:normal;
font-weight:bold;
text-align:left;
padding:5px;
border-top:2px solid #999;
border-left:2px solid #999;
border-bottom:2px solid #c4733a;
border-right:2px solid #c4733a;
}
#note {
line-height:1.3em;
font-size:.85em;
font-style:italic;
color:#c4733a;
margin:0;
padding-bottom:10px;
}
/******************** Footer ****/
 #footer {
	padding-bottom: 0;
	border-top: 1px dotted #bc947b;	
	background-color: #000;
	margin-right: 0px;
	margin-left: 0px;
	overflow:auto;
	height:auto;	
} 
.footerNav {	
	text-align:center;
	padding:0 0 5px 0;
	margin:0px;
	/*
	border-bottom: 1px solid #bc947b;*/
}
.footerNav p {	
	margin: 0px;	
	padding: 10px 0 0 0;
	color:#bc947b;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	text-align:center;
}
.footerNav p a {
	color:#bc947b;
	text-decoration:none;
}
.footerNav p a:hover {
	color:#fff;
	text-decoration:underline;
	
}
#copyleft {
	width:380px;
	float:left;
	margin:0px 0 0 10px;
}
#copyleft p {
	font-size:.7em;
	color:#816468;
	line-height:1.4em;
}
#websiteright {
	width:380px;
	float:right;
	margin:0px 10px 0 0;	
}
#websiteright p {
	font-size:.65em;
	color:#816468;
	text-align:right;
	margin:15px 0 0 0;		
}
#websiteright p a {	
	font-size:.85em;
	color:#816468;
	text-decoration:underline;
	font-weight:normal;
}
#websiteright p a:hover {	
	color:#fff;
	text-decoration:none;
}
#updated {
	clear:both;	
	text-align:center;		
}
#updated p {
	font-size:.7em;
	color:#c4733a;
	padding:5px 0 5px 0;
	margin:0px 0 0 0;
	text-align:center;
}