body {
width: 68em;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
font-size: small;
font-family: Georgia;
color: #8D8D82;
padding: 0;
background: #1a1a1a url(../images/gradientbg.png) repeat-x top left;
}

body a {
color: #3a4b8b;
text-decoration: none;
}

body a:hover {
color: white;
text-decoration: none;
}

#container {
/* overflow: auto; NOT WELL SUPPORTED BY IE*/
margin: 0;
padding: 0;
}

/* SELF CLEARING FIX */
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#header {
text-align: left;
margin: 2em 0 2em 0;
padding: 0;
width: 100%;
}

#header tr {
margin: 0;
padding: 0;
}

#header td {
margin: 0;
padding: 0;
vertical-align: middle;
}


#header h1 {
display: block;
font-weight: normal;
font-size: 240%;
letter-spacing: 0.05em;
color: #4D4E48;
padding: 0;
margin: 0;
vertical-align: top;
}

#nav {
float: right;
font-family: Helvetica, Arial;
display: block;
list-style: none;
margin: 0;
padding: 0;
}

#nav li {
float: left;
margin: 0.5em 0 0 0;
padding: 0.75em 0em;
word-spacing: 0;
}

#nav a {
color: #BDBEB0;
font-size: 120%;
padding: 0.75em 1.9em;
}

#nav a.current:link, #nav a.current:visited {
background-color: #1A1A1A;
}

#nav a:link, #nav a:visited {
background-color: #101010;
}

#nav a:hover {
color: #FFFFFF;
background-color: #1A1A1A;
}

/* SELF CLEARING FIX */
#header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#content {
width: 100%;
margin: 0;
padding: 0;
text-align: justify;
}

#content h1 {
font-family: Helvetica, Arial;
font-size: 160%;
font-weight: normal;
padding: 0;
margin: 0 0 0.5em 0;
}

#content .mainimage {
width: 67.3em;
border: solid #101010 0.35em;
margin-bottom: 2em;
}

#content .narrowdialog {
width: 25em;
letter-spacing: 0.1em;
word-spacing: 0em;
text-align: left;
line-height: 1.4em;
margin-left: 0.5em;
}

.project-list {
float: left;
width: 34em;
padding: 0 0;
/* border: 2px solid #101010; */
}

.project-list dl {
float: left;
width: 32em;
margin: 1em 1em;
padding: 0;
display: inline; /* Fixes IE/Win double margin bug */
}

.project-list dt {
float: right;
width: 20em;
margin: 0 0 0.5em 0;
padding: 0;
text-align: left;
}

.project-list dt a {
font-size: 130%;
letter-spacing: 0.1em;
}

.project-list dd {
float: right;
text-align: left;
width: 23.5em;
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.5em;
color: #8D8D82;
}

.project-list dd.img {
float: left;
width: 11.4em;
margin: 0;
padding: 0;
font-size: 100%;
line-height: normal;
}


.project-list dd.img img {
width: 11em;
margin: 0;
padding: 0;
border: 0.2em solid #222222;
border-bottom-color: #101010;
border-right-color: #101010;
}

.project-columns {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.project-columns td {
vertical-align: top;
}

/* Style for the contact.html page */
#contactlist {
margin-top: 2em;
font-size: 125%;
margin-left: 5em;
}

#contactlist .contactitem {
width: 20em;
border-bottom: 0.1em dotted #222222;
}

#contactlist td {
vertical-align: middle;
padding: 0.4em 0;
}

#contactlist img{
width: 25px;
padding-right: 0.5em;
}

/* SELF CLEARING FIX */
#content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#footer {
/* Block and width as % needed for IE */
display: block;
width: 100%;
margin: 3em 0 0 0;
padding: 1em 0 0 0;
font-size: 70%;
text-align: right;
border-top: solid #4D4E48 1px;
}

/* IMPORT HACKS FOR IE */
@import "headerhack.css";
@import "boxmodelhack.css";
@import "horizontalcenterhack.css";
@import "selfclearinghack.css";