* {
  margin: 0;
  padding: 0;
}

html {
  background: #0b3470 url( body-gradient.png ) fixed repeat-x top;
  color: #333;
}

html, #content input, #content textarea {
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 100%;
}

body {
  width: 65em;
  max-width: 100%;
  min-width: 300px;
  margin: auto;
}

h1 {
  font-size: 100%;
  overflow: hidden;
  margin-bottom: 1.25em;
  position: relative;
}

h1 a {
  background: #002973;
  color: #fff;
  padding: 0.75em;
  display: block;
  float: left;
  -moz-border-radius: 0.75em;
  -webkit-border-radius: 0.75em;
  -o-border-radius: 0.75em;
  -khtml-border-radius: 0.75em;
  border-radius: 0.75em;
  position: relative;
  z-index: 2;
}

h1 .decoration {
  position: absolute;
  z-index: 2;
  right: 1em;
}

h1 .text {
  color: #fff;
  display: block;
  position: absolute;
  z-index: 3;
  right: 1em; 
  top: 50%;
  margin-top: -0.6em;
  font-style: italic;
  font-size: 140%;
  /* Faux outline by creating one shadow for each of 8 compass directions */
  text-shadow: 
    -1px -1px 0.05em #85cc3d,
     0   -1px 0.05em #85cc3d,
     1px -1px 0.05em #85cc3d,
     1px  0   0.05em #85cc3d,
     1px  1px 0.05em #85cc3d,
     0    1px 0.05em #85cc3d,
    -1px  1px 0.05em #85cc3d,
    -1px  0   0.05em #85cc3d;
}

h1 img {
  border: 0;
  display: block;
}

h1 .shim, #navigation, #page {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -o-border-radius: 1px;
  -khtml-border-radius: 1px;
  border-radius: 1px;
}

h1 .shim {
  background: #8dda41 url( header-gradient.png ) repeat-x bottom;
  border: 1px solid #85cc3d;
  border-top: 0;
  display: block;
  position: absolute;
  top: 0.75em;
  bottom: 0.75em;
  left: 0;
  right: 0;
  z-index: 1; 
  text-align: right;
  -moz-border-radius-topright: 0.75em;
  -webkit-border-top-right-radius: 0.75em;
  -o-border-top-right-radius: 0.75em;
  -khtml-border-top-right-radius: 0.75em;
  border-top-right-radius: 0.75em;  
}

#h1 .shim img {
  position: relative;
  z-index: 2;
}

h2 {
  color: #002973;
  font-size: 125%;
}

h3 {
  font-size: 105%;
}

h3, .box  a, #content label, 
#content form em, #content .services-list strong {
  color: #3e740e;
}

h4 {
  color: #933600;
  font-size: 95%;
}

h5, h6 {
  color: #ca6300;
  font-size: 90%;
}

h2, h3, h4, h5, h6, .box span, 
#content th {
  font-family: "Avenir", "Century Gothic", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#page {
  background: #fff;
  border: 1px solid #8ab5d1;
  border-top: 0;
  padding: 2em;
  padding-top: 1.25em;
}

#navigation {
  margin-bottom: 2em;
  padding: 0 0.5em;
}

#navigation, #content input[type=submit] {
  background: #ff9000;
  border: 1px solid #f28900;
  border-top: 0;
}

#navigation  ul{
  list-style: none;
  overflow: hidden;
}

#navigation li {
  float: left;
}

#navigation span, #navigation a {
  display: block;
  float: left;
  font-size: 120%;
  padding: 0.75em 0.5em;
}

#navigation a:hover {
  background: #ffa633;
}

#navigation li.last {
  padding-right: 0;
}

#navigation span {
  color: #945400;
}

#navigation a {
  text-decoration: none;
}

#navigation, #navigation a {
  color: #fff;
}

#content {
  overflow: auto;
}

#content p, #content ul, #content ol, #content table, #content h2, #content h3, 
#content h4, #content h5, #content h6, .directory, .testimonials {
  margin-bottom: 1em;
}

#content h3 {
  clear: both;
  border-top: 2px solid #8dda41;
  margin-top: 2em;
  padding-top: 2em;
}

.directory, .testimonials {
  float: right;
  margin-left: 2em;
}

.directory .image {
  margin-bottom: 2em;
  text-align: right;
}

#content p, #content ul, #content ol, #content table {
  line-height: 1.4;
}

#content ul, #content ol {
  margin-left: 1em;
}

#footer {
  font-size: 90%;
  padding: 1em 0;
  text-align: right;
}

#footer a {
  text-decoration: none;
}

#footer, #footer a {
  color: #fff;
}

#footer a:hover {
  color: #aaf;
  text-decoration: underline;
}

.column .paddingWrapper {
  border-left: 2px solid #8dda41;
  padding: 0 2em;
}

.column:first-child .paddingWrapper {
  border-left: 0;
  padding-left: 0;
}

.column:last-child .paddingWrapper {
  padding-right: 0;
}

.box {
  overflow: hidden;
}

.clients .image {
  float: left;
  width: 25%;
}

.box .image, .pageLink.box  {
  display: block;
  position: relative;
}

.clients .image a {
  padding: 5em 1em 1em 1em;
  margin: 2em;
  margin-left: 0;
  margin-top: 0;
}

.services-side-box  .image a {
  margin-bottom: 1em;
  padding: 4em 1em 1em 1em;
}

.box a {
  display: block;
  text-align: center;
}

.box a:hover {
  background: #ddf4c6;
}

.clients .image span {
  left: 1em;
  right: 3em;
}

.box span {
  display: block;
  font-size: 90%;
  font-weight: bold;
  position: absolute;
  top: 1em;
}

.services-side-box .image span {
  left: 1em;
  right: 1em;
}

.pageLink.box span {
  left: 1em;
  right: 1em;
}

.pageLink.box em {
  font-size: 90%;
  display: block;
  margin-top: 0.5em;
}

.pageLink.box a {
  padding: 3.5em 1em 1em 1em;
  margin-bottom: 1em;
}

#content form em {
  font-size: 80%;
}

.box  a, .food-styling .image, #content form {
  background: #e8f8d9;
  -moz-border-radius: 0.75em;
  -webkit-border-radius: 0.75em;
  -o-border-radius: 0.75em;
  -khtml-border-radius: 0.75em;
  border-radius: 0.75em;   
}

#content form {
  float: left;
  padding: 1em;
  padding-bottom: 0;
}

#content th, #content td {
  vertical-align: top;
  text-align: left;
  padding: 0.5em;
  padding-left: 0;
  padding-top: 0;
}

#content input[type=text], #content textarea {
  border: 1px solid #8dda41;
  padding: 0.25em;
  width: 20em;
}

#content textarea {
  height: 10em;
}

#content input[type=submit] {
  color: #fff;
  float: right;
  font-size: 120%;
  padding: 0.5em 0.75em;
}

#content input[type=submit]:hover {
  background: #ffa633;
  cursor: pointer;
}

#content .services-list ul {
  margin-left: 0;
  list-style: none;
}

#content .services-list li {
  margin-bottom: 0.5em;
}

.food-styling {
  overflow: hidden;
}

.food-styling .image {
  float: left;
  margin-right: 2em;
  margin-bottom: 2em;
  padding: 1em;
}