html, body { margin: 0; padding: 0; }
body { background: #dddad4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 10px; }
a img { border: none; }

#header { width: 900px; margin: auto; background: white url(images/header_bg.png) top left repeat-x; padding: 26px 0 1px; color: black; }
#nav { list-style-type: none; margin: 0; padding: 8px 0 0 0; background: #323232 url(images/logo.jpg) top right no-repeat; height: 232px; color: white; }
#nav a, #nav img { display: block; }
#nav li { margin: 25px 0 0 41px; padding: 0; }
#nav_about    a { width: 116px; background: url(images/about_roll.png) top left no-repeat; }
#nav_services a { width: 225px; background: url(images/services_roll.png) top left no-repeat; }
#nav_partners a { width: 123px; background: url(images/partners_roll.png) top left no-repeat; }
#nav_contact  a { width: 140px; background: url(images/contact_roll.png) top left no-repeat; }
#nav_goinggreen a { width: 154px; background: url(images/goinggreen_roll.png) top left no-repeat; }

#nav li a:hover { height: 15px; }
#nav li a:hover img { visibility: hidden; }

#wrap1 { width: 900px; margin: auto; background: url(images/content_lower_bg.png) bottom left no-repeat; padding: 0 4px 29px; }
#wrap2 { background: #f4f4f4 url(images/content_upper_bg.png) 317px 12px no-repeat; padding: 20px 25px 0 317px; border-top: 6px solid #bf2e1a; }
#wrap3 { padding: 0 4px; background: white url(images/content_bg.png) repeat-y; }

#logo { float: left; margin-left: -310px; display: inline; }

#footer { width: 900px; margin: 0 auto; text-align: center; font-size: small; }

#content { padding: 1px 8px 10px 62px; min-height: 184px; background: url(images/figure.png) 401px bottom no-repeat; }

h1 { font-size: 1.7em; line-height: 30px; margin: 0.4em 0 0.4em -42px; padding-left: 42px; background: url(images/h1_bg.png) top left no-repeat; color: #666666; }
p { line-height: 1.4em; margin: 0.8em 0; }
h2 { font-size: 1.5em; margin: 0.4em 0 0.4em -42px; padding-left: 42px; color: #bf2e1a; }
ul { margin-top: 0.5em; margin-bottom: 0.5em; }

p.subpage { font-size: 1.3em; margin: 0.4em 0 0.4em; font-weight: bold; }
p.subpage a { color: #bf2e1a; }


address { font-style: normal; }

#footer a {
	color: #bf2e1a;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

input {
	margin: none;
}

.question {
	float: left;
}

.formfield {
	border: 1px solid #ccc;
	background-color: #fcfcfc;
}

.error {
	color: red;
}

.errorbox {
	color: red;
	border: 1px dashed red;
	background-color: #fffcfc;
	padding: 8px;
	margin: 20px;
}
.successbox {
	color: green;
	border: 1px dashed green;
	background-color: #fcfffc;
	padding: 8px;
	margin: 20px;
}

.pendingbox {
	color: orange;
	border: 1px dashed orange;
	background-color: #fffcfc;
	padding: 8px;
	margin: 20px;
}

.req { color: red; }


div.question input.formfield {
	margin-right: 17px;
}

div.question label {
	font-size: small;
}


div.clear {
	clear: both;
	padding-top: 5px;
}