* { margin: 0px; padding: 0px; }

body {
	background: #b80a0a url(faux_red.png) repeat-y left;
	font: 10pt/16pt "trebuchet ms", verdana, sans-serif; color: #888;
}

/* layout */
#container { min-width: 760px; }
#side, #main { background: #fff; float: left; clear: none; }
#side { width: 230px; margin-right: 9px; }
#main { width: 500px; margin-left: 9px; }

/* header-type thing */
#pagetitle, #logo { background: #eee url(pier.jpg); height: 125px; margin-bottom: 10pt; }
#logo { background-position: left; }
#pagetitle { background-position: right; }
span { display: none; }

/* sidebar */
#side ul { border-top: 1px solid #ddd; margin-bottom: 16pt; }
#side li { border-bottom: 1px solid #ddd; }
#side a { background: #fff; display: block; padding: 5px 10px; text-decoration: none; font-weight: bold; color: #f00; }
#side a:hover { background: #ffc; }

/* other formatting */
#m2 { padding-bottom: 10pt; }
p { padding: 0pt 16pt 10pt; }

a { color: #81cb2c; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

h3 { font: 20pt "trebuchet ms", verdana, sans-serif; color: #6B4205; margin: 0pt 16pt 4pt; clear: both; }
h4 { font: 15pt "trebuchet ms", verdana, sans-serif; color: #b8720a; margin: 5pt 16pt 0pt; clear: both; }

img { padding: 10px; }

#main li { margin: 0pt 32pt; list-style: square; }

form { padding: 0pt 16pt 10pt; }
label { padding: 8pt 0pt 0pt; display: block; font-weight: bold; }
#name, #email, #subject, #message, .button { padding: 4pt; font: bold 10pt/16pt "trebuchet ms", verdana, sans-serif; color: #b80a0a; }
textarea { width: 300px; height: 100px; }
.button { color: #000; }