/* =============================================================================
	common_elements
	banner logos - [all]
	about
	contact
	gallery (fineart, licensing, mandalas, ...)
	fineart
	
	colors:
		#9b653a - body background color
		#DDAE8E - light image border
		#432202 - text color
		#673a11 - h1, h2 color
		#3f1e02 - fine art nav link
	
================================================================================ */

/*	common_elements
================================================================================ */

html { min-height: 101%; margin: 0 0 1px; } /* not working */

body {
	background: #9b653a;
	font: 95%/140% "avant garde", "century gothic", verdana, arial, helvetica, sans serif;
	color: #6A4000;
	color: #432202;
	}

h1 {
	position: relative;
	font-size: 220%;
	color: #673a11;
	padding: 0 0 15px;
	border-bottom: solid 1px #673a11;
	margin-bottom: 28px;
}

h1 a { color: #673a11; }
h1 a:hover { color: #7f4f2f; }

p#giclee {
	position: absolute;
	right: 0;
	top: 25px;
	text-align: right;
	font-size: 85%;
	color: #573115;
	width: 400px;
}

h2 {
	font-size: 170%;
	color: #673a11;
	padding: 0 0 15px;
	border-bottom: solid 1px #673a11;
	margin-bottom: -20px;
}
	
p { margin: 22px 0; }
  
a { color: #432202; }
	
	/** banner **/
	
div#banner {
	position: relative;
	left: 50%;
	width: 728px;
	height: 112px;
	padding-top: 30px;
	margin: 0 0 0 -264px;
}

div#banner a#banner_link {
	display: block;
	overflow: hidden;
	width: 479px;
	height: 0px;
	padding-top: 112px;
	}

	/*****/

	/** navigation **/
	
ul#nav {
	position: absolute;
	line-height: 170%;
	font-size: 105%;
	left:-230px;
	top: 175px;
	text-align: right;
	width: 190px;
}

ul#nav a:hover { color: #7C4D2D; }

		
		ul#nav li a {
			display: block;
			overflow: hidden;
			height: 0px;
				background: #afa;
			padding-top:20px;
			margin-bottom: 7px;
				/margin-bottom: 3px;     /** IE6 **/
		}
		
		ul#nav a#about { background: url(/images/nav_about.jpg) no-repeat right top; }
		ul#nav a#fineart { background: url(/images/nav_fineart.jpg) no-repeat right top; }
		ul#nav a#licensing { background: url(/images/nav_licensing.jpg) no-repeat right top; }
		ul#nav a#mandalas { background: url(/images/nav_mandalas.jpg) no-repeat right top; }
		ul#nav a#dimensional { background: url(/images/nav_dimensional.jpg) no-repeat right top; }
		ul#nav a#charity { background: url(/images/nav_charity.jpg) no-repeat right top; }
		ul#nav a#thearts { background: url(/images/nav_education.jpg) no-repeat right top; }
		
		ul#nav a#about:hover { background: url(/images/nav_about_hover.jpg) no-repeat right top; }
		ul#nav a#fineart:hover { background: url(/images/nav_fineart_hover.jpg) no-repeat right top; }
		ul#nav a#licensing:hover { background: url(/images/nav_licensing_hover.jpg) no-repeat right top; }
		ul#nav a#mandalas:hover { background: url(/images/nav_mandalas_hover.jpg) no-repeat right top; }
		ul#nav a#dimensional:hover { background: url(/images/nav_dimensional_hover.jpg) no-repeat right top; }
		ul#nav a#charity:hover { background: url(/images/nav_charity_hover.jpg) no-repeat right top; }
		ul#nav a#thearts:hover { background: url(/images/nav_education_hover.jpg) no-repeat right top; }
		
	/****/
	
div#content {
	position: relative;
	left: 50%;
	width: 728px;
	padding: 36px 0;
	margin: 0 0 0 -264px;
}

	/** footer **/
	
div#footer {
	clear: both;
	text-align: center;
	color: #DDAE8E;
	width: 728px;
	padding: 30px 0 30px;
		/padding-top: 0px;     /*IE6*/
	margin: 0 auto;
}

	body#home div#footer { /padding-top: 30px; }     /*IE6*/

div#footer a { color: #ddae8e; }

div#footer li {
	display: inline;
	background: url(/images/bullet.jpg) left center no-repeat;
	padding: 0 10px 0 16px;
	}
	
div#footer a:hover { border-bottom: solid 1px #b68159; }
	
div#footer li#first { background: none; padding-left: 5px; }
	
div#footer p { margin: 11px 0; }

	div#footer p img {
		vertical-align: middle;
		margin: 0 3px 0 10px;
	}

div#footer span#firefox {
	color: #9b653a;
	background: url(/images/bullet.jpg) left center no-repeat;
	padding-left: 1px;
	margin-left: 7px;
	}

	/****/

/*	END common_elements
=================================== */

/*	banner logos - [all]
================================================================================ */

	/**	home **/	
body#home a#banner_link {
	background: url(/images/logo_home.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
	
	/**	about **/		
body#about a#banner_link {
	background: url(/images/logo_about.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
	
	/**	fineart **/
body#fineart a#banner_link {
	background: url(/images/logo_fineart.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
	
	/**	pencil **/
body#pencil a#banner_link {
	background: url(/images/logo_pencil.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}

	/**	pen & ink **/
body#pen_ink a#banner_link {
	background: url(/images/logo_pen_ink.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}

	/**	painting **/
body#painting a#banner_link {
	background: url(/images/logo_painting.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}

	/**	mixed media **/	
body#mixed_media a#banner_link {
	background: url(/images/logo_about.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
		
	/**	licensing **/
body#licensing a#banner_link {
	background: url(/images/logo_licensing.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
		
	/**	mandalas **/
body#mandalas a#banner_link {
	background: url(/images/logo_mandalas.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
		
	/**	dimensional **/
body#dimensional a#banner_link {
	background: url(/images/logo_dimensional.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
		
	/**	charity **/
body#charity a#banner_link {
	background: url(/images/logo_charity.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
		
	/**	education **/
body#education a#banner_link {
	background: url(/images/logo_education.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
		
	/**	contact **/
body#contact a#banner_link {
	background: url(/images/logo_contact.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
		
	/**	sitemap **/
body#sitemap a#banner_link {
	background: url(/images/logo_sitemap.jpg) no-repeat bottom left;
		/background-position: 0px 0px;     /*IE6*/
	}
	
/*	END banner logos
=================================== */


/*	about
================================================================================ */

img#herb_schwartz {
	float: right;
	width: 224px;
	height: 224px;
	margin: 0 0 0 15px;
}

p#coney_island { 
	position: relative;
}

p#coney_island img{
	padding: 6px;
	border: solid 2px #E5955A;
}

p#coney_island span {
	position: absolute;
	left: 430px;
	bottom: 0;
}

/*	END about
=================================== */

/*	contact
================================================================================ */

form {
	font: 75%/140% arial, helvetica, sans serif; 
	padding: 0 0 0 34px;
	}

form p { margin: 8px 0 0; }

form em { color: #DDAE8E; }

label { color: #3f1e02; font-size: 130%; }

.text {
color: #704319;
background: #bc9b7d;
padding: 1px 1px 2px;
border: solid 1px #DDAE8E;
margin: 6px 0 0;
}

	/*.text { border-right-color: #e8ebef; border-bottom-color: #e8ebef; }
	.text { border-right-color: #e8ebef; border-bottom-color: #e8ebef; }*/

input.button {
font-size: 115%;
color: #4F2E02;
background: #bc9b7d;
width: 80px;
padding: 2px 2px 4px 0;
border: solid 1px #DDAE8E;
}

p#required {
font-size: 130%;
color: #4F2E02;
margin: 12px 0 0;
}

p#cap { margin-bottom: 20px; }

p#cap img {
vertical-align: middle;
padding: 0 0 0 12px;
}

/*	END contact
=================================== */

/*	gallery (fineart, licensing, mandalas, ...)
================================================================================ */

p.gallery img {
	padding: 2px;
	border: solid 1px #DDAE8E;
	margin: 0 20px 20px 0;
}
	
p#click_here {
	text-align: center;
	padding-bottom: 14px;
	border-bottom: solid 1px #663B1E;
	margin-top: -15px;
}

p#click_here img {
	vertical-align: middle;
	border: solid 1px #DDAE8E;
	margin: 0 10px;
}	

p#click_here a { border-bottom: none; }

p#click_here a:hover { color: #7C4D2D; }
	
	/*****/
	
body#image {
	text-align: center;
	background: #333;
	}
	
body#image img {
	padding: 3px;
	border: solid 1px #DDAE8E;
	border: solid 1px #666;
	}

/*	END gallery (fineart, licensing, mandalas, ...)
=================================== */

/*	fineart
================================================================================ */

	/** nav **/
	
ul#fineart_nav {
	float: left;
	font-size: 130%;	
	width: 160px;
	height: 460px;
}

ul#fineart_nav li { padding-bottom: 10px; }

ul#fineart_nav span {
	display: block;
	padding-bottom: 10px;
	}

ul#fineart_nav img {
	width: 126px;
	height: 105px;
	padding: 2px;
	border: solid 1px #DDAE8E;
}
ul#fineart_nav a { color: #3f1e02; }
ul#fineart_nav a:hover { color: #DDAE8E; }
	
	/*****/
	
div#fineart_copy {
	float: left;
	width: 550px;
	margin-top: -22px;
}

span#chen_clinton {
	float: right;
	width: 255px;
	height: 340px;
		/height: 335px;     /**IE6**/
	padding: 5px 0px 0px 5px;
	border:  solid 1px #DDAE8E;
	margin: 5px 0 0 15px;
}

/*	END fineart
=================================== */

/*	sitemap
================================================================================ */

ul#site_nav {
	width: 300px;
	margin-left: 25px;;
}

ul#site_nav a {
	display: block;
	width: 280px;
	padding-left: 4px;
}

ul#site_nav a:hover {
	background: #a77751;
}

ul#site_nav li { list-style-image: url(/images/arrow2.jpg); }

ul.sub { margin-left: 0px; }

ul#site_nav li.prime {
	list-style-image: url(/images/arrow1.jpg);
	border-bottom: solid 1px #825027;
	margin-top: 5px;
	}

/*	END sitemap
=================================== */