/* THIS SECTION APPLIES TO ALL PAGES IN THE WEB SITE*/

html {margin:0;padding:0}
body {
	background: #000000;
	color: #FFFFFF;
	margin:40px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
#wrapper {
	width:40%;
	margin-left: auto;
	margin-right: auto;
	}
#left-side {
	float:left;
	}
#left-side img {
	width:25px;	
	height:600px;	
	padding-right:15px;
	padding-top:20px;
	padding-bottom:20px;
	}
#right-side {
	padding-top:58px;
	margin-left:110px;
	padding-bottom:15px;
	height:550px;
	position:relative;
	/*width:600px; I took this out so that it would work with IE*/
	}
#right-side-bottom {
	position:absolute;
	bottom:0;
	left:0;
	width:75%;
	}
  
/*THIS SECTION APPLIES TO THE NAVIGATION CONTROLS ON VARIOUS PAGES*/	
  
#navigation {
	position:relative;
	left:-1.5em;
	}
#navigation ul {
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	background-color: #000000;
	}
#navigation ul li {
	float: left;
	}
#navigation ul a {
	display: block;
	padding-right:1.5em;
	padding-left:1.5em;
	line-height: 1.5em;
	text-decoration: none;
	color: #FFFFFF;
	}
#firstlast #navlist .firstlast a {
	cursor:default;
	color:#464646;
	}
	/*#navigation ul a:hover {
	}  */


/* THIS SECTION APPLIES ONLY TO CERAMICS PAGES */

#navigationCeramics {
	position:relative;
	left:-1.5em;
	padding-left:4.5em;  /*this is the line that moves the commands under the picture*/
	}
#navigationCeramics ul {
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	background-color: #000000;
	}
#navigationCeramics ul li {
	float: left;
	}
#navigationCeramics ul a {
	display: block;
	padding-right:1.5em;
	padding-left:1.5em;
	line-height: 1.5em;
	text-decoration: none;
	color: #FFFFFF;
	}
#workCeramics {
	text-transform:uppercase;
	line-height:22px;
	letter-spacing:3px;
	padding-left:5em;
	}
#infoCeramics {
	letter-spacing:2px;
	padding-left:5em;
	}
#sizeCeramics {
	letter-spacing:2px;
	padding-left:5em;
	}


/*THIS SECTION APPLIES TO TEXTURE PAGES*/

/* These padding-top numbers compensate for the different sizes of the images*/
#texture238 {
	padding-top:177px;
	}
#texture270 {
	padding-top:145px;
	}
#texture16and17and18 {
/*	padding-top:95px;	*/
	}
		

/*THIS SECTION APPLIES  TO THE SPLASH PAGE	*/
/*
#splash-picture img {
	border:none;
	padding-top:45px;
	}  */
#adBanner {
	border-color:#ffffff;
}
/* #splash-picture a:link {color:#000000} 
#splash-picture a:visited {color:#000000} 
#splash-picture a:focus {color:#000000} 
#splash-picture a:hover {color:#000000} 
#splash-picture a:active {color:#000000} 
*/

/* THIS MAKES ALL THE OUTLINES IN LINK MENUS IN FIREFOX GO AWAY */
a {outline: none;}

	
/*THIS SECTION APPLIES TO THE TABLE OF CONTENTS PAGE*/	

#toc-list p {
	color: #FFFFFF;
	text-transform:uppercase;
	letter-spacing: 3px;
	margin-bottom:0;
	}
#seriestitle a  {
	margin-left:30px;
	text-decoration:none;
/*	color: #88a7a1; */
/*	text-transform:uppercase; */
	letter-spacing: 3px;
	}
#seriestitle .spotcolorvI  {
	color:#70987b;
	}
#seriestitle  .spotcolorcV {
	color:#bfad6e;
	}  
#seriestitle  .spotcolorcIII {
	color:#ca5207;
	}  
#seriestitle  .spotcolortex {
	color:#8b8344;
	}  
#seriestitle  .spotcolorceramics {
	color:#c06d29;
	}  
#otheroptions a {
	text-decoration:none;
	color: #FFFFFF;
	text-transform:uppercase;
	letter-spacing: 3px;
	}	
#otheroptions p {
	margin-top:45px;
	}
#copyright {
	clear:both;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	text-align:justify;
	}
	
	
/*THIS SECTION APPLIES TO THE GALLERY PAGES*/	

.gallery img {
	/*border:none;*/
	border:20px solid white;
	}
#splash-picture img {
	border:20px solid white;
	}
#splash-picture {
	padding-top:40px;
	}
#whiteborder  {
	border:20px solid white;
	}
#blackborder  {
	border:none;
	}
#blackborderIII  {
	border:none;
	padding-top:40px;
	}
#ceramicborder  {
	border:20px solid black;
	}	
.gallery p {
	line-height:18px;
	font-size:11px;
	}
#work {
	text-transform:uppercase;
	line-height:22px;
	letter-spacing:3px;
	}
#info {
	letter-spacing:2px;
	}
#price {
		letter-spacing:1px; color: #000000;
	}   
	
/*THIS SECTION APPLIES TO THE ENLARGEMENT PAGES*/	

.enlargement img {
	border:none;
	position:relative;
	top:17px;
	}
/*THIS SECTION APPLIES TO THE ARTIST STATEMENT PAGE*/	

#artist-statement #title { 
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 6px;
	line-height:normal;
}
#artist-statement p {
	font-family: Arial, Helvetica, sans-serif;
	/*letter-spacing:1px;*/
	line-height:19px;
	text-align:left;
	width:425px;
}
#artist-statement .spotcolorvI {
	color:#70987b;
	text-transform:uppercase;
	text-decoration:none;
	}  
#artist-statement .spotcolorcV {
	color:#bfad6e;
	text-transform:uppercase;
	text-decoration:none;
	}  
#artist-statement .spotcolorcIII {
	color:#ca5207;
	text-transform:uppercase;
	text-decoration:none;
	}  
#artist-statement .spotcolortex {
	color:#8b8344;
	text-transform:uppercase;
	text-decoration:none;
	}  
#artist-statement .spotcolorCeramics {
	color:#c06d29;
	text-transform:uppercase;
	text-decoration:none;
	}  
#artist-statement .exhibitLink {
	color:#ffffff;
	/*text-transform:uppercase;
	text-decoration:none;*/
	}  

/*THIS SECTION APPLIES TO THE WEBSITE BEING UPDATED PAGE PAGE*/	

#update-message {
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:2em;
  }
  
	
/*THIS SECTION APPLIES TO THE CONTACT PAGES*/	
	
#contact-dialog p {
	text-transform:uppercase;
	/*letter-spacing: 6px;*/
}
form textarea {
	/*margin-left:3em;*/
	font-size:12px;  
	font-family: Arial, Helvetica, sans-serif;
	background-color:#bfad6e;
	width:300px;
	/*scrollbar-base-color:#ececec;use this one alone or use the others below which cover it up*/
	/*scrollbar-3dlight-color:#999966;*//*top and left outline of arrow and slider boxes outside of highlight color below*/
	/*scrollbar-arrow-color:#ffffcc;*//*arrow color once the scroll bar starts moving*/
	/*scrollbar-darkshadow-color:#999966;*//*bottom and right outline of arrow and slider boxes outside of shadow color*/
	/*scrollbar-face-color:#999966;*//*face of arrow boxxes and the slider bar*/
	/*scrollbar-highlight-color:#ffffcc;*//*top and left outline of arrow and slider boxes*/
	/*scrollbar-shadow-color:#ffffcc;*//*bottom and right outline of arrow and slider boxes*/
	/*scrollbar-track-color:#ffffcc;*//*this is the color of the slider track*/
	}
form input {
	background-color:#bfad6e;
	margin-bottom:0;
	font-size:12px;
	width:300px;
	}
form #button {
	background-color:#bfad6e;
	margin-top:0;
	margin-left:0;
	letter-spacing:2px;
	font-weight:bolder;
	width:60px;
	}
form label {
	line-height:2.5em;
	font-size:1em;
	margin-bottom;5em;
	letter-spacing: .1em;
	}
/*input[type="text"], textarea {
	border-top:2px #333300 solid ;
	border-left:2px #333300 solid ;
	border-bottom:1px #333300 solid ;
	border-right:1px #333300 solid;
	}   */
.contact_error {
	background-color:#679991;
	}
#thankyou p {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:none;*/
	line-height:20px;
	}
	
/*THIS SECTION CONTAINS ALL THE COLOR BARS THAT ARE PART OF THE LEFT-SIDE LOGO*/	
	
/* old bars */
/*
#vistaI01 {border-right:3px #679991 solid;} 
#vistaI03 {border-right:3px #ded556 solid;} 
#vistaI04 {border-right:3px #a7c1b2 solid;} 
#vistaI06 {border-right:3px #b97d37 solid;} 
#vistaI07 {border-right:3px #883919 solid;} 
#vistaI08 {border-right:3px #748875 solid;} 
#vistaI09 {border-right:3px #5e857e solid;} 
#vistaI10 {border-right:3px #c9bf4e solid;} 
#vistaI11 {border-right:3px #cdb851 solid;} 
#vistaI12 {border-right:3px #ecbd42 solid;} 
#vistaI13 {border-right:3px #ecbd42 solid;} 
#collageV01 {border-right:3px #bfad6e solid;} 
#collageV02 {border-right:3px #a66928 solid;} 
#collageV03 {border-right:3px #8aa096 solid;}
#collageV04 {border-right:3px #8c994e solid;} 
#collageV05 {border-right:3px #956e27 solid;} 
#collageIII01 {border-right:3px #eca02f solid;} 
#collageIII02 {border-right:3px #db7b0a solid;} 
#collageIII03 {border-right:3px #db7b0a solid;} 
#adminline {border-right:3px #679991 solid;} 
*/

/* revised bars*/
#adminline {border-right:3px #70987b solid;} 
#collageIII01 {border-right:3px #ca5207 solid;} 
#collageIII02 {border-right:3px #dc791d solid;} 
#collageIII03 {border-right:3px #dc791d solid;} 
#collageIII05 {border-right:3px #699421 solid;}
#collageIII06 {border-right:3px #416857 solid;}
#collageV11 {border-right:3px #bfad6e solid;} 
#collageV12 {border-right:3px #a66928 solid;} 
#collageV13 {border-right:3px #8aa096 solid;}
#collageV14 {border-right:3px #59642d solid;} 
#collageV15 {border-right:3px #956e27 solid;}
#collageV16 {border-right:3px #758b96 solid;} 
#collageV17 {border-right:3px #b3651a solid;} 
#collageV40 {border-right:3px #b05715 solid;} 
#collageV41 {border-right:3px #91ac5f solid;} 
#collageV44 {border-right:3px #d5a42e solid;} 
#collageV45 {border-right:3px #ab5d2f solid;} 
#collageV46 {border-right:3px #849a83 solid;} 
#vistaI08 {border-right:3px #e79972 solid;} 
#vistaI09 {border-right:3px #c7964f solid;} 
#vistaI10 {border-right:3px #e2c955 solid;} 
#vistaI11 {border-right:3px #e0ab22 solid;} 
#vistaI12 {border-right:3px #c44f05 solid;} 
#vistaI13 {border-right:3px #b4450b solid;} 
#vistaI14 {border-right:3px #66914a solid;} 
#vistaI16 {border-right:3px #edda99 solid;} 
#vistaI21 {border-right:3px #e2c955 solid;} 
#vistaI22 {border-right:3px #e2c955 solid;} 
#vistaI26 {border-right:3px #e7a876 solid;} 
#vistaI27 {border-right:3px #8ba78c solid;} 
#vistaI28 {border-right:3px #b57832 solid;} 
#vistaI29 {border-right:3px #d7a061 solid;} 
#vistaI31 {border-right:3px #8da16d solid;} 
#vistaI32 {border-right:3px #adb6aa solid;} 
#vistaI33 {border-right:3px #d6bb73 solid;} 
#vistaI34 {border-right:3px #efaa56 solid;} 
#vistaI35 {border-right:3px #f2d695 solid;} 
#vistaI36 {border-right:3px #c7964f solid;} 
#vistaI37 {border-right:3px #a44a11 solid;} 
#vistaI38 {border-right:3px #9b4617 solid;} 
#vistaI39 {border-right:3px #70987b solid;} 
#vistaI40 {border-right:3px #d7b30a solid;} 
#vistaI41 {border-right:3px #d7b30a solid;} 
#vistaI42 {border-right:3px #527377 solid;} 
#vistaI43 {border-right:3px #b4bb9b solid;} 
#vistaI44 {border-right:3px #b1c5a0 solid;} 
#vistaI46 {border-right:3px #8fa49d solid;} 
#ceramicsOV01 {border-right:3px #e09f78 solid;} 
#ceramicsOV02 {border-right:3px #c06d29 solid;} 
#ceramicsOV05 {border-right:3px #d5c7af solid;} 
#ceramicsOV06 {border-right:3px #dfcaad solid;} 
#ceramicsWV02 {border-right:3px #e2c090 solid;} 
#ceramicsWV06 {border-right:3px #dbb16b solid;} 
#ceramicsWV07 {border-right:3px #a58b69 solid;} 
#ceramicsWV08 {border-right:3px #dcc9a9 solid;} 
#ceramicsWV09 {border-right:3px #98a68f solid;} 
#ceramicsWV14 {border-right:3px #dfb273 solid;} 
#texture11w {border-right:3px #618492 solid;} 
#texture12w {border-right:3px #9cbfb8 solid;} 
#texture13w {border-right:3px #8baaa5 solid;} 
#texture14w {border-right:3px #879188 solid;} 
#texture15w {border-right:3px #ba5600 solid;} 
#texture16w {border-right:3px #c89f4a solid;} 
#texture17w {border-right:3px #6a8f9f solid;} 
#texture18w {border-right:3px #c6bdab solid;} 
#texture21w {border-right:3px #4e5e3b solid;} 
#texture22w {border-right:3px #7f925f solid;} 
#texture23w {border-right:3px #99682f solid;} 
#texture24w {border-right:3px #7b8f98 solid;} 
#texture25w {border-right:3px #968460 solid;} 
#texture30w {border-right:3px #c59f1a solid;}