@charset "UTF-8";
/* CSS Document */
/*============================ NAVIGATION STYLE ==========================*/
img, div, a { behavior: url(iepngfix.htc) }

#nav {padding:0; margin:0; list-style:none; font: 14px helvetica, sans-serif; position:relative; z-index:200; border-bottom:2px solid #0094cb; height:20px; /*width:750px;*/ width:632px;}
 
#nav ul {padding:0; margin:0; list-style:none; float:left; background:transparent;}

#nav table {border-collapse:collapse; margin:-1px; height:0;}
#nav li {float:left; border-right:1px solid #0094cb; }
#nav li.fs {float:left; border-right:none; }
#nav li li {float:none; border-right:none;}
#nav li.single {background-image: url(../images/topBTN.png); background-position:top; background-repeat:repeat-x; height:27px; border-bottom:6px solid #0094cb; }
#nav li.last {background-image: url(../images/mainNav_up.png); background-position:top; background-repeat:repeat-x; height:27px; border-top:1px solid #454545; border-bottom:6px solid #0094cb; }
#nav li.top {background-image: url(../images/topBTN.png); background-repeat:repeat-x; height:27px;}
/*#nav li.first {background-color:#092D4C; height:1px;}*/
#nav li.first {background-color:transparent; height:34px;}
/*#nav li.norm {background-color:#092D4C; height:18px;}*/
#nav li.norm {background-image: url(../images/mainNav_up.png); background-repeat:repeat-x; height:27px; border-top:1px solid #454545; }
/* a hack for  IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#003F5B; height:18px;  padding:0 10px 0 5px; line-height:18px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li a.down {background:url(down.gif) no-repeat right center;}

#nav li li a {display:block;  line-height:24px; float:none; padding:0px 25px 0 5px; font-weight:normal; letter-spacing:1px;}
#nav li li a.fly {background:url(fly.gif) no-repeat right center;}

#nav li:hover {position:relative; z-index:300; }
#nav a:hover {position:relative; z-index:300; color:#633; border-bottom:#0098D1 4px solid;}

#nav li li a {color:#fff; width:120px;}
#nav li li a:hover {color:#fff; background-color:#25435B; width:120px; border-bottom:none;}

#nav li li.wide a {color:#fff; width:170px;}
#nav li li.wide a:hover {color:#fff; background-color:#25435B; width:170px; border-bottom:none;}

/*#nav :hover ul {left:0; top:33px; z-index:500; }*/
#nav :hover ul {left:0; top:22px; z-index:500; }

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#003F5B;}
#nav li li:hover > a {color:#fff; background-color:#25435B; height:27px }


/* but IE5.x and IE6 need this to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/*============================ Page STYLE ==========================*/
body {
	background:#dfc8b6;
	background-image:url(../images/soundBackground.jpg);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:left top;}
body.home {
	background:#dfc8b6;
	background-image:url(../images/woodTile.jpg);
	background-repeat:repeat-x;
	/*background-attachment:fixed;*/
	background-position:left top;}
body.speciesCat {
	background:#dfc8b6;
	background-image:url(../images/speciesBackground.jpg);
	background-repeat:no-repeat;
	background-position:left top;}
#container {
	margin-left: auto;
	margin-right:auto;
	width:960px;}	
#header {
	width:960px;
	height:157px;
	background-image:url(../images/vectorBGTop.jpg);
	background-repeat:no-repeat;}
#topScroll {
	background-image:url(../images/scrollTop.jpg);
	background-repeat:no-repeat;
	background-position:left 21px;}
#bottomScroll {
	background-image:url(../images/vectorBGBottom2000.jpg);
	height:250px;
	background-repeat:no-repeat;
	/*background-position:0px 300px;*/
	z-index:6000;}
#logo {width:300px; height:105px; margin: 35px 0 0 10px; float:left;}
#navigationContainer {
	margin-top:100px;
	width:640px;
	float:right;}
#contentContainer {
	margin-top:40px;
	margin-left: 320px;
	width:650px;
	height:475px;
	background-image:url(../images/mainContentShadow.png);
	background-repeat:repeat-y;}
#contentContainerLong{
	margin-top:40px;
	margin-left: 320px;
	width:650px;
	height:600px;
	background-image:url(../images/mainContentShadow.png);
	background-repeat:repeat-y;}
	
#contentContainerXLong{
	margin-top:40px;
	margin-left: 320px;
	width:650px;
	height:720px;
	background-image:url(../images/mainContentShadow.png);
	background-repeat:repeat-y;}
#contentContainer2col {
	margin-top:40px;
	float:right;
	width:650px;
	height:500px;
	background-image:url(../images/mainContentShadow.png);
	background-repeat:repeat-y;}
#contentContainer2colXL {
	margin-top:40px;
	float:right;
	width:650px;
	height:720px;
	background-image:url(../images/mainContentShadow.png);
	background-repeat:repeat-y;}
#leftNavContainer {
	margin-top:40px;
	padding:0;
	float:left;
	width:300px;
	height:435px;
	background-image:url(../images/navBG.png);
	background-repeat:repeat-y;}

/* =========== Specs Navigation ========= */

#specsNav{
	font-family:Helvetica, sans-serif;
	font-size:12px;
	padding:3px 0 4px 25px;}
#specsNav ul{
	width:240px;
	list-style:none;
	margin:0;
	padding:0;
	border-top:dotted 2px #0094cb;}
#specsNav li{
	width:240px;
	line-height:18px;
/*	padding:10px 0 5px 0;*/
	border-bottom:dotted 2px #0094cb;}
#specsNav a, #specsNav a:visited {
	padding: 2px 0px 2px 5px;
	 display:block; 
  	width:235px; 
	color:#003f5b;
	font-weight:bold;
	text-decoration:none;}
#specsNav a:hover{
	background-color:#e6d9cf;}
#specsNav .active {
	background-color:#e6d9cf;}
#FactSectionTitle {
	width:200px;
	height:36px;
	margin:42px 0 0px 25px;
	padding:0;
	background: url(../images/factTitle.png) top center no-repeat;}
#FishermenSectionTitle {
	width:250px;
	height:36px;
	margin:42px 0 0px 25px;
	padding:0;
	background: url(../images/fishermenTitle.png) top center no-repeat;}
#SafetySectionTitle {
	width:235px;
	height:75px;
	margin:32px 0 10px 25px;
	padding:0 0 10px 0;
	background: url(../images/safteyPDFTitle.png) top center no-repeat;
	}
#pressSectionTitle {
	width:235px;
	height:35px;
	margin:42px 0 0px 5px;
	padding:0 0 10px 0;
	background: url(../images/pressTitle.png) top center no-repeat;
	}
#speciesImg {
	width:320px;
	height:127px;
	float:left;
	margin:0 20px 10px 0;}
#platedImg {
	width:320px;
	height:252px;
	float:left;
	margin:0 20px 10px 0;}
#platedImg2 {
	width:320px;
	height:169px;
	float:left;
	margin:0 20px 10px 0;}
#textContainer {
	width:530px;
	padding:40px 0px 0 50px;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333;}
#textContainer h1 {
	font-family:Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	color:#005a8c;}
	
#textContainer2col {
	width:530px;
	padding:40px 0px 0 50px;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333;}
#textContainer2col h1{
	width:200px;
	font-family:Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	color:#005a8c;}
#textContainer2col ul{
	list-style:disc;
	margin:0 0 0 20px;
	padding:0;
	}
#textContainer2col li{
	font-family:Helvetica, sans-serif;
	color:#4b4547;
	font-size:12px;
	}
#textContainerPress {
	width:530px;
	padding:40px 0px 0 50px;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333;}
#textContainerPress h1{
	font-family:Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:40px;
	color:#005a8c;
	border-bottom:dotted 2px #0094cb;}
#textContainer a:link, #textContainer a:visited {
	width:530px;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	color:#003f5b;
	text-decoration:none;}
.pageTitle {
	border-bottom:dotted 2px #0094cb;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
	}
#contentHeader {
	margin-left:4px;
	width:630px;
	height:10px;
	z-index:300;
	background-image:url(../images/contentHead.png);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:left top;}
#contentFooter {
	margin-left:320px;
	width:650px;
	height:10px;
	z-index:300;
	background-image:url(../images/mainContentShadowBTM.png);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:left bottom;}
#contentFooter2Col {
	/*margin-left:320px;*/
	width:650px;
	height:10px;
	float:right;
	z-index:300;
	background-image:url(../images/mainContentShadowBTM.png);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:left bottom;}
#homecontentContainer {
	margin-left: auto;
	margin-right:auto;
	margin-top:-1px;
	padding:0;
	width:960px;
	height:444px;
	background:#fff;
	background-image:url(../images/mainWood.jpg);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:left top;}
#flashNAV{
	background-color:#990;
	width:960px;
	height:445px;}	
#Footer {
	width:960px;
	height:855px;
	background-image:url(../images/vectorBGBottom.jpg);
	background-position: bottom;
	background-repeat:no-repeat;}
/* ===================== Table Styling ============= */
table#nutrition {
    background-color:#E6D9CF;
    border: solid #0058ac 4px;
    width: 526px;}
.toprow {
    background-color: #0094cb;
	color:#fff;
	font-family: Helvetica, sans-serif;
	font-size:13px;
	padding:4px 4px 4px 8px;
	line-height:14px;
}
/*table#nutrition td {
	font-family: Helvetica, sans-serif;
	font-size:13px;
	padding:4px 4px 4px 8px;
	color:#003f5b;
	line-height:14px;}*/
.secondRow{
	color:#003f5b;
	font-family: Helvetica, sans-serif;
	font-size:13px;
	padding:4px 4px 4px 8px;
	line-height:14px;
}
#TableList{
	width:526px;}
#TableListLeft{
	width:263px;
	float:left;}
#TableListLeft li{
	font-family: Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	padding-top: 10px;
	color:#333;}
#TableListRight li{
	font-family: Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	padding-top: 10px;
	color:#333;}
#TableListRight{
	width:263px;
	float:right;}
.pdfList {
	/*width:380px;*/
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#9a090d;
	line-height:22px;
	/*margin-right: 20px;*/
	font-weight:bold;}
.pdfList a:link {
	text-decoration:none;
	color:#9a090d;
	font-weight:bold;
	/*margin-right: 20px;*/	}
.pdfList a:hover {
	text-decoration:none;
	background-color:#E6D9CF;
	color:#fff;
	font-weight:bold;
	/*margin-right: 20px;*/	}
.pdfList a:visited {
	text-decoration:none;
	color:#9a090d;
	font-weight:bold;
	/*margin-right: 20px;*/	}
.repList{
	list-style:disc;
	margin:0;
	padding:0 0 0 15px;}
/* ================== Press Styling ================== */
.eventsDate {
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#bf8639;
	}
.eventsTitle {
	font-family:Helvetica, sans-serif;
	font-size:18px;
	color:#003f5b;
	font-weight:bold;
	font-style:italic;
	margin: 0;
}
.eventsTag {
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#0094cb;	}
	
#pressContact {
	width:230px;
	/*height:165px;*/
	padding:5px;
	margin:15px 5px 0 25px;
	background-color:#e6d9cf;
	}
#pressContact p { 
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#003f5b;
	line-height:13px;
	background-color:#e6d9cf;
	}
#pressContact h2 {
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#003f5b;
	padding:4px 0 4px 0;
	border-bottom:dotted 2px #0094cb;}
/* ================== Testimonial Styling ============== */
	
#fishermenImg {
	width:250px;
	height:200px;
	float:left;
	margin:0 10px 5px 0;}