body, html {
  position:relative;
  font-family:Helvetica, Arial;
  height:100%;
  margin:0;
  padding:0;
  font-size:13px;
  line-height:18px;
}
body img, html img {
  margin:0;
  border:0;
}
#ck-area, .ck-area {
  background:#182f41;
  background:rgba(24,47,65,0.8);
  color:white;
  padding:5px 16px;
  width:478px;
}
#ck-area h1, .ck-area h1 { margin:10px 0; }
#home-blurb {
  width:215px;
  background-color:#2a72b9;
  padding:0 0 10px 25px;
  color:white;
}
h1 {
  font-size:26px;
  font-weight:normal;
  text-transform:uppercase;
  margin:26px 0;
  color:white;
  font-family:'Roboto', 'Myriad Pro', 'Lucida Sans', Calibri, Helvetica, Arial, sans-serif;
  background:#455766;
}
h2 {
  font-size:14px;
  font-weight:normal;
  text-transform:uppercase;
  margin:8px 0;
  color:white;
  font-family:'Roboto', 'Myriad Pro', 'Lucida Sans', Calibri, Helvetica, Arial, sans-serif;
  background:#455766;
}
a {
  color:rgb(155,225,255);
  text-decoration:none;
}
a:hover { text-decoration:underline; }
a.contact-button {
  text-transform:uppercase;
  background:#2a72b9;
  background-image:url('/img/email-envelope.png');
  background-repeat:no-repeat;
  background-position:10px 6px;
  padding:5px 10px;
  font-size:11px;
  color:white;
  padding-left:29px;
}
a.contact-button:hover {
  background-color:#478bcf;
  text-decoration:none;
}
blockquote {
  color:white;
  float:right;
  width:180px;
  margin:25px 0 25px 25px;
  font-size:18px;
  text-align:center;
}
blockquote p {
  margin:0;
  padding:0;
}
a.active { text-decoration:underline; }
#page {
  min-height:100%;
  width:980px;
  margin:0 auto 0 auto;
  padding:0;
  position:relative;
  margin-bottom:-105px;
  z-index:20;
  top:-105px;
}
#page #content {
  padding-top:105px;
  width:510px;
  border-spacing:0;
  float:left;
  margin-bottom:-80px;
}
h1, h2 { background:transparent; }
.home #page #content { padding-bottom:460px; }
#header {
  float:right;
  padding-top:105px;
  width:320px;
  position:relative;
  margin-bottom:-80px;
}
#header h1 { margin:10px 0; }
#header a.logo {
  display:block;
  text-decoration:none;
  width:320px;
  height:70px;
  text-align:center;
  background:white;
  z-index:1;
  position:relative;
}
#header a.logo img { margin-top:8px; }
#header .hero {
  display:block;
  z-index:1;
  position:relative;
}
#header .side {
  position:relative;
  background-color:#2a72b9;
  background-color:rgba(42,114,185,0.85);
}
#header ul.submenu {
  display:block;
  float:left;
  width:215px;
  margin:0;
  list-style-type:none;
  padding:10px 0 10px 25px;
  font-size:12px;
}
#header ul.submenu li {
  position:relative;
  margin:10px 0;
}
#header ul.submenu li a {
  display:inline-block;
  color:white;
}
#header ul.submenu li a:hover, #header ul.submenu li a.active {
  text-decoration:none;
  font-weight:bold;
}
#header #button-column {
  width:65px;
  float:right;
  z-index:1;
  position:relative;
}
#header #button-column a {
  width:65px;
  height:89px;
  display:block;
}
#header #button-column img { display:block; }
#header .blurb {
  display:block;
  float:left;
  width:215px;
  margin:-10px 0 0 0;
  padding:0 0 10px 25px;
  font-size:12px;
  color:white;
  line-height:15px;
}
#header .bg {
  width:65px;
  position:absolute;
  bottom:0;
  top:180px;
  right:0;
  z-index:0;
  background:white;
}
#header .home-content {
  background:#182f41;
  background:rgba(24,47,65,0.8);
  color:white;
  padding:5px 16px;
  width:288px;
  margin-top:40px;
}
#footer {
  height:105px;
  margin:0 auto 0 auto;
  position:relative;
  z-index:20;
  clear:both;
}
#footer .bg {
  background:white;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:80px;
  z-index:-1;
}
#footer #right {
  font-size:10px;
  position:absolute;
  right:5px;
  bottom:3px;
}
#footer #right a { color:black; }
#footer ul.menu {
  width:980px;
  display:block;
  padding:0;
  list-style-type:none;
  margin:0 auto 0 auto;
  text-align:center;
}
#footer ul.menu li {
  position:relative;
  font-size:11px;
  display:inline-block;
}
#footer ul.menu li a {
  display:inline-block;
  color:black;
  font-family:'Roboto', 'Myriad Pro', 'Lucida Sans', Calibri, Helvetica, Arial, sans-serif;
  text-transform:uppercase;
  height:80px;
  line-height:80px;
  padding:0 13px 0 12px;
}
#footer ul.menu li a:hover, #footer ul.menu li a.active {
  text-decoration:none;
  background:black;
  color:white;
  -webkit-transition:background 600ms ease;
  -moz-transition:background 600ms ease;
  -ms-transition:background 600ms ease;
  -o-transition:background 600ms ease;
  transition:background 600ms ease;
}
#gallery { margin-top:30px; }
#gallery .icon {
  display:inline-block;
  float:left;
  height:134px;
}
#gallery .icon a {
  display:inline-block;
  border:none;
  margin:7px;
}
#gallery .icon a img {
  border:10px solid white;
  width:auto;
  height:auto;
  max-width:136px;
  max-height:136px;
  -webkit-box-shadow:1px 1px 5px 0px black;
  box-shadow:1px 1px 5px 0px black;
}
.slides img {
  width:240px;
  border:10px solid white;
}
#slides2 {
  top:170px;
  left:250px;
}
#slides3 {
  top:340px;
  left:0;
}
#background { display:none; }
input, textarea {
  border:none;
  background:#ffffff;
  background:rgba(255,255,255,0.85);
  padding:5px;
  resize:none;
  font-family:Helvetica, Arial;
  font-size:12px;
}
input[type=text] { width:200px; }
.alert {
  color:white;
  margin:10px 0;
  padding:10px 15px;
}
.alert.alert-error { background:#e36e5e; }
.alert.alert-success { background:#81b755; }
.alert p { margin:2px 0; }
span.clear {
  display:block;
  clear:both;
}
.hp { display:none; }