/* ------------------ system wide ------------------ */
body {
  font-family: verdana, arial, sans-serif;
  font-size: 0.9em;
  color: #036;
  background-color: #036;
}

.fine { font-size: 0.8em; }
.footnote { color: #888; font-size: 0.7em; }

/* ------------------ links ------------------ */

a:link { color: #399; text-decoration: none; }
a:visited { color: #366; text-decoration: none; }
a:hover { text-decoration: underline; } /* keep color, just underline */
a:active { color: #66c; }

/* ------------------ headers ------------------ */

h1 { /* h1 hidden above page (replaced with logo), see below */ }
h2 {
  color: #358;
  font-size: 1.3em;
  font-weight: normal;
  letter-spacing: 0.08em;
  /*width: 50%;
    border-bottom: 1px solid #99c;
    padding-bottom: 2px;*/
  margin-bottom: 1em;
}
h3 {
  color: #036;
  font-size: 1.2em;
  font-weight: normal;
  letter-spacing: 0.08em;
  margin: 1.5em 0 0.5em 0;
  /*width: 50%;
    border-bottom: 1px solid #99c;
    padding-bottom: 1px;*/
}
h4 {
  color: #005;
  font-size: 1em;
  font-weight: bold;
}

/* ------------------ IDs ------------------ */
/* these should only occur once on a page at most */

#wrapper {
	/*background: #fff url('../images/blue_fade.png') bottom left repeat-x;*/
  background: #fff;
}

#header {
  width: 100%;
  height: 41px;
  color: #fff;
  background: #003366 url('../images/blue_texture.jpg');
  padding: 30px 0 5px 0px;
}
#headerContent { margin: 0 auto; width: 900px; position: relative; padding-left: 100px; }
#header h1, #intro h1 { position: absolute; top: -5em; }

ul#nav {
  position: absolute;
  bottom: 3px;
  left: 266px;
  list-style-type: none;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
ul#nav li { float: left; }
ul#nav a {
  height: 40px;
  padding: 0 0.75em;
  display: block;
}
ul#nav .navText { position: relative; bottom: -1.5em; }
* html ul#nav a { display: inline; }
* html ul#nav .navText { bottom: 0em; }

ul#nav a:link { color: #fff; text-decoration: none; }
ul#nav a:visited { color: #fff; text-decoration: none; }
ul#nav a:hover { color: #ddf; text-decoration: none; background-color: #369; }
ul#nav a:active { color: #ddf; text-decoration: none; background-color: #369; }
ul#nav li.current a:link { background-color: #369; }
ul#nav li.current a:visited { background-color: #369; }

#content {
  width: 800px;
  margin: 0 auto;
  padding: 0 0 2em 0;
}

#footer {
  width: 100%;
  color: #fff;
  background-color: #036;
  text-align: center;
  font-size: 0.7em;
  padding: 0.2em 0;
  position: relative;
}
#footer li { display: inline; }
#adminLink { position: absolute; bottom: 5px; right: 10px; }

/* ------------------ intro page ------------------ */

#intro { color: #fff; margin-top: 15em; }
#introContent { width: 370px; margin: 0 auto; }
#intro #tagline { margin-bottom: 2em; }
#intro #logo { position: relative; }
#intro ul#info { list-style-type: none; }
#intro #info, #intro #name {
  font-size: 0.9em;
  color: #ddf;
  font-family: verdana, arial, sans-serif;
}
#intro #info { clear: both; padding-left: 130px; margin: 0.2em 0 0 0; line-height: 1.7em; }
#intro #name { position: absolute; bottom: 3px; left: 130px; }
* html #intro #name { top: 25px; }
#intro .label { font-size: 0.8em; padding-right: 0.5em; font-weight: normal; }

#intro ul#nav { bottom: 10px; left: 0; }
#intro ul#nav li.first a:link, #intro ul#nav li.first a:visited { color: #ccf; }

#navTip {
  position: absolute;
  bottom: 4.5em;
  left: 5px;
  padding: 0.1em 0.3em;
  font-size: 0.8em;
  /* rounding for mozila browsers only, stupid IE */
  -moz-border-radius: 8px;
  color: #036;
  border: 1px solid #88f;
  background-color: #cdf;
  height: 30px;
  overflow: visible;
}
#navTip p {
  background: url('../images/tip_down.gif') no-repeat;
  background-position: 30px 25px;
  padding-bottom: 40px;
  overflow: visible;
}

/* ------------------ page sections ------------------ */

#staff .description, #staff .quote { text-align: justify; }

#services { margin-top: 2em; }
#services ul { list-style-image: url('../images/check.png'); color: #000; }

.project { padding-bottom: 1em; margin-bottom: 2em; /*border-bottom: 1px dashed #669;*/ }
/*
.project h3 {
  width: auto;
  border: none;
  font-size: 1.1em;
  font-family: Times, serif;
  font-weight: bold;
  font-variant: small-caps;
}
*/
.projectContent { font-size: 0.9em; color: #000; text-align: justify; }
.project .architect { color: #888; font-size: 0.8em; }

.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { margin-right: 2em; }
img.alignright { margin-left: 2em; }

.quote {
  clear: both;
  padding: 1em 30px 0 30px;
  font-family: Times, serif;
  font-style: italic;
}
.speaker { display: block; text-align: right; }

#contactInfo { margin: 2em 0 10em 0; }
#contactInfo p { margin-bottom: 1.5em; }
#contactInfo ul { list-style-type: none; padding-left: 0; }

#activeProjects { margin: 2em 0 10em 0; }