body, input, select {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
body {
  background-color: #1e354a;
}
h3 {
  font-size: 160%;
  font-weight: bold;
}
h5 {
  font-size: 130%;
  font-weight: bold;
}
a {
  cursor: pointer;
}
a:hover, a:focus {
  text-decoration: none;
}
#page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6000px;
  overflow: hidden;
}
#container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6000px;
  background: transparent url(../images/bg.png) top left repeat-x;
}
#card {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 290px;
  z-index: 200;
}
#name {
  position: absolute;
  left: 0;
  top: 0;
  height: 118px;
  overflow: hidden;
}
#name_link {
  position: absolute;
  left: 0;
  top: 0;
  height: 118px;
  width: 100%;
  background: transparent url(../images/pixel.gif) no-repeat;
}
#info {
  position: absolute;
  left: 0;
  top: 118px;
}
#shade {
  position: absolute;
  left: -75px;
  top: 233px;
  width: 440px;
  height: 160px;
  background: transparent url(../images/shade.png) no-repeat;
  display: none;
}
#tooltip {
  background: transparent url(../images/bubble.png) no-repeat;
  position: absolute;
  z-index: 9999;
  padding: 15px;
  opacity: .85;
}
#tooltip.fancy {
  padding-top: 42px;
  width: 219px;
  height: 102px;
  overflow: hidden;
}
#tooltip h3 {
  font-size: 110%;
  margin: .4em 0;
}
#tooltip div.separator {
  height: .4em;
}
div#menu {
  position: absolute;
  left: 300px;
  top: 7px;
  width: 693px;
  height: 111px;
}
div#left_corners {
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 111px;
  background: transparent url(../images/leftcorners.png) no-repeat;
}
div#right_corners {
  position: absolute;
  right: 0;
  top: 0;
  float: left;
  width: 8px;
  height: 111px;
  background: transparent url(../images/rightcorners.png) no-repeat;
}
ul.kwicks {
  position: absolute;
  left: 8px;
  top: 0;
  float: left;
  width: 677px;
  height: 111px;
  background-color: #ffffff;
}
ul.kwicks li {
  float: left;
  width: 167px;
  height: 111px;
  margin-right: 3px;
  display: block;
  overflow: hidden;
}
ul.kwicks li.last {
  margin-right: 0;
}
ul.kwicks a {
  width: 233px;
  height: 111px;
  display: block;
  overflow: hidden;
}
#menu {
  z-index: 100;
}
#menu a span {
  display: none;
}
#about_link {
  background: transparent url(../images/about.png) no-repeat;
}
#projects_link {
  background: transparent url(../images/projects.png) no-repeat;
}
#kb_link {
  background: transparent url(../images/kb.png) no-repeat;
}
#gallery_link {
  background: transparent url(../images/gallery.png) no-repeat;
}
table.content {
  position: absolute;
  left: 20px;
  width: 960px;
}
table#about {
  top: 1325px;
}
table#projects {
  top: 2525px;
}
table#kb {
  top: 3725px;
}
table#gallery {
  top: 4925px;
}
table#about div.wrapper {
  margin: .6em 1.5em 1em 1.5em;
}
table#about h5 {
  line-height: 1.6em;
  font-variant: small-caps;
  text-decoration: underline;
}
table#about ul {
  list-style-type: square;
  margin: 0 2.5em;
}
table#about li {
  margin: .3em 0;
}
table#about p {
  margin: .2em 0;
}
table#about p.indented {
  margin: 0 0 0 1em;
}
td.ctl, td.ctr, td.cbl, td.cbr {
  width: 25px;
  height: 21px;
}
td.ctl {
  background: transparent url(../images/contenttl.png) no-repeat;
}
td.ctr {
  background: transparent url(../images/contenttr.png) no-repeat;
}
td.cbl {
  background: transparent url(../images/contentbl.png) no-repeat;
}
td.cbr {
  background: transparent url(../images/contentbr.png) no-repeat;
}
td.ct, td.cb {
  height: 21px;
}
td.ct {
  background: transparent url(../images/contentt.png) no-repeat;
}
td.cb {
  background: transparent url(../images/contentb.png) no-repeat;
}
td.cl, td.cr {
  width: 25px;
}
td.cl {
  background: transparent url(../images/contentl.png) no-repeat;
}
td.cr {
  background: transparent url(../images/contentr.png) no-repeat;
}
td.cc {
  background-color: white;
  overflow: hidden;
}
#kb td.cc, #gallery td.cc {
  background-color: transparent;
}
a#kb_pics, a#gallery_pics {
  width: 910px;
  height: 560px;
  display: block;
}
a#kb_pics img, a#gallery_pics img {
  width: 910px;
  height: 560px;
  top: 0;
  left: 0;
}
.jcarousel-container {
  width: 910px;
  height: 541px;
  background-color: #2a2a2a;
}
.jcarousel-clip {
  width: 900px;
  margin: 0 5px;
}
.jcarousel-list li, .jcarousel-item {
  width: 412px;
  height: 490px;
  margin: 9px 4px 5px 4px;
  padding: 1px 15px 0.5em 15px;
  background-color: white;
}
.jcarousel-list li h3 {
  position: relative;
  top: 1px;
  left: 0;
  width: 410px;
  text-align: center;
  font-weight: normal;
  color: black;
}
.project_pics {
  display: block;
  width: 412px;
  height: 292px;
  overflow: hidden;
  margin-top: 8px;
}
.project_pics img {
  width: 400px;
  height: 280px;
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 5px;
}
.jcarousel-list h5 {
  text-align: center;
  margin-top: 3px;
}
.jcarousel-list h5 a {
  text-decoration: none;
  color: #438bcb;
  border-top: 1px solid #c8e5aa;
  border-bottom: 1px solid #c8e5aa;
  display: block;
}
.jcarousel-list h5 a:hover, .jcarousel-list h5 a:focus {
  color: black;
  background-color: #c8e5aa;
  cursor: pointer;
}
.jcarousel-list label {
  display: block;
  text-decoration: underline;
  margin: .1em;
}
.jcarousel-list p {
  margin: 0 0 .3em 1em;
}
.jcarousel-next-horizontal {
  position: absolute;
  top: 513px;
  right: 90px;
  width: 11px;
  height: 21px;
  cursor: pointer;
  background: transparent url(../images/jcarousel_next.gif) no-repeat 0 0;
}
.jcarousel-next-disabled-horizontal {
  cursor: default;
  background-position: 0 -21px;
}
.jcarousel-prev-horizontal {
  position: absolute;
  top: 513px;
  left: 90px;
  width: 11px;
  height: 21px;
  cursor: pointer;
  background: transparent url(../images/jcarousel_prev.gif) no-repeat 0 0;
}
.jcarousel-prev-disabled-horizontal {
  cursor: default;
  background-position: 0 -21px;
}
#jcarousel-slider {
  position: absolute;
  top: 515px;
  left: 125px;
  width: 660px;
}
#more_link {
  position: absolute;
  top: 516px;
  right: 25px;
  text-decoration: none;
  color: #b9b9b9;
  font-style: italic;
  font-weight: bold;
}
#more_link:hover, #more_link:focus {
  color: black;
  background-color: #b9b9b9;
}