body {
  text-align: center;
  font-family: "Merriweather", serif;
  background: lightsteelblue;
  color: #CC0000;
  line-height: 1.3em; }

ul {
  list-style-type: none;
  height: auto;
  overflow: auto; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.pull-center {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

img {
  width: 100%; }

.small-image {
  width: 50%;
  margin: 0 auto;
}

iframe {
  width: 100%;
  height: 1500px;
  overflow: auto; }

a {
  font-family: "Merriweather", serif;
  text-decoration: none;
  color: #336699; }

h1, h2, h3 {
  font-family: "Merriweather", serif;
  color: #CC0000;
  line-height: 1.5em;
  margin: 2% 0; }

h1 {
  font-size: 1.5em; }

h2 {
  font-size: 1.2em; }

h3 {
  font-size: 1em;
  color: #336699; }

p {
  font-family: "PT Sans", sans-serif;
  color: #336699;
  line-height: 1.3em;
  margin: 2% 0;
  font-size: 1em; }

em {
  font-style: italic; }

blockquote {
  text-align: left;
  font-family: "PT Sans", sans-serif;
  color: #336699;
  padding-bottom: 1em; }

figcaption.caption {
  font-size: 0.8em;
  font-family: "PT Sans", sans-serif;
  color: #336699; }

.button {
  border: #CC0000 0.3em solid;
  background: #fff;
  color: #CC0000;
  font-family: "Merriweather", serif; }

a.button {
  padding: 1em;
  margin: 1em auto;
  clear: both;
  display: block;
  width: 70%; }

a:hover.button {
  background: #CC0000;
  color: #fff; }

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 0;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; }

.hvr-icon-forward:before {
  content: "";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px); }

/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color; }

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 0; }

.hvr-icon-down:before {
  content: "";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

#wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  height: auto;
  background: #fff; }

header {
  width: 100%;
  font-family: "PT Sans", sans-serif;
  clear: both;
  height: auto;
  overflow: auto; }
  header ul li {
    margin: 0.2em auto;
    color: #CC0000; }
    header ul li a {
      color: #CC0000;
      font-family: "PT Sans", sans-serif; }
    header ul li a:hover {
      color: #336699; }

.logo {
  width: 96%;
  margin: 0 2%; }
  .logo img {
    width: 100%; }

nav {
  width: 100%;
  margin: 2% auto;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
  nav ul {
    border-top: 0.2em dotted #336699;
    border-bottom: 0.2em dotted #336699;
    width: 100%; }
    nav ul li {
      margin: 1em; }
      nav ul li a {
        width: 100%;
        border-bottom: 0.2em solid lightsteelblue; }
      nav ul li a:hover {
        color: #CC0000;
        border-bottom-color: #336699; }

#banner {
  width: 100%;
  margin-bottom: 20px; }
  #banner img {
    width: 100%; }

#subbanner {
  width: 100%; }
  #subbanner ul {
    width: 100%; }
    #subbanner ul li {
      width: 22%;
      display: inline-block;
      line-height: 1.3em;
      top: 0;
      vertical-align: top; }
      #subbanner ul li img {
        object-position: top;
        width: 92%;
        height: auto;
        overflow: auto;
        border: 0.3em #fff solid;
        margin: 0; }
      #subbanner ul li a:hover img {
        border: 0.3em #336699 solid; }
      #subbanner ul li.current {
        width: 25%; }
      #subbanner ul li.text {
        width: 70%;
        padding: 2% 0 2% 30%;
        text-align: left; }
        #subbanner ul li.text a {
          color: #336699;
          margin: 2% auto; }
        #subbanner ul li.text a:hover {
          color: #CC0000; }

#head-content {
  width: 100%;
  clear: both;
  border-bottom: 0.3em dotted #336699; }
  #head-content h1 {
    padding-top: 1em;
    text-transform: uppercase; }
  #head-content ul {
    width: 100%;
    height: auto;
    overflow: visible;
    margin: 1em auto;
    text-align: center; }
    #head-content ul li {
      width: 28%;
      display: inline-block;
      padding: 0.3em; }
      #head-content ul li a img {
        width: 95%;
        margin: 0.3em 0;
        border: 0.3em #336699 solid;
        border-radius: 50%; }
      #head-content ul li a:hover img {
        border: 0.3em lightsteelblue solid;
        border-radius: 50%; }

.sidebar {
  background: #336699;
  color: #fff;
  width: 100%;
  margin: 2% 0;
  padding: 5% 0;
  border-bottom-left-radius: 20%;
  border-bottom-right-radius: 20%; }
  .sidebar.charters {
    border-radius: 0; }
  .sidebar h1 {
    width: 100%;
    text-transform: uppercase;
    font-size: 1.5em; }
    .sidebar h1.pull-right, .sidebar h1 .pull-left {
      text-align: center; }
  .sidebar p, .sidebar img {
    margin: 1em; }
  .sidebar ul {
    margin: 20% auto 0 auto;
    width: 100%; }
    .sidebar ul li {
      width: 29%;
      margin: 0 1%;
      display: inline-block;
      text-transform: capitalize; }
      .sidebar ul li.press {
        width: 40%; }
      .sidebar ul li.pull-right, .sidebar ul li .pull-left {
        float: none; }
      .sidebar ul li img {
        width: 97%;
        margin: 1em 0; }
      .sidebar ul li a {
        color: #fff;
        text-align: center; }
        .sidebar ul li a img {
          border: 0.3em #336699 solid;
          border-radius: 50%; }
      .sidebar ul li a:hover {
        color: #fff; }
        .sidebar ul li a:hover img {
          border: 0.3em lightsteelblue solid;
          border-radius: 50%; }
      .sidebar ul li.hide {
        display: none; }
  .sidebar h1, .sidebar p, .sidebar h2 {
    color: #fff; }

.sidebar-img {
  width: 80%; }

.main-content {
  width: 100%;
  background: #fff;
  height: auto;
  overflow: auto; }

.part-content {
  margin: 5%;
  width: 90%;
  height: auto;
  overflow: auto; }
  .part-content img {
    width: 100%; }
  .part-content p {
    text-align: left;
    margin: 3% 0; }
  .part-content h1 {
    font-size: 1.5em;
    margin: 3% 0;
    text-transform: capitalize; }
  .part-content ul.indent {
    width: 100%;
    margin: 3% auto; }
    .part-content ul.indent li {
      text-align: center;
      margin: 5% 0;
      color: #336699; }
    .part-content ul.indent li.sub {
      margin: 0;
      line-height: 1.3em;
      font-family: "PT Sans", sans-serif; }
    .part-content ul.indent.left li {
      text-align: left;
      font-family: "PT Sans", sans-serif; }

#daily, #private, #sunset, #felix {
  width: 90%;
  margin: 5% auto;
  border-bottom: 0.3em dotted #336699; }
  #daily p, #private p, #sunset p, #felix p {
    margin-top: 3%; }
    #daily p.desc, #private p.desc, #sunset p.desc, #felix p.desc {
      text-align: left;
      padding-top: 3%; }

#felix {
  border: 0; }

#fishes ul {
  width: 100%;
  display: block; }
  #fishes ul h2 {
    color: #336699; }
#fishes .color-blue {
  color: #336699; }
#fishes img {
  display: none; }
  #fishes img.show {
    display: block; }

.plus {
  width: 4%;
  display: inline-block;
  float: left; }

.gallery {
  margin-bottom: 3%; }
  .gallery li img {
    width: 30%;
    display: inline-block;
    float: left;
    margin: 1.2%; }

footer {
  width: 100%;
  background: #336699;
  height: auto;
  overflow: auto;
  margin-top: -1.8%;
  padding-top: 5%;
  color: #fff; }
  footer .footer-info a {
    color: #fff; }
  footer .footer-info h1 {
    color: #fff;
    text-transform: uppercase;
    padding: 2% 0; }
  footer .footer-info.weather {
    width: 90%;
    margin: 5% auto; }
  footer .footer-info.links {
    border: 0.2em dotted #fff;
    width: 90%;
    overflow: auto;
    margin: 0 auto; }
    footer .footer-info.links ul {
      text-align: center;
      width: 40%;
      float: left;
      margin: 5%; }
      footer .footer-info.links ul li {
        display: block;
        margin: 3% 2%; }
        footer .footer-info.links ul li img {
          width: 25%;
          text-align: center;
          margin: 0 auto;
          clear: both; }
      footer .footer-info.links ul a {
        color: #fff;
        font-family: "PT Sans", sans-serif; }
      footer .footer-info.links ul a:hover {
        color: lightsteelblue; }
  footer .footer-info.social {
    width: 90%;
    padding: 5%; }
    footer .footer-info.social img {
      width: 55%;
      margin: 5% auto; }
    footer .footer-info.social p {
      color: #fff; }
    footer .footer-info.social a:hover {
      text-decoration: underline; }

.footer-contact a:hover {
  text-decoration: underline;
  color: lightsteelblue;
}

#copyright {
  margin: 5% auto; }

h1.no-border {
  border: 0; }

@media only screen and (min-width: 400px) {
  #daily img.charter-icon, #private img.charter-icon, #sunset img.charter-icon, #felix img.charter-icon {
    width: 60%; }

  #fishes img {
    width: 60%;
    margin: 0 auto; }
  #fishes p {
    width: 60%;
    margin: 0 auto; }

  .sidebar img, .sidebar p {
    width: 60%;
    margin: 2% auto; }
  .sidebar p {
    text-align: left; } }
@media only screen and (min-width: 40em) {
  .logo {
    float: left;
    width: 72%;
    margin: 0; }

  header ul {
    width: 28%;
    float: left;
    text-align: left;
    padding-top: 5%; }

  nav ul li {
    width: 24%;
    margin: 1em 0;
    display: inline-block; }

  #subbanner ul li {
    width: 20%;
    display: inline-block;
    margin: 0; }
    #subbanner ul li.text {
      width: 85%;
      text-align: center;
      padding: 0;
      margin: 3% auto;
      padding: 3% 0;
      border: 0.2em dotted #336699; }
    #subbanner ul li.current {
      width: 25%; }

  .sidebar ul {
    width: 85%;
    margin: 8% auto; }
    .sidebar ul li {
      width: 30%; }
      .sidebar ul li.press {
        width: 30%; }
      .sidebar ul li.hide {
        display: inline-block; }

  .part-content {
    width: 80%;
    margin: 5% 10%; }
    .part-content ul.indent {
      width: 50%;
      margin: 3% auto; }
      .part-content ul.indent li {
        margin: 2% auto; }
      .part-content ul.indent.left li {
        margin: 1% 0 1% 0; }

  #fishes img {
    display: block; }

  #daily img.charter-icon, #private img.charter-icon, #sunset img.charter-icon, #felix img.charter-icon {
    width: 60%; }

  footer {
    padding-top: 2%;
    margin-top: -1%; }
    footer .footer-info.weather {
      width: 60%; }
    footer .footer-info.social img {
      width: 30%; }
    footer .footer-info.links {
      width: 60%; }
      footer .footer-info.links ul li img {
        width: 15%; } }
@media only screen and (min-width: 700px) {
  #head-content h3 {
    width: 50%;
    margin: 0 auto 1em auto; }

  #fishes ul {
    width: 48%;
    display: inline-block; }
  #fishes img, #fishes p {
    width: 100%; }

  #daily img.charter-icon, #private img.charter-icon, #sunset img.charter-icon, #felix img.charter-icon {
    float: left;
    width: 40%; }
  #daily .charter-info, #private .charter-info, #sunset .charter-info, #felix .charter-info {
    float: right;
    width: 60%; }
  #daily p, #private p, #sunset p, #felix p {
    clear: both; }
    #daily p.desc, #private p.desc, #sunset p.desc, #felix p.desc {
      text-align: left;
      padding-top: 1em; }

  #felix p.desc {
    padding-left: 2em; }

  footer {
    height: auto;
    overflow: auto; }
    footer .footer-info {
      float: left; }
      footer .footer-info.weather {
        width: 30%;
        vertical-align: top;
        margin-top: 0;
        margin-left: 1%; }
      footer .footer-info.social {
        width: 45%;
        padding: 0;
        float: right;
        vertical-align: middle;
        margin-right: 1%; }
        footer .footer-info.social img {
          width: 80%; }
      footer .footer-info.links {
        width: 45%;
        margin: 1% 3% 2% 3%; }

  #copyright {
    margin: 1% auto; } }
@media only screen and (max-width: 750px) {
  .hide {
    display: none; } }
@media only screen and (min-width: 750px) {
  .hvr-icon-forward, .hvr-icon-down {
    padding-right: 2.2em; }

  .hvr-icon-forward:before {
    content: "\f061"; }

  .hvr-icon-down:before {
    content: "\f063"; }

  .sidebar {
    width: 30%;
    padding: 3em 0; }
    .sidebar h1 {
      width: 70%; }
      .sidebar h1.pull-right {
        padding-right: 1em;
        text-align: right; }
      .sidebar h1.pull-left {
        padding-left: 1em;
        text-align: left; }
    .sidebar p {
      text-align: left;
      width: 70%;
      margin: 1em; }
    .sidebar h2 {
      text-align: left;
      width: 70%;
      margin: 1em; }
    .sidebar .sidebar-img {
      text-align: left;
      margin: 1em;
      padding: 0;
      width: 70%;
      float: left; }
    .sidebar.pull-right {
      float: right; }
    .sidebar.pull-left {
      float: left; }
    .sidebar ul {
      height: auto;
      overflow: auto; }
      .sidebar ul li {
        width: 75%;
        display: block;
        margin: 1em; }
        .sidebar ul li.press {
          width: 75%; }
        .sidebar ul li.hide {
          display: block; }
        .sidebar ul li.pull-right {
          float: right; }
        .sidebar ul li.pull-left {
          float: left; }
    .sidebar.charters {
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%; }

  .border-left {
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 0; }

  .border-right {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 0; }

  .part-content {
    width: 60%;
    margin: 5% 5%; }
    .part-content ul.indent {
      width: 100%;
      text-align: left; }
      .part-content ul.indent li {
        text-align: left; }
    .part-content h1.text-left {
      text-align: left; }

  #daily {
    border-top: 0.3em dotted #336699; }

  #fishes ul {
    width: 100%; }
    #fishes ul.special {
      width: 50%;
      display: inline-block;
      float: left; }
      #fishes ul.special img {
        width: 100%; }
      #fishes ul.special li {
        margin: 2%; }
    #fishes ul li h2 {
      width: 100%;
      clear: both;
      display: block; }
    #fishes ul li img {
      width: 20%;
      margin: 0 2% 0 0;
      display: inline-block;
      float: left;
      vertical-align: middle; }
    #fishes ul li p {
      width: 50%;
      display: inline-block; } }
@media only screen and (min-width: 800px) {
  #wrapper {
    width: 90%; }

  #subbanner ul {
    width: 100%; }
    #subbanner ul li {
      display: inline-block;
      width: 17.6%; }
      #subbanner ul li.current {
        width: 19.6%; }
      #subbanner ul li.text {
        width: 17.6%;
        height: auto;
        margin-top: 1%;
        padding: 1.8em 1.1em; }

  footer {
    margin-top: -0.7%; } }
@media only screen and (min-width: 64em) {
  #wrapper {
    width: 70%; }

  #daily img.charter-icon, #private img.charter-icon, #sunset img.charter-icon, #felix img.charter-icon {
    width: 30%;
    margin-left: 5%; }

  a.button {
    width: 50%; } }
@media only screen and (min-width: 80em) {
  #wrapper {
    width: 70%; } }

/*# sourceMappingURL=styles.css.map */