body { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; background-color: #fff; text-align: left; margin: 0; padding: 0;-webkit-text-size-adjust: 100%; }
#wrapper { text-align: center; width: 100%; height: 100%; }
p { margin: 0; padding: 0; }
td {  }
h1, h2 { color: #000; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 25px; margin: 0; padding: 0; }
hr { height: 1px; padding-top: 5px; border-top: 1px dotted #666; }
#logo a { display:block; background:url(../images/fish-new-straight_02.jpg) no-repeat; width:350px; height:158px; float:left; text-indent:-9999px; }
.grey-border { border: solid 1px #b8b7b7; outline-color: #b8b7b7; }
.grey-border-dash { border: dashed 1px #b8b7b7; outline-color: #b8b7b7; }
.red_bold_20 { color: #e16421; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 24px; margin: 0; padding: 0; }
.red_bold_13 { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; margin: 0; padding: 0; }
.orange_bold_13 { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; margin: 0; padding: 0; }
.black_bold_13 { color: #000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; margin: 0; padding: 0; }
.black-13-reg { color: #000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; margin: 0; padding: 0; }
.contact-details { color: #000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 22px; margin: 0; padding: 0; }
.red_13_reg { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; margin: 0; padding: 0; }
.grey_13-left { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 18px; text-align: left; }
.grey_12 { color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 18px; text-align: justify; }
.copyright-black { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 18px; text-align: justify; }
.copyright-orange { color: #e16421; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 18px; text-align: justify; }
.dotted_line_top { border-top: 1px dotted #858484; }
.line_top { border-top: 1px solid #ccc; }
.line_bottom { border-bottom: 1px solid #ccc; }
.line_2 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.line_top-bot { background-color: #000; border-top: 3px solid #fee5bd; bottom:0; width:100%; height: 260px; }
a.contact:link { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 22px; text-decoration: underline; }
a.contact:visited { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 22px; text-decoration: underline; }
a.contact:hover { color: #ffd28b; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 22px; text-decoration: underline; }
a.contact:active { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 22px; text-decoration: underline; }
a:link { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; text-decoration: underline; text-align: left; }
a:visited { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; text-decoration: underline; text-align: left; }
a:hover { color: #ffd28b; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; text-decoration: underline; text-align: left; }
a:active { color: #e16421; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; text-decoration: underline; text-align: left; }
.signatures-red { color: #e16421; font-size: 15px; font-family: arial, verdana; font-weight: bold; font-style: italic; line-height: 22px; }
.orange-it-13 { color: #e16421; font-size: 13px; font-family: arial, verdana; font-style: italic; font-weight: bold; line-height: 18px; }
.orange-14 { color: #e16421; font-size: 14px; font-family: verdana, arial; font-weight: bold; line-height: 23px; }
.testimonials-name { color: #000; font-size: 15px; font-family: arial, verdana; font-style: italic; font-weight: bold; line-height: 22px; }
.testimonials-copy { color: #333; font-size: 13px; font-family: arial, verdana; font-style: italic; line-height: 18px; }
.testimonials { color: #333; font-size: 12px; font-family: arial; font-style: italic; line-height: 18px; background-color: #eee; border: solid 1px #ccc; }
.white-20 { color: #fff; font-size: 20px; font-family: verdana; font-weight: bold; line-height: 25px; }
.grey-14 { color: #828282; font-size: 14px; font-family: verdana; line-height: 24px; }
.copy-caps { color: #333; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; background-color: #fff; text-transform: capitalize; text-align: left; margin: 0; padding: 0; }
a.link:link { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-decoration: underline; }
a.link:visited { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-decoration: underline; }
a.link:hover { color: #999; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-decoration: underline; }
a.link:active { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-decoration: underline; }
.white-nav { color: #fff; font-size: 16px; font-family: tahoma, arial; font-weight: bold; text-align: left; }
.white-seps { color: #fff; font-size: 14px; font-family: tahoma, arial; text-align: left; }
.videoWrapper { position: relative; height: 0; padding-bottom: 57%; }
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.img { width: 100%; max-width: 100%; height: auto;  width: auto\9; /* ie8 */ }
.clips-margin-all-10 { margin: 10px 20px 10px 0; }
.arrow { background-image: url(../images/arrow-95.png); background-repeat: no-repeat; top: 0; width: 95px; height: 94px; }
.img-noborder { border-style: none; }
.margin-25-left { margin-bottom: 12px; margin-left: 25px; }
.border-w-25-marg { margin-bottom: 25px; margin-left: 25px; border: solid 1px #ccc; }
.keyline { border: solid 1px #ccc; }
a.menu:link { color: #fff; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 20px; padding-left: 20px; }
a.menu:visited { color: #fff; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 20px; padding-left: 20px; }
a.menu:hover { color: #ffd28b; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 20px; padding-left: 20px; }
a.menu:active { color: #fff; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 20px; padding-left: 20px; }
.menu-pipe { color: #fff; font-size: 18px; font-family: Arial, Helvetica, sans-serif, Verdana; line-height: 20px; }
a.menu1:link { color: #fff; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 20px; }
a.menu1:visited { color: #fff; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 20px; }
a.menu1:hover { color: #ffd28b; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 20px; }
a.menu1:active { color: #fff; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 20px; }

.inner-content { }
.inner-content h2 { margin-top: 20px; }
.inner-content p { margin: 15px 0px; font-size: 12px; font-weight: 100 !important; }

ul.h-list-left {
	display: inline-block;
	float: left;
	width: 40%;
	font-weight: bold;
	font-size: 14px;
	color: #E16421;
}

ul.h-list-right {
	display: inline-block;
	float: right;
	width: 40%;
	font-weight: bold;
	font-size: 14px;
	color: #E16421;
}

h1.h-title span {
	display: block;
	float: left;
	position: absolute;
	text-indent: -9999em;
}
.clip-titles { color: #333; font-size: 14px; font-family: arial; font-weight: bold; line-height: 24px; }
a.clips:link { color: #333; font-size: 14px; font-family: arial; font-weight: bold; line-height: 22px; text-decoration: none; }
a.clips:visited { color: #333; font-size: 14px; font-family: arial; font-weight: bold; line-height: 22px; text-decoration: none; }
a.clips:hover { color: #d25511; font-size: 14px; font-family: arial; font-weight: bold; line-height: 22px; text-decoration: none; }
a.clips:active { color: #333; font-size: 14px; font-family: arial; font-weight: bold; line-height: 22px; text-decoration: none; }
.add-heading h2{padding-bottom: 40px;}
.add-images .images1{float:left;width:230px;}
.add-images .images2{float:left;width:230px;margin-left:13px;}
.add-images .images3{float:left;width:230px;margin-left:13px;}
.add-images .images4{float:left;width:230px;margin-left:13px;}
.add-images img{width:220px;}
.add-req-text{width: 120px;}

.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
span.dot {
    display: none;
}
.numbertext {
    display: none;
}
.slideshow-container img {
    width:253px;
    height:450px;
    border:1px solid #ccc;
}
.slideshow-container .text{
    display:none;
}
.island-text h1 {
    padding-bottom: 20px;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}