@import url(reset.css) screen;
@import url(typography.css) screen;
@import url(forms.css) screen;

body {background-color: #202029; color: #;}

h2 {color: #43aced; font-size: 1.8em; font-weight: bold; line-height: 1; margin-bottom: 0.25em;}
h3 {border-bottom: dotted 1px #7c7c7c; color: #7c7c7c; font-size: 1.3em; font-weight: bold; margin-bottom: 0.65em; padding-bottom: 4px;}

p {color: #7c7c7c; font-size: 0.85em; line-height: 1.25em;}

a {border-bottom: dotted 1px #43aced; color: #43aced; text-decoration: none;}
a:hover {border-bottom: dotted 1px #7c7c7c;}

fieldset {border: none; margin-bottom: 8px; padding: 0;}
label {display: block; font-size: 0.85em;}
input.text {color: #7c7c7c;}
input.button {
  background-color: #f1efd7;
  border: solid 1px #7c7c7c;
  color: #43aced;
  cursor: pointer;
  font-size: 0.70em;
  -moz-border-radius: 5px;
  padding: 3px 6px;
  -webkit-border-radius: 5px;
}

input:hover.button {
  background-color: #7c7c7c;
  color: #fff;
}

#page-wrapper {
  background: url(/images/page-background.jpg) 0 0 no-repeat;
  margin: 0 auto;
  padding-bottom: 30px;
  width: 960px;
}

#header-wrapper {height: 160px; position: relative;}
#header-wrapper h1 {margin-bottom: 0; padding-top: 60px; text-indent: -8000px;}
#header-wrapper ul {margin: 0; position: absolute; right: 20px; top: 40px;}
#header-wrapper ul li {float: left; list-style: none;}
#header-wrapper ul li a {border: none; display: block; height: 31px; margin-right: 7px; text-indent: -8000px; width: 24px;}
#header-wrapper ul li a.integrum, #header-wrapper ul li a.gangplank {background: url(/images/header-logos.png) 0 0 no-repeat;}
#header-wrapper ul li a.gangplank {background-position: -33px 0;}
#header-wrapper ul li a:hover.integrum {background-position: 0 -31px;}
#header-wrapper ul li a:hover.gangplank {background-position: -33px -31px;}

#content-wrapper {
  background: #f1efd7 url(/images/content-background.jpg) 0 0 no-repeat; 
  overflow: auto;
  min-height: 500px;
  height: auto !important;
  height: 500px;
  margin: 0 10px;
  -moz-border-radius-bottomleft: 11px;
  -moz-border-radius-bottomright: 11px;
  padding-bottom: 25px;
  -webkit-border-bottom-left-radius: 11px;
  -webkit-border-bottom-right-radius: 11px;
}
.column-two img{border: none; text-decoration: none; outline: none;}
.column-one {float: left; padding-left: 60px; width: 480px;}

ul.people {margin-right: 15px; margin-left: 15px;}
ul.people li {background: url(/images/ul-arrow.png) 0 60% no-repeat; list-style: none; margin-bottom: 4px; padding-left: 18px;}

.column-two {margin-left: 630px; padding-top: 60px; width: 260px;}
.column-two p {color: #222; font-size: 1.15em; margin-bottom: 8px;}
.column-two h3 {padding-top: 10px;}
  
ol.what li {font-size: 0.95em; margin-bottom: 3px;}
ol.what li span {color: #43aced;}

.column-two input.text {width: 195px;}

.photo-wrapper {margin-bottom: 15px; text-align: center;}
.photo-wrapper img {background-color: #fbfaf3; border: solid 1px #aeaeae; padding: 9px;}
.photo-wrapper a {border: none}
.photo-wrapper a:hover img {background-color: #f7f6e8; border: solid 1px #43aced;}