body {
border: 0;
color: #75767a;
font: 10pt 'lucida grande', myriad, verdana, geneva, helvetica, arial, sans-serif;
margin: 40px;
padding: 0;
text-align: center;
}

a:link {
color: #000;
}
a:visited {
color: #666;
}
a:hover {
background: #eee;
}

#container {
margin: 0 auto;
padding-left: 76px;
position: relative;
text-align: left;
width: 524px;
}
#nav a {
text-decoration: none;
}
#nav ul {
border-bottom: 2px solid #ccc;
border-top: 1px solid #ddd;
height: 22px;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#nav ul li {
display: inline;
font-size: 12px;
line-height: 1em;
margin: 0;
padding: 0;
}
#nav ul li a {
display: block;
float: left;
padding: 5px 10px;
}
#nav ul li a:hover {
text-decoration: underline;
}

body.home li.home a, body.biography li.biography a, body.case_studies li.case_studies a, body.articles li.articles a, body.resources li.resources a {
color: #b6222a;
}

h1 {
margin: 0 0 15px -76px;
}
h2 {
clear: left;
color: #444;
font-size: 12pt;
font-weight: bold;
margin: 15px 0;
}
h3 {
color: #b6222a;
font: 18pt garamond, georgia, 'times new roman', serif;
margin: 15px 0 -10px 0;
}
h3 a {
text-decoration: none;
}
img {
vertical-align: bottom;
}
p {
font-size: 100%;
line-height: 1.5em;
margin: 15px 0;
text-align: justify;
}
p.biography {
clear: left;
float: left;
margin: 0 15px 5px 0;
}
p.footer {
border-top: 1px dotted #ddd;
font-size: 12px;
margin: 30px 0 0 0;
padding-top: 5px;
}
p.webspiffy {
bottom: 0;
color: #ccc;
font-size: 9px;
line-height: 1em;
margin: 0;
padding-bottom: 5px;
position: absolute;
right: 0;
}
p.webspiffy a:link, p.webspiffy a:visited {
color: #ccc;
}
ul {
list-style: square;
}
ul li {
line-height: 1.5em;
}

.framed {
border: 1px solid #ddd;
padding: 5px;
}
.left {
clear: left;
float: left;
margin-bottom: 5px;
margin-right: 15px;
}
.right {
clear: right;
float: right;
margin-bottom: 5px;
margin-left: 15px;
}