h1 {
	color: #778129;
}

h2 {
	font-size: 1.2em;
	color: #666;
}

h2 strong {
	color: #7f3e25;
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#primary-nav {
	border-left: 16px solid #a86342;
}

#content {
	border-left-color: #a86342;
}

#a {
	width: 157px;
}

#b {
	width: 545px;
	padding-left: 35px;
}

#c {
	display: block;
	clear: both;
	padding-left: 62px;
	padding-top: 27px;
}

div.case-study {
	float: left;
	width: 380px;
	padding-right: 10px;
	line-height: 1.5em;
}

div.sample {
	float: right;
	width: 140px;
	padding-top: 20px;
}

/*
	i'm not applying this rule, generically, to all images in #c because then other content/images can possible live in #c without being affected by this
	and another alternative was to apply a "thumb" class to each image and that seemed cumbersome
*/
#c div.thumbs img {
	padding-right: 7px;
	padding-bottom: 5px;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: none;
}