body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #CC9;
	line-height: 1.5em;
	background: #000 url(../images/bkgd_chocolate.jpg) top center no-repeat;
	background-attachment: fixed;
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
a {
	color: #F93;
}
em {
	font-weight: bold;
	color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif;
	color: #FFF;
	margin: 0;
	padding: 5px 0 0;
	line-height: 1em;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 18px;
	padding-bottom: 15px;
}
input {
	width: 300px;
}
input.submit {
	width: auto;
	padding: 10px 15px;
	background-color: #CC6600;
	color: #FFF;
	font-size: 20px;
	border: 0;
	text-transform: uppercase;
}
textarea {
	width: 450px;
	height: 150px;
}
span.not-required {
	padding-left: 10px;
	color: #6F6F51;
}
label.error {
	color: #F66;
	padding-left: 10px;
}
#wrapper-top {
	float: left;
	width: 100%;
	background: url(../images/black-layer.png) repeat;
}
#topbar {
	margin: 0 auto;
	width: 960px;
	height: 134px;
}
#logo {
	float: left;
	padding: 30px 0 0 0;
}

#toplinks {
	float: right;
	list-style: none;
	padding-top: 35px;
}
#toplinks li {
	float: left;
	padding-right: 30px;
}
#toplinks li.last {
	padding-right: 0;
}
#toplinks a {
	display: block;
	padding: 10px 15px;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}
#toplinks li.on a, #toplinks a:hover {
	background-color: #C60;
}
#wrapper-content {
	float: left;
	width: 100%;
	margin-top: 4px;
	min-height: 850px;
	background: url(../images/black-layer.png) repeat;
}
#content {
	margin: 0 auto;
	width: 960px;
	padding: 30px 0;
}
.portfolio {
	float: left;
	padding-bottom: 30px;
}
.portfolio .photo {
	float: left;
	width: 550px;
	border: #4c493d solid 4px;
	margin-right: 30px;
}
.portfolio .copy {
	float: left;	
	width: 372px;
}
.portfolio dl {
	clear: left;
}
.portfolio dt {
	float: left;
	text-transform: uppercase;
	padding: 0 10px 0 0;
	margin: 0;	
}
.portfolio dd {
	float: left;
	margin: 0;
	color: #F93;
}
.portfolio p {
	clear: left;
	padding-top: 1em;
}


/* contact form */
#contact-form {
	float: left;
	width: 550px;
	margin-right: 50px;
	padding-bottom: 20px;
}
#contact-form dd, #contact-form dt {
	display: block;
	padding: 0;
	margin: 0;
}
#contact-form dt label {
	font-weight: bold;
}
.contact .about {
	float: left;	
	width: 352px;
}
.contact .about .photo {
	float: right;
	width: 100px;
	text-align: center;
	padding-left: 15px;
}
.contact .about .photo img {
	border: #4c493d solid 4px;	
}
.contact .about .photo .credit {
	padding: 4px 0 0;
	font-size: 11px;
	font-style: italic;
	line-height: 1em;
	color: #6F6F51;
}
.contact .about p {
	font-size: 12px;
	padding: 0 0 1em;
	margin: 0;
	line-height: 1.25em;
}
.contact .about .contact-info {
	padding-bottom: 20px;
}
.contact .about .contact-info p {
	font-size: 13px;
}

/* footer */
#wrapper-footer {
	float: left;
	width: 100%;
	margin-top: 2px;
	background: url(../images/black-layer.png) repeat;
	padding-bottom: 30px;
}
#footer {
	margin: 0 auto;
	width: 960px;
	text-align: right;
	font-size: 11px;
	color: #6f6f51;	
}