* {margin: 0; padding: 0;}

body {
	background: #333;
	font: normal 0.7125em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: center;
	}
	
img {
	border: 0;
	display: block;
	}

/*  text
=================================================*/
a:link {text-decoration: underline; color: #333;}
a:visited {text-decoration: underline; color: #333;}
a:hover {text-decoration: underline; color: #000;}
a:active {text-decoration: underline; color: #333;}

p {margin: 0 0 15px;}
	
/*  Clear Fix (Apply the clearfix class to any element which acts as a container for floats.)
=================================================*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display:inline-block;}
/* Hides from IE-mac \*/
.clear {display:block;}
* html .clear {height: 1px;}
/* End hide from IE-mac */

/*  layout: shell
=================================================*/
#container {
	background: #FFF;
	margin: 30px auto 0 auto;
	width: 760px;
	text-align: left;
	}
	
/*	layout: header
=================================================*/
#header {
	border-bottom: 1px solid #000;
	width: 100%; height: 70px;
	}
	
	/*	layout: logo
	=============================================*/
	#header h1 {
		float: right;
		}
		#header h1 a {
			background: transparent url(../images/jeffschaller.gif) no-repeat;
			display: block;
			margin: 5px 25px 0 0;
			width: 297px; height: 53px;
			text-indent: -9999px; overflow: hidden;
			}

	/*	layout: top nav
	=============================================*/
	#header ul {
		margin: 0 0 0 20px;
		padding: 50px 0 0;
		}
		#header ul li {
			list-style: none;
			float: left;
			position: relative;
			border-right: 1px solid #333;
			display: block;
			height: 20px;
			font-size: 0.825em; letter-spacing: 0.15em;
			}
		#header ul li.last {border-right: 0;}

			#header ul li a {
				display: block;
				padding: 4px 10px 0;
				height: 16px;
				text-decoration: none;
				}
			* html #header ul li a {  /* IE specific style */
				padding-bottom: 2px;
				width: 1%;
				}
			#header ul li.active a, #header ul li a:hover, #header ul li.active ul li a:hover {
				background: #999;
				color: #FFF;
				}
				
		#header ul li:hover ul, #header ul li.over ul {display: block;}
				
			#header ul li ul {
				display: none;
				position: absolute;
				left: 0; top: 21px;
				z-index: 99;
				margin: 0 0 0 -1px;
				padding: 0; border: 1px solid #333; border-top: 0;
				width: 130px;
				}
			#header ul li>ul {left: auto; top: auto;}
				#header ul li ul li {
					float: none;
					background: #FFF;
					border: 0;
					font-size: 1.1em; letter-spacing: 0;
					}
				/* \*/
				* html #header ul li ul li {float: left;}
				/* */
			
					#header ul li ul li a {
						display: block;
						width: 130px;
						voice-family: "\"}\""; 
  						voice-family: inherit;
  						width: 110px;
						}
					html>body #header ul li ul li a {width: 110px;} 
					#header ul li.active ul li a {
						background: #FFF;
						color: #333;
						}
	
/*	layout: home
=================================================*/
.home #content {
	background: url(../images/index_photo.jpg) no-repeat;
	margin: 0;
	padding: 40px 0 0;
	width: 100%; height: 416px;
	}
	
	.home #callout {
	margin: 0 0 0 519px;
	padding: 25px 10px 10px;
	border-top: 5px solid #cb930c; /*border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7;*/
	width: 210px;
	color: #FFF;
		}

/*	layout: subpage
=================================================*/
.sub #content {
	padding: 15px 10px 30px;
	width: 740px;
	}
	
	.sub #main {
		float: left;
		width: 480px;
		}
		
		.sub #main h2 {
			margin: 0 0 15px;
			padding: 0 0 0.7em; border-bottom: 1px solid #FFCC00;
			font-size: 1.9em; color: #333;
			}
			
/*    subpage bgs
=================================================*/
.sub .about {
	background: url(../about/images/about_schaller.jpg) no-repeat;
	width: 100%; height: 416px;
	}
	
.sub .statement {
	background: url(../about/images/statement_schaller.jpg) no-repeat;
	width: 100%; height: 416px;
	}
.sub .studio {
	background: url(../about/images/studio-schaller.jpg) no-repeat;
	width: 100%; height: 416px;
	}
.sub .chocolate {
	width: 100%;
	height: 416px;
	background-image: url(../2012_calendars/images/calendar_photo.jpg);
	background-repeat: no-repeat;
	}
	
.sub .chocolate1 {
	width: 100%;
	height: 416px;
	background-image: url(../2012_calendars/images/calendar__photo2.jpg);
	background-repeat: no-repeat;
	}
	
.sub .chocolate2 {
	background: url(../chocolates/images/chocolate_photo2.jpg) no-repeat;
	width: 100%; height: 416px;
	}

	/*	landing "type" styles
	=============================================*/
	.type {
		float: left;
		margin: 0 0 15px;
		padding: 0 0 15px;
		width: 480px;
		}
		.type h3 {font-size: 1.4em;}
			.type h3 a:link, .type h3 a:visited, .type h3 a:active {text-decoration: none;}
			.type h3 a:hover {text-decoration: underline;}
			.type h3 img {
				float: left;
				margin: 0 15px 0 0;
				}
		.type p {margin: 1em 0 0 0px;}
	
	
	/*	subpage callout
	=============================================*/
	.sub #callout {
		float: right;
		background: #F6F6F6;
		margin: 30px 0 0;
		padding: 25px 10px 10px; border-top: 5px solid #006699; /*border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7;*/
		width: 210px;
		font-family: Arial, Verdana, sans-serif;
		}
		
		.sub #callout h4 {
			margin: 0 0 10px;
			font-size: 1.5em; text-align: center;
			}
		
		.sub #callout h5 {
			margin: 0 0 0.5em;
			padding: 2px 0; border-top: 1px solid #999; border-bottom: 1px solid #999;
			font-size: 1.05em; color:#CC9900; text-align: center; letter-spacing: 1px;
			}
			
		.sub #callout ul {
			list-style: none;
			margin: 0 0 5px;
			}
			.sub #callout li strong {font-size: 1.1em; color: #444;}
			
		.sub #callout dl {
			margin: 0 0 10px;
			padding: 0 0 0 7px;
			font-weight: bold; font-style: italic; color: #666; letter-spacing: 1px;
			}

/*	layout: artwork-type pages (paintings, projects, etc)
=================================================*/
.artwork #content {
	margin: 15px 10px 0 10px;
	padding: 0 0 30px;
	width: 740px;
	}

	/*	"series" nav
	=============================================*/
	.artwork #series {
		float: left;
		margin: 0 20px 0 0;
		border-top: 5px solid #999;
		width: 150px;
		}
		
		.artwork #series dl {
			margin: 2px 0 0;
			border-top: 1px solid #CCC;
			}
		.artwork #series dt {
			margin: 0 0 4px;
			font-weight: bold; font-size: 1.2em;
			}
			.artwork #series dd {
				margin: 0 0 4px;
				font-size: 0.85em;
				}
			.artwork #series dd.on {color: #000;}

	/*	"artwork thumbnail" nav
	=============================================*/
	.artwork #nav {
		float: left;
		background: #CCC;
		border-top: 1px solid #999; border-bottom: 1px solid #999;
		width: 150px; height: 398px;
		overflow: auto;
		text-align: center;
		}
		
		.artwork #nav h3 {
			margin: 6px 0 5px 0;
			font-size: 1em; color: #000;
			}
		
		.artwork #nav ul {
			margin: 0 auto 15px auto;
			width: 114px;
			}
			.artwork #nav li {
				list-style: none;
				float: left;
				margin: 0 5px 5px 0;
				width: 52px;
				}
	
				.artwork #nav li a {
					display: block;
					border-top: 1px solid #FFF; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #FFF;
					}
				.artwork #nav li a:hover, .artwork #nav li a.on {border: 1px solid #000;}
				.artwork #nav li a.on:focus {outline: 0;}
				
					.artwork #nav img {display: inline;}
					
				.artwork #nav li h2 {font-size: 0.8em;}
					.artwork #focus h2 em {font-weight: bold; font-style: normal;}

	/*	"main focus" area
	=============================================*/
	.artwork #focus {
		float: right;
		width: 400px; height: 435px;
		}
		
		
		.artwork #focus p {
	margin: 8px 0 15px;
}
		
		.artwork #focus h2 {
			margin: 20px 0 0;
			font-weight: normal; font-size: 0.9em; text-align: center;
			}
			.artwork #focus h2 em {font-weight: bold; font-style: normal;}
	
/*	layout: footer
=================================================*/
#footer {
	margin: 10px auto 50px auto;
	width: 760px;
	text-align: left;
	}
	#footer p {
		margin: 0 0 0 10px;
		font-size: 0.8em; color: #FFF;
		}