@charset "UTF-8";

/* CSS Document */

/* pixelmar color palette
#4C4341   rgb(76, 67, 65)  ASH
#646266   rgb(100, 98, 102)  DULL GRAY
#ADA982   rgb(173, 169, 130)  DARK TAN
#D8D5BC   rgb(216, 213, 188)  MED TAN
#EDE4D6   rgb(237, 228, 214)  LIGHT TAN
#667F6A   rgb(102, 127, 106)  DARK GREEN
#473c17   DARK BROWN
*/

/*Global styles -----------------------------------------------------------------------------------------------------------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
a {
	text-decoration: none;
	color: #667F6A;
}

a:hover {
	color: #7B798F;
}

a img {
	border: none;
	outline: 0;
}

.preview a {
	display: block;
	height:100%;
}

.preview a:hover {
	border: none;
}

a.phone {
	border: none;
	color: inherit;
}

a.phone:hover {
	border: none;
	color: inherit;
	cursor: default;
}
@font-face {
	font-family: "BlueIslandStd";
	src: url(../BlueIslandStd.otf);
}
html {
	background: #000;
}

body {
	font: 100% Arial, Helvetica, sans-serif;
	line-height: 1.5;
	background: #fff;
	color: rgb(76, 67, 65);
	font-weight:normal;
	font-style:normal;
}

#mainNav h2, #mainNav #menuToggle {
	display: none;
}

nav ul {
	list-style: none;
}

/* header styles */
header {
	background: #000;
	width: 100%;
	padding-top: 1px;
	overflow: hidden;
	margin-bottom: 1.5em;
}
header h1 {
	font-family: BlueislandStd, Georgia, serif;
	color: #473c17;
	text-shadow: 2px -2px 5px #000; 
	font-weight: bold;
	text-tranform: none;
	margin-top: 0px;
	margin-left: 160px;
	margin-bottom: 0px;
	z-index: 500;
	height: auto;
	position: relative;
	bottom: 110px;
	text-decoration: none;
	font-size: 4em;
}
header h2 {
	font-family: Alexa Std, Arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: #000;
	margin-top: 0px;
	margin-left: 170px;
	margin-bottom: 0px;
	bottom: 145px;
	position: relative;
	z-index: 500;
	font-style: italic;
	text-transform: none;
	text-decoration: none;
}
header a {
	text-decoration: none;
	border: none;
	color: #473c17;
}
header a:hover {
	border: none;
	color: #6b560d;
	text-shadow: none;
}
#logo {
	background: url("../images/fishlogo.png") no-repeat;
	z-index: 500;
	border: none;
	height: 100px;
	width: 100px;
	margin-top:27px;
	margin-left:45px;
}
section h1 {
	text-align: center;
	color: #6b560d;
	text-decoration: none;
}
#pageTitle {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: #000;
	margin-bottom: 2em;
}

#pageText {
	max-width: 90%;
	margin-left: 1.2em;
}
/*nav styles*/
#mainNav {
	overflow: hidden;
	margin-bottom: 1.5em;
}
#mainNav li {
	float: left;
}
#mainNav a {
	text-transform: uppercase;
	display: block;
	color: #473c17;
	border: none;
}
#mainNav a:hover {
	color: #6b560d;
}
#mainNav a.current {
	color: rgb(123, 121, 143);
	cursor: default;
}
/*misson styles*/
.mission h1 {
	text-transform: uppercase;
}
#discourse {
	margin-bottom: .5em;	
}
#discourse p {
	width: auto;	
}
#discourse p:nth-of-type(1):first-letter {
	font-size: 75px;
	line-height: 65px;
	float: left;
	color: #6b560d;
	padding: 0px 10px 0px 3px;
}
.txtin {
	text-indent: 5%;
}
/* Video Styles */
video {
	max-width: 100%;
	height: auto;
}
#video {
	display: block;
	padding: .5em;
	margin-bottom: 1em;
	background: url(../images/video.png) 5px center no-repeat #e3e0d9;
	padding-left: 75px;
	border: 1px solid rgb(175,175,175);
	color: #333;
	font-size:24px;
}
.vid-wrapper {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin-bottom: 1em;
}
.vid-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*article styles*/
article section {
	margin-bottom: 2em;
}

article h1 {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: #FFF;
	border-bottom: 2px solid #000;
	margin-bottom: 1.5em;
}

article h2 a {
	font: 1em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	border: none;
}

article h2 a:hover {
	color: #473c17;
	border: none;
}

.preview a {
	display: block;
	height:100%;
}

.preview a:hover {
	border: none;
}

/* table styles */
table {
	width: 100%;	
	margin: 2em auto;
	padding: 1em;
	border: none;
}
table td {
	background: rgb(216, 213, 188);
	padding: .5em;
} 
table a {
	color: #000;
}
.even {
	background: rgb(237, 228, 214);
}
table td:hover {
	background: #473c17;
	color: #fff;
}

/*gallery styles*/
#gallery {
	margin-top: 2em;
}

#gallery h1 {
	background: none;
	padding: 0;
	border: none;
	margin: 0;
}
.gear h3 {
	text-align: left;
	color: #000;
	font-weight: 1.8em;
	text-decoration: underline;
}

.galleryTitle {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: #000;
	text-align: center;	
}

.intro p {
	font-size: 1em;
	margin: 0 0 1em;
}

#gallery ul, #gallery li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#searchTable {
	border: none;
	background: rgb(237, 228, 214);
	position: relative;
	min-width: 250px;
	padding:1em;
	max-width: 80%;
	margin: 0 auto;
	-webkit-border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;
	border-radius: .5em .5em .5em .5em;
}

#searchTable ul {
	margin: 1em 1em;
}
#searchTable li {
	list-style: disc;
	padding: .2em;
}
.search a {
	color: #6b560d;
}
.search a:hover {
	color: #473c17;
}


/*contact styles*/
#contact h1 {
	background-position: right -390px; 
	margin-bottom: 1em;
}

#contact h2 {
	font-size: 1.4em;
}

#contact h3 {
	font-size: 1em;
	border-bottom: 1px solid rgb(76, 67, 65);
	margin: 1em 0 .5em;
}

#contact ul {
	list-style: none;
}

#contact ul li {
	margin-bottom: 1em;
	width: 44%;
	display: inline-block;
}

#contact li a {
	color:rgb(76, 67, 65);
	border: none;
	padding-left: 40px;
	line-height: 50px;
	font-size: 1.2em;
	display:block;
}

#contact li a:hover {
	color: rgb(123, 121, 143);
}

a.twitter {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAt1JREFUeNrsWDtv01AUvo6QCAPIHZCo6OCwwRRYeAyoAXVA7RDUCYkhRvwAMiNRZUcEdoQ7IDEVOlAxIEjFQMtSPLUT2AMoSAxYLBiWcD7nXGrFjxvboTUSn3QUx497Pp9z7nlYEzkwGAzq9AMxYi67JLamaXbWdbUMBKB4iaRJovv+T/Gl/zVy37Hpo6JaPYhDj2SVpEPE3ImQYRIWyaz37bvYeGsLx/kUSyRMqFabEecv1IU+dQSn1klMFSlNQeQW/XRB4tnKy4BEVoDU1cU5SapNhO5nIkMkdJAgafVevxO9V5uiKBqXz4nGpbM4XGZSnpIME+lRTNSfPH4escaNm4vCoLcN487tB2Nb6dr1BcQUgrsxSqgS80wXRB49XMnlljRgPayL9dnyIpEMx0gLFkkL0CLAulgfelhflAzvmi5iZNIWibMQ9EAf641YxsKumUSwjgPogT5OG7sBzOwcKyFOTp85RXJyNKntptwES/bJJS/W3qQGtEkbAofIQQf4/BJYJrkHOWJ0B4WRdk3lLuil9ZHZTemmJjLrfoD1NoOY4aKn/+2gTbMO9IMH3FRPKnoS77e2hftxSPbK/MUgbsJArMXhB607zlaHforDgIyhyinwK0d+8GDC2xXKPRR3RkWUCP/J/DNk3NHdsddg/S7I2Ejv+0UoVF7sCnfxXi1nSpflIi9YrwceMmZW0TyPg35MTkIhzQvWiylCyELZobdrgaUqgfn+r2h/S72trh8W9tZO8L96aOh2nEMjn2YVtmrnDxmUb6oN69TFz967aymzZRyGbUbUQmgh/ISygKkBY4wcYcJb2wRLdPFp2Nn+kKklnU7YGNDDVjEjeYbZtWFyVTA/JdPLWqWCcWIm1j08trTDg13cqGKRWVvo4lUWgFuM2nExRW8ot6js+hznc/C8Q9U+7Cbch3GH7l0mImahuakIVHNTuSfK0s3apfwKUbrvM3v55eq3AAMAe02W/xUZP0QAAAAASUVORK5CYII=) no-repeat left center;
}

a.flickr {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxRJREFUeNrMmL9v01AQx58rS02XyhmQUokhpZOzYHeBdkAJqAOCAdQJiSFB7JC/oAoI1jIyINIBiakiA6gDgkRINLAQT2VCyQBKJYZYZSlTuK85V4794h/Nj+akp1ix9e7je9+7986KOIX1+32DfjCyktsdGpaiKFbSeZUEAHC8ReMWDe34+K847P4OPJdZOidSqXlc2jRqNCoE1hkLDENUaeTt3pFo7lui3f4pBfECLS+fF2vrhtDSi/irQaMUBaVEgDykn21AvNl970AkNUDd3txwocoE9CwRDEFogKBRrH/8KuofvohRrXDtsihcvYTLHYayI2EYpE6aMF6/ehuIBvRgruaEnrsgNG3RfWOB6Nn2kejS8nXav8T3gx/SKN25exNzQNwFP5AMpkogxZcvdgO60HMrTshZoKH29PFzAZHL9HTv/ibm2CGYkvfenEQjRUTED4IIxAVBlGQgMMyL+eGH/QVhOGu2oRGZUJEZcUBg3ZBMg2F++IE/9uuY6nmmijcaJtYlCq/fMGHzc2sgCtBFHIMf09QRcZSNwklkmC6P9I1rrW8HzoT+5cBbxy0B7C/vRsddpi1EJUkdse0/I6c7/MEvV/b/2URkvb13n7TmfmvgYaSwuar7y/xAKssMmRjX1tZNcf3GFZsyK63ypqfJooIMyg7RAO65NSbM8BIL9BIZ1hyyCQJ3l5f9auCAgI1hm95p7dGTBwJR1vWVocC0Es4zhwxGUTegmew4QbzhD4ucV/jsP6tGpZ+b6qia3iWT7Vn+Z8JAZNuFKiZoSH/sUxB7j8Sepr3MSYSFeWmFniiMv25FlY85MUMGmE5GUuqnaey/Axgr5akDZwHCxdRScYqngmPTBqdNIsXjHEshJ3C4mqnhiHAWxn5rXgFXUKDibv/jjAoXxsoJDLcQDZzkpmnsr+G2MN7ULoESp/hpGPxwVEqBOsN0ZbQTk14uzM9tS9nb2A1UYDRYlFkXqZ0IdAf+cy0fihKdfd1URruC/snf0CXum0aNSKK+aaY6ypnrtWfyK8TMfZ+Z5perfwIMAMprx6Ii41NCAAAAAElFTkSuQmCC) no-repeat left center;
}

a.facebook {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsRJREFUeNrUWL9v00AUPkeV6ITcAalVGRwxpZPThR9TAmJjCOqExFAj/gD8F0QREmsZGRDJgMRUkYENQTLxYwFPZULNACoSA6eylCm87/RcnV3bZ5s6NZ/0FCv23ff53Xvv7tkSJTCfz136gTkJt2dkgWVZQdF5rQICQNwn65HZR0d/xI+DnyeeW127IJaXz+FSko3JBiRsdipiWMSQrCN/HYr37wKxv/8tUYguqNm8KK5ec4W9ch5/Tck8kyjLIOQB/exAxMvd10pEUUDU7a2boSifBD0uJIZE2BBBtj15+1FM3nwQ/4rujSuie/0yLkcsShrFsJAJxYT74vmrUt7I8tKdu7cQUwjublxQkpghCdl+9nQ3My4ABGp7c0M4zXWxQsuAWFGRS8sq5SG9yHc1x5e9r5F4und/C2NHJMZLFRPGyJCEmDzS2rikYoEzJxOPHj4RyD7dQx4JisdQI5Y1O4gRkxAEY14h8JIuBMD84AEf80bFIH0xME+wImXzCAEOUpYaPODjsqGwpHmlg/TNgzWOjcjk9KafP+2FBEps0nM6wEfL1QE/alDomT4mKZs5EKG9qQKWBvNlzYl7PKavL1MPlbUspPxdeizz9tQy8aZnm7yCFG5vto7TM3Kv3aIMWU8chxKRBea1oQMx46ZtevEMcigl0+5xuS8M8IKfYszFMjkmIVWD+Z2GqBGW8j6IbAlrEMq5vmSntZnWyjO1EzNbNVTKqsH8qgIHKN1nJUg7MwcNPsXLZkoNqRrMK6EjjJkxduKzAPOO9QAeoIIu2jvg48o9OBbDLcQUB6ZFgvmmYQujp7YHlTjFLwLgYa94J+oMq/PRTlS9XJif2xZfb+wiRY8PxyO0E1WlOubF/OCJN3RJFdhHX4P9J81DONfO6BwSmn7CM3mE2xSUE///6ihr12vX8itE7b7PLPLL1V8BBgDG73obtV/8SAAAAABJRU5ErkJggg==) no-repeat left center;
}

a.linked {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsFJREFUeNrMmD1s01AQx5+jSJQFpUMlKnVwYGqnpAu0A0qoGPgYijpRdYhRJ4QEmZGIgsQc2BHp0MJUkaGIAUEihpZO8USmEg9FRWLAYmk6hfuHc3DjFztxHccnnRK9PL/75d7du3dWhA9pt9sp+oCqkp8NUl1RFH3YdZUhAGC4QLpMmmi1TsTPo1+OeRenp8TExDl8NUkrpEUCMwKBYYgyacb8/Ufs7eqi2TyUgtiBkskZsbCYEonJCxiqkWpeUIoHyGP6KAHi3fbHDsSwAqi7KzcsqDwBvRgKhiASgCDNVT/vi+qnr+Kskl26KrLXr+DrBkOZnjAMUqWYSL3d3PHlDTcv3Vu7g5hCcGd7gWQwZQLJvX613YkLLKCtr5ya8/TJS99AiKf7tB4BbRCMZv8tJomRHDziFqBnEayL9WGH7TlhOGtKiJEgt0YmWB92YI/tOjxTRtYEEayDCOzAHh8b/2GYLoP0DVPYXsbyjuWZAihHvT2y7WLvFOwwyzhZxyFsFyVGxLnoJcL2it07sA+OOKpvv6I3yJlxnoriMT+PAjlNY+qlme6c1vGJaDQOrO2Qpjrs07MdGNXvmXLr9jWhJv8Zbnw7ELNzl6XzbtK8vd26+PD+S18gWkeNBeXufiCWLCymRXp+znVOLOgYwL80KA4MSQym52ddn40HCfFma+dUbCCGHjxcta4P3S0duWcQhL1BirF6vTHwGoAxkBXjFLZvAEaHO8cFZLsz6zG+xZtJj/0clbBdExxWzFRweR6HsN2KPZuKFPE5UA5SFp49f+QYQ6b0jiO9m80frl7hTCt2s4lbiBpu8WEK26tZLYw9tTVQ4hYfhsAOe0VzHHqgo8qZp3aiZHw/7G4XiqDhs6If0UGIs6f3eWwPty15e2Pn2R2MIpX7dQfR7psi1VFGrteO5FuIyL2fCfPN1V8BBgC1+pXDVk2EjQAAAABJRU5ErkJggg==) no-repeat left center;
}

a.google {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA55JREFUeNrMWL9PE1EcfyUk4CA5Ek0kYSiweEytC8JgehIHo0NNJxOHnuEPEKIzYTfiYJyMZRCYiB1qHIyWmEh1oXVpXaAdNCXRhEaHFhf8fq7vne9e73q9Qkm/yUuv7+6+38/7/vh837sQ60KOj48j9IMRdrldoVEIhUKFoHpDAQDA8DKNOA2t0ThiB9WfLc9dGrvIhoeHcFmjkaaxQsAqpwKGg0jRiNUOf7PcToGVy99dgciAJibG2exchGmjI5japmH6gQr5AHlAP6sA8XrrnQUiqADUncQNAWqRAD0NBIZAaABBI5n98IVl339mJxVj/iozrs/gco2DqvmC4UCylBORzVeZrrzRzkt3791GTiG5DRWQG5gUAUm+fLHlyAu4GTkAhcgJIXimmUO/WPSKbs1Vae7tm4+e+XR/IQFAawTGlO8NuuRIEh4RQFAZN29dI0PTnsplcH4CvdBvLiSSZO+rnEMDStWsIkdEaAAEq/AC0q1AP+zAHrfb4pkUqkZOVlSBumo8UyrtsUbjbzN82nkrdLxaOhbYiUZ1vAfaMGwwHF0M5Su7X5+ecijI7xaZ/IycmOT2wB6CLnovBvvgIBGmZaxYrhyRjDbH0z03ICcNF+xyZrdzJg5mlWVMCU9+t8R6Idxu3AoTb3qaH5/wFQQWFECYwgjPgi7cvAP7wAHPRLyanizD54Z64hnYhX3gAJiwG5B6/cjx/7I+yXol3H54wOuBSvmH4z+45rT5RpVBrxsoY2N+RuxNJN65YCWz8CYoIDw57gwpvYNyF9fqnO19JT08wSCOyHTeaW2ZnYtao50AoMo7bnNqUg/4sWRuJ8/OSuCZSrtGh+77rbhvNctOG+KB1LXFewcunbzerCKhtwIwBcRTvODFlM+fbVj9Z0zq0o36/5jLIUCIBW/xsnXMeeyZC4PYxRPh1Ci5ND+uAfFZjbK455hXe1jQDRdUA4fImTQ2Tt1KJOrsY1WfRTkLwrKblhN4BSFQS08uTW9l0RbPqBzVzit867Hi2HZSqLIUgtiTxykHkKVHJhMdvXb4x84RcItOrOy235F1tJOlhybAbFOIDJVnTLpRxi5ebLCwYpHcnVbSxnqm49MC94rZwjP8gLUIkhPhCtKPUC2b6xnfhivCw8l0UT7YtT0dwICuT5GHJq1tgBenlEr7LPcpb5exHzt7nQ4CnZvg1lFtxLWv9OTc1Fcnyr47a/flV4i++z5zll+u/gkwACswGWZAoYg4AAAAAElFTkSuQmCC) no-repeat left center;
}

a.youtube {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1lJREFUeNrMWL+PEkEUHgjJYWOwMNHEArTiKrA5TxMjGgujxZmrTCzA2Ct/wQUTayyMlZErjFddpNBYGIWYCNgIFVcpW9wFE4sjNmKF74M3yzA7+4sjF14yYY/bnfft9773zQwRMUeMRqMMfWAkDf+2aHQikUgn7LyREACQeIvGBo3EcPhP/Or/dtx35uxpEY+v4HJAo0qjRMCshYBhEBUa1waHf0Sz0RG93r4RiAoolTon1i9nROLUSXxVp1HwAxXxAfKYPsoA8Xb34xhE2ACou5s3JagiAXoWCgyBSAAEjXzt8zdR+9QSR43cjUsid30Nl9sMauALhoHUSBOZndfv5mLDi6V79+9AUxB3TgcUNTxTBpBXL3cXCgSB+TAv5mfm3ZmRGqkcAciTp4/sa7d5wFDh4aZDQ1Gta8rQyKIZMTGEPMjHeR1lqqBrFiHWIIE8yMe2MS0To+vptD6YUMlvc+AKNHtxlUZ6fJ2kEsiAF8EcZbS/79HomsqVggfF+PstoNTLc0jfIZFM0vzanpncbltqWfYRh/nNlufAUS7kpWfh7AVZpg04q4PKSV3tWL+SNYrRBCRocF4sMSLGi17CJFqg3uv+EOnVC5NyZNOOUmW4PAj1Xq9u0tlBfuAAMxm3RQ/RUhgDA7JsCCyI6t+tRuiFWtXVGEzSa9EDckt5u6zChMqCSXNhAAFHNFgbTrUDIUthYlV209c8EQ1qUuwJNggAkqBAM/RyLGD0N4dOeAVm/+gaWz5slwUGg4QqO6peVFtQ9Xfr9lViMTtuf2whVLGbAqZn6ebkxQ42SjMbXq2EfQIj50O3AZAqctWBNXO0wEwHDwUBBF3o5dDN8sP7L6424ebSvGfuxLCLJ8MZEJUJrxaXQsXbSeDSFPV7Xjx/Y++D4ydWxPDvxMf6hvlTk7VsABxybapSh+SbjbbvTk1lsOlhckju93KKPVRVAZdAYUpZcc372LUZBkz1D7sN5dKVbDB8hKjr4tRrq24PTPoJG5yvLo8wamsXgBIt6EFnoBIFPS0wKwWHzzC6IsxML5e+QFo+h7gg5WHTLKoHO9NRpUL057GLlwnxcPL8FKD1c3/uRRHlxg6S2nmbgBSW9ty03CfKpTtrL+WvEEv3+8xx/nL1X4ABAH5eDkhUFH1oAAAAAElFTkSuQmCC) no-repeat left center;
}

/*form styles*/
fieldset {
	border: none;
	background: rgb(237, 228, 214);
	position: relative;
	min-width: 250px;
	padding:1em;
	margin: 1em 0;
	-webkit-border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;
	border-radius: .5em .5em .5em .5em;
}

fieldset:before {
	content:attr(title);
	display: block;
	font: 1.2em Cantarell, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width: 100%;
}

legend {
	position: absolute;
	top:0;
	left: -2000em;
}

fieldset p {
	font: .8em Cantarell, Arial, Helvetica, sans-serif;
	margin: 1em 0 0;
	font-style: italic;
}

label {
	display:block;
	font-size: 1em;
	margin: .8em 0 0;
}

input[type="submit"] {
	display:block;
	margin: 1em 0;
}

.inline {
	display: inline;
}

/*aside styles*/
aside h2 {
	font-family: Cardo, Georgia, serif;
}

.enter a {
	border: 1px solid #999;
	margin: 1em 0 1.5em;
	color: rgb(76, 67, 65);
	width: 5em;
	height: 1.4em;
	line-height: 1.4em;
	text-align: center;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	background: rgb(226,226,226);
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* W3C */
}

.enter a:hover {
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(49%, rgba(209,209,209,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(100%, rgba(226,226,226,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* W3C */
}

/*footer styles*/
#pageFooter {
	padding-top: .2em;
}
	

/*mobile styles*/
@media only screen and (max-width:480px) {

/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	-webkit-text-size-adjust:none;
}

body {
	width: 90%;
	margin: 0 auto;
	min-width: 320px;
	max-width: 480px;
}

/*header styles*/
header {
	height: 70px;
	background: url(../images/pixban_small.jpg) no-repeat;
	mmargin-bottom: 0;
}
header h1 {
	font-family: BlueislandStd, Georgia, serif;
	color: #473c17;
	font-size: 2em;
	text-shadow: 1.5px -1.5px 5px #000;
	padding-left: 10px;
	line-height: 70px;
	width: 190px;
	margin-top: 40px;
	margin-left: 70px;
}
header h2 {
	display:none;
}
#logo {
	background: url("../images/fishlogo_sm.png") no-repeat;
	height: 50px;
	width: 50px;
	margin-top: 12px;
	margin-left:8px;
}

/*nav styles*/
#mainNav {
	width: 300px;
	margin: 0 auto;
	margin-bottom: 3em;
}
#mainNav li {
	margin-right: 5%;
}
#mainNav li:last-child {
	margin-right: 0;
}
#mainNav a {
	font-size: .9em;
	text-align: center;
	padding-bottom: 50px;
}
#mainNav a em {
	display: none;
}
#mainNav a.current {
	color: rgb(237, 228, 214);
}
#mainNav span.indicator {
	position: absolute;
	right: 1em;
}
a.gallery {
	background: url(../images/icon_sprites_50.png) no-repeat center 25px;
}
a.gear {
	background: url(../images/icon_sprites_50.png) no-repeat center -175px;
}
a.interact {
	background: url(../images/icon_sprites_50.png) no-repeat center -375px;
}
a.about {
	background: url(../images/icon_sprites_50.png) no-repeat center -578px;
}


/*mission styles*/
.mission {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2.4em;
}

.mission h1 {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	margin-bottom: .5em;
}

.mission p {
	width: 90%;
	font-size: .8em;
	margin: 0 auto;
	line-height: 2;
}
#discourse {
	margin-bottom: -2.5em;
}
#discourse p {
	line-height: normal;
	font-size: 1.2em;
	
}

/* article styles */
article {
	width: 90%;
	margin: 0 auto;
}

article section {
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 1.6em;
	overflow: hidden;
	position: relative;
	padding: 20px;
}

article h1 {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: .5em;
}
article h2 {
	font: 2em Cardo, Georgia, serif;
	margin-bottom: 0;
}
article h3 {
	font: 1em Cardo, Georgia, serif;
	margin-bottom: 0;
}

.caption {
	font-size: .8em;
	margin-top: 1em;
}

article .preview {
	height: 175px;
}

/*gallery styles*/
#gallery h1 {
	font: 1em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	text-align: center;
	margin-bottom: .4em;	
}

.galleryTitle {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	text-align: center;	
}

.intro {
	margin-bottom: 2em;
}

.intro p {
	font-size: .8em;
	margin: 0 0 1em;
}

.photos img {
	max-width: 90%;
	margin: 0 auto;
	display: block;
	margin-bottom:.8em;
}
.photos li {
	position: relative;
	float: none;
}

#gallery .photos a:after {
	content: attr(title);
	display: block;
	width: 90%;
	position: absolute;
	top: 0;
	left: 5%;
	line-height: 2em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}

/*galleries page styles*/
#pageText {
	width: auto;	
	margin: 3em auto 2em 1.2em;
	text-justify: auto;
}
#galleryNav {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: 5em;
	margin-bottom: 5em;
}
#galleryNav ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*contact styles*/
#contact h2 {
	margin-bottom: 1em;
}

a.phone {
	padding: .5em .5em .5em 30px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWBJREFUeNpiZMADfF2cEoCUAgN54MHmPfsW4JJkxGPpfCCVwEAZWAC0PJFoi4GWGgCp8wzUAYZAyy+gC7LgUCwAIpzd3BnEJCTIsu3VixcMe3fthJtFrMUMMIt19PXJsvjKxYswi7ECJoYBAqMWj1o8avGoxaMWj1o8+CzGWx/Pnj6VgYeHhyyDv3z5QromYNPHAYj/X75w4T8IVBUXotDLFi2Ey4HY2ORAGGQGyCxsdjBjE1RXUlSANfTu37vLcBnYmvj69SucvnLxAsOrly/BcjA2htzdu2AMBAtv3bv/gKQ4BjVdQG2ngtIyhhNHj8DpyNh4BkVlZbAciI1NDl+zZ0ATF67mLShe9sNamXt37mRwdneH06DgFBOXAMuB2Dr6BhhysBADAkdg8/YAWa1MkGGRsXFwejlQTldPHywHYmOTQ7KYJB/TvEGPNY6hChdQwdIF2CzF23eidacNIMAAxi/joc6jdacAAAAASUVORK5CYII=)no-repeat left center;
	border: 1px solid rgb(123, 121, 143);
	margin: 2.4em auto;
	width: 200px;
	display:block;
}
.connect {
	margin-top: 2em;
}

#contact li a {
	padding-left: 30px;
	line-height: 35px;
	font-size: 1em;
	display:block;
	background-size: 20%;
}
a.phone:hover {
	border: 1px solid #473c17;
}

/*form styles*/
fieldset {
	width: 90%;
}

input[type="text"], input[type="email"], input[type="url"], textarea {
	width: 95%;
}

fieldset p {
	float: none;
	width: auto;
}


/*aside styles*/
aside {
	visibility: hidden;
	width: 90%;
	margin: 0 auto;
}

aside section {
	clear: both;
}

aside h2 {
	font-size: 1.6em;
	margin: 1em 0 .8em;
	padding-top: .8em;
	border-top: 2px solid rgb(76, 67, 65);
	text-align:center;
}

aside nav h2 {
	border: none;
	padding-top: 0;
}

aside nav ul {
	display: none;
}

nav select {
	width: 200px;
	margin-left: 20%;
}


.enter a {
	display: block;
}

/*footer styles*/
#pageFooter {
	clear:both;
	overflow:hidden;
	padding-bottom: 1em;
	background: none;
}

.notice {
	width: 300px;
}

#top_link {
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}

hr {
	margin-left: 5%;
	margin-right: 5%;
	padding-top: .1em;
}

#pageFooter p {
	font-size: .75em;
	text-align: center;
	margin-left: 5%;
	border-top: 1px solid #000;
	width: 90%;
}

}

/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {

body {
	width: 90%;
	margin: 0 auto;
	min-width: 500px;
	max-width: 768px;
}

/*header styles*/
header {
	height: 165px;
	background: url(../images/pixban_medium2.jpg) no-repeat;
	margin-bottom: 1em;
}

/*nav styles*/
#mainNav {
	width: 500px;
	margin: 0 auto;
}
#mainNav li {
	margin-right: 10%;
}
#mainNav li:last-child {
	margin-right: 0;
}
#mainNav a {
	font-size: 1.2em;
	text-align: center;
	padding-bottom: 40px;
}
#mainNav a em {
	display: none;
}
a.gallery {
	background: url(../images/icon_sprites_25.png) no-repeat center 30px;
}
a.gear {
	background: url(../images/icon_sprites_25.png) no-repeat center -69px;
}
a.interact {
	background: url(../images/icon_sprites_25.png) no-repeat center -170px;
}
a.about {
	background: url(../images/icon_sprites_25.png) no-repeat center -274px;
}
.caption {
	margin-bottom: 3em;
}

/*mission styles*/
.mission {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2.4em;
}

.mission h1 {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	margin-bottom: .5em;
}

.mission p {
	width: 90%;
	font-size: 1em;
	margin: 0 auto;
	line-height: 2;
}

/* article styles */
article {
	width: 92.2%;
	padding: 0 3.9%;
}

article section {
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 1.6em;
	overflow: hidden;
	position: relative;
	padding-bottom: 1.6em;
}

article h1 {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: .5em;
	margin-top: 2em;
	
}

article h2 {
	font: 2.4em Cardo, Georgia, serif;
	float: left;
	clear: left;
	margin-bottom: 0;
	width: 40%;
}

article h3 {
	font: 1em Cardo, Georgia, serif;
	margin-bottom: 0;
}

article p {
	font-size:1.2em;
	width: 90%;
	margin: .8em 0;
}

article p.pubdate {
	font-size: 1em;
	text-transform: uppercase;
	float: left;
	clear: left;
	margin: 0 0 4em;
	width: 40%;
}

article .preview {
	height: 175px;
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
}




/*gallery styles*/
#gallery h1 {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	text-align: center;
	margin-bottom: .5em;
}


.intro p {
	font-size: .8em;
	margin: 0 0 1em;
	float: none;
	clear: none;
	width: auto;
}

.intro {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	margin-bottom: 2em;
}

.photos {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: .5em;
	margin-bottom: 2em;
}

.photos img {
	max-width: 100%;
	margin-bottom: .5em;
}
.photos li {
	position: relative;
	float: none;
}

#gallery .photos a:after {
	content: attr(title);
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}

/*galleries page styles*/
#pageText {
	width: auto;	
	margin: 3em auto 2em 1.2em;
	text-justify: auto;
}
#galleryNav {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: 5em;
	margin-bottom: 8em;
}
#galleryNav ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*contact styles*/
#contact ul li {
	width: 38%;
	display: inline-block;
}

#contact h2 {
	font-size: 1.4em;
	float: none;
	clear: left;
	margin-bottom: 1.5em;
	width: auto;
}

/*form styles*/
fieldset {
	width: 90%;
}

input[type="text"], input[type="email"], input[type="url"], textarea {
	width: 95%;
}

fieldset p {
	float: none;
	width: auto;
}

/*aside styles*/
aside {
	visibility: hidden;
	width: 92.2%;
	padding: 0 3.9%;
}

aside section {
	clear: both;
}

aside h2 {
	font-size: 1.2em;
	margin-bottom: 1em;
	border-top: 2px solid rgb(76, 67, 65);
	padding-top: .8em;
}

aside nav h2 {
	float: left;
	margin-right: 1em;
	font-size: 1.6em;
	border: none;
	padding-top: 0;
}

aside nav {
	margin-bottom: 2em;
}

aside nav ul {
	display: none;
}

nav select {
	float: left;
	margin-top: 1em;
	width: 200px;
}

.enter a {
	clear: both;
	display: block;
}

/*footer styles*/
#pageFooter {
	clear:both;
	overflow:hidden;
	padding-bottom: 1em;
	background: none;
}

#pageFooter form {
	float: left;
	display: inline;
}

.notice {
	width: 300px;
}

#pageFooter p {
	text-align: center;
}

/*#top_link {
	visiblity: hidden;
	text-align: center;
}

hr {
	vilibility: hidden;
}*/

}
/*desktop styles*/
@media only screen and (min-width:769px) {

body {
	width: 90%;
	margin: 0 auto;
	min-width: 1024px;
	max-width: 1280px;
}
/*header styles*/
header {
	height: 165px;
	background: url(../images/pixban_large.jpg);
	margin-bottom: 1em;
}


/*nav styles*/
#mainNav {
	padding-left: 10%;
}
#mainNav li {
	margin-right: 5em;
}
#mainNav a {
	font-size: 1.2em;
	text-align: center;
	padding-left: 15px;
}
#mainNav a em {
	color: rgb(76, 67, 65);
}
#mainNav em {
	font-size: .8em;
	display: block;
	text-transform: lowercase;
}
a.gallery {
	background: url(../images/icon_sprites_25.png) no-repeat -4px 3px;
}
a.gear {
	background: url(../images/icon_sprites_25.png) no-repeat 20px -98px;
}
a.interact {
	background: url(../images/icon_sprites_25.png) no-repeat 10px -197px;
}
a.about {
	background: url(../images/icon_sprites_25.png) no-repeat 1px -300px;
}
	
	
/*mission styles*/
.mission {
	height: 375px;
	padding-left: 3.9%;
	overflow: hidden;
	background: url(../images/galleryban.jpg) no-repeat;
	margin-bottom: 4em;
	position: relative;
}

.mission h1 {
	font-size: 2.2em;
	color: #fff;
	padding-top: 290px;
	letter-spacing:.1em;
}

.mission p {
	width: 325px;
	padding: 1% 1% 0;
	height: 350px;
	font-size: 1.3em;
	color: #fff;
	margin-top: .5em;
	margin-left: .5em;
}

/* article styles */
article {
	float: left;
	width: 70.1%;
	padding-left:3.9%;
}

article section {
	
	margin-bottom: 2em;
}

article h1 {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: .5em;
	margin-top: 2em;
}

article h2 {
	font: 2em Cardo, Georgia, serif;
	margin-bottom: 0;
}

article h3 {
	font: 1em Cardo, Georgia, serif;
	margin-bottom: .5em;
}
article p {
	font-size:1.2em;
	width: 90%;
	margin: .8em 0;
}

article .preview {
	height: 250px;
	clear:both;
}

/* table styles */
table {
	width: 100%;
	position: relative;	
	margin: 0 5em 2em 8em;
	padding: 1em;
}

/*gallery styles*/
#gallery h1 {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	text-align: center;
}
/*galleries page styles*/

#galleryNav {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: 5em;
	margin-bottom: 8em;
}
#galleryNav {
	margin-left: 10em;
	padding: 0;
	list-style: none;
}
#galleryContent {
	width: 90%;
}
#galleryContent h1 {
	font: 1.8em BlueislandStd, Georgia, serif;
	color: rgb(76, 67, 65);
	text-align: center;
	margin-top: 3em;
}



.intro {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	margin-bottom: 1.5em;
	margin-top: 1em;
}

.photos {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	margin-bottom: 2em;
}

.photos img {
	max-width: 100%;
	margin-bottom: .5em;
}
.photos li {
	position: relative;
	float: none;
}

#gallery .photos a:hover:after {
	content: attr(title);
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 3em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}

/*contact styles*/
.contact {
	float: none;
	width: 48%;
}
#contact ul {
	list-style: none;
	height: auto;
	margin-top: 1em;
}

#contact li {
	display: inline-block;
	width: 5px;
}

#contact h2 {
	float: none;
	margin: 1em 0 0 13em;
}
#contact p + h2 {
	margin-top: 2em;
}

/*form styles*/
fieldset {
	width: 90%;
	margin-left: 1.5em;
}

input[type="text"], input[type="email"], input[type="url"], textarea {
	width: 95%;
}

fieldset p {
	float: none;
	width: auto;
}


/*aside styles*/
aside {
	float: right;
	width: 19.1%;
	padding-right: 3%
}

aside h2 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
	clear: both;
}

aside nav {
	margin-bottom: 2em;
}

aside nav a {
	display:block;
	padding-left: 16px;
	border: none;
	color: rgb(76, 67, 65);
	line-height: 2em;
	margin-bottom: 1px;
}

aside nav li {
	background: rgb(216, 213, 188);
}

aside nav li:nth-child(even) {
	background: rgb(237, 228, 214);
}

aside nav a:hover {
	color: #fff;
	border:none;
	background: #473c17;
}

.enter a {
	float: right;
}
#searchTable {
	border: none;
	background: rgb(237, 228, 214);
	position: relative;
	min-width: 250px;
	padding:1em;
	max-width: 90%;
	margin: 1em 6em;
	-webkit-border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;
	border-radius: .5em .5em .5em .5em;
}
#searchTable ul {
	margin: 1em 1em;
}

.search a {
	color: #6b560d;
}
.search a:hover {
	color: #473c17;
}


/*footer styles*/

#pageFooter {
	clear:both;
	overflow:hidden;
	height: 150px;
}

.notice {
	width: 300px;
}

#pageFooter p {
	/*float: left;
	clear: right;
	margin-right: 3.9%;*/
	text-align: center;
}

#top_link {
	visibility: hidden;
}

hr {
	visibility: hidden;
}

}