/* Master Resets */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;outline:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6, p {font-size:100%; font-weight: normal;} 
abbr,acronym {border:0;} 
a {outline: none; text-decoration: none;}

/* Fonts */

a { color: #4B5358;}
a:hover { color: #000;}

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #289AD8;}

h1, h1 a{ line-height: 24px; font-size: 20px;margin: 5px 0px 14px 0px;}
h2{ line-height: 22px; font-size: 16px; margin: 5px 0px 10px 0px;}
h3{ line-height: 20px; font-size: 14px;	margin: 5px 0px 8px 0px;}
h4{ line-height: 18px; font-size: 12px;	margin: 5px 0px 6px 0px;}
h5{ line-height: 18px; font-size: 13px;	margin: 5px 0px 6px 0px;}
h6{ line-height: 18px; font-size: 12px;	margin: 5px 0px 6px 0px;}

p { line-height: 18px; font-size: 12px; margin: 12px 0px;}
p a:link, p a:hover, p a:visited { text-decoration: underline; color: #289AD8;}

ul, ol { line-height: 18px; font-size: 13px;}

/* Default Layout */

html { background-image: url(../images/bg-col.png);}

body { font-family: "helvetica neue",arial,helvetica,sans-serif; text-align: center; min-width: 960px; color: #4B5358;}

div#wrap { width: 980px; text-align: left; margin: 0 auto; position: relative; overflow: hidden;}
	
	/* 	This is a div that holds the shadow around all items apart from the footer. */
	div.bg-shadow { background-image: url(../images/bg.png); background-position: center; background-repeat: repeat-y; overflow: hidden;}
	
/* 	Graphic */
	
	div#graphic {width: 960px; height: 205px; position: absolute; overflow: hidden; z-index: 0; top: 23px; left: 10px;/*  margin: 0 10px; */}

		div#graphic ul {width: 20000em; position:absolute; margin: 0; z-index: 20;}
			div#graphic ul li { height: 205px; width: 960px; float: left; background-position: 0 0; z-index: 30; position: relative;}

				div#graphic li.bg-1 { background-image: url(../images/bg-1.jpg);}
				div#graphic li.bg-2 { background-image: url(../images/bg-2.jpg);}
				div#graphic li.bg-3 { background-image: url(../images/bg-3.jpg);}
				div#graphic li.bg-4 { background-image: url(../images/bg-4.jpg);}
				div#graphic li.bg-5 { background-image: url(../images/bg-5.jpg);}
				div#graphic li.bg-6 { background-image: url(../images/bg-6.jpg);}
	
/* 	Navigation */

div#head { position: absolute; top: 0; left: 0; height: 250px; width: 960px; margin: 0 10px; z-index: 200;}

	div.contact-head { /* background-color: #fff; */ color: #002434; text-align: right; font-size: 12px; font-weight: bold; padding: 5px 15px 3px 0;}

	/* 	Identity */
	div#head a img { margin: 5px 0 9px 40px; float: left;}
	
	div#head ul#navigation {margin: 0px; background-color: #002434; overflow: hidden; height: 32px; clear: both; text-align: center;}
		div#head ul#navigation li {display:inline;	margin: 0; font-size: 16px; font-weight: bold; line-height: 34px;}
				div#head ul#navigation li a{ color: #fff; padding: 9px 6px 7px;}
				
					div#head ul#navigation li a.active{ background-color: #289AD8; color: #fff; background-image: url(../images/nav-arrow.png); background-position: bottom center; background-repeat: no-repeat;}
					div#head ul#navigation li a:hover{ color: #fff; background-image: url(../images/nav-arrow.png); background-position: bottom center; background-repeat: no-repeat;}

	 ul#sub-navigation {margin: 2px 0 0 0; background-color: #96a9ba; overflow: hidden; height: 27px; clear: both; text-align: left; position: absolute; width: 100%; padding: 0 0 0 45px;}
		 ul#sub-navigation li {display:inline;	margin: 0; font-size: 13px; line-height: 27px; font-weight: bold;}
				 ul#sub-navigation li a{ color: #fff; padding: 9px 6px 7px;}
				
					 ul#sub-navigation li a.active{ background-color: #289AD8; color: #fff; background-image: url(../images/nav-arrow.png); background-position: bottom center; background-repeat: no-repeat;}
					 ul#sub-navigation li a:hover{ color: #fff; background-image: url(../images/nav-arrow.png); background-position: bottom center; background-repeat: no-repeat;}

					
/* 	Home Page Righthand Sidebar */
div.side-home { background-image: url(../images/side-home-bg.png); background-repeat: no-repeat; padding: 5px 13px; margin: 0 4px 6px 0; width: 200px; height: 350px; float: right; position: relative; overflow: hidden; position: relative; z-index: 50;} 

	/* Sidebar boxes read more link */
	div.side-home a.read-more { position: absolute; bottom: 8px; right: 15px;}
	
	/* Sidebar boxes read more link */
	div.side-home p { margin: 8px 0 0 0;}
	
	/* Tilapia Sidebar widget */
	div.side-home.tilapia {}
	div.side-home.tilapia div.bg { top: 125px; right: 5px; position: absolute; z-index: 100; background-image: url(../images/bg-tilapia-side.png); background-repeat: no-repeat; width: 215px; height: 200px;}
	
	/* Corporate Sidebar widget */
	div.side-home.corporate {}
	div.side-home.corporate div.bg { top: 132px; right: 16px; position: absolute; z-index: 100; background-image: url(../images/bg-corporate-side.png); background-repeat: no-repeat; width: 198px; height: 200px;}
	
	/* Products Sidebar widget */
	div.side-home.products {}
	div.side-home.products div.bg { top: 175px; right: 15px; position: absolute; z-index: 100; background-image: url(../images/bg-products-side.png); background-repeat: no-repeat; width: 200px; height: 154px;}
	
	/* Cooking Sidebar widget */
	div.side-home.cooking {background-image: url(../images/bg-cooking.png); background-repeat: no-repeat;}
	div.side-home.cooking p { position: absolute; z-index: 180; top: 30px; right: 13px; left: 13px;}
	div.side-home.cooking p.quote {}
	div.side-home.cooking p.recipe-title { position: absolute; z-index: 180; top: -27px; right: 13px; left: 6px;}
	div.side-home.cooking ul { top: 171px; right: 16px; position: absolute; z-index: 80; width: 200px; height: 154px;}
	div.side-home.cooking ul li { border: none;}
	div.side-home.cooking div.knife { top: 171px; left: 10px; position: absolute; z-index: 100; background-image: url(../images/bg-recipe.png); background-repeat: no-repeat; width: 156px; height: 216px;}
	div.side-home.cooking div.bg { top: 171px; left: 10px; position: absolute; z-index: 100; background-image: url(../images/bg-cooking-side.png); background-repeat: no-repeat; width: 215px; height: 200px;}
	div.side-home.cooking a.read-more { z-index: 180;}

/* CMS text for the hom page */
div.content {}
div.content img.left { margin: 8px 0px 0px 0px;}
div.content a.read-more { padding: 10px 20px 10px 0;}

/*News Home Widget*/
div.news { background-image: url(../images/bg-news.png); background-repeat: no-repeat; padding: 10px; position: relative;}
	div.news h3 { margin: 5px 0 0 0;}
	div.news h3 a { margin: 0; color: #289AD8;}
	div.news h3 span.date { font-size: 12px; font-weight: normal;}
	div.news div.excerpt { height: 70px; overflow: hidden; margin: 0  0 28px 0;}
		div.news div.excerpt p.no-margin { margin: 0;}
		div.news div.excerpt p { margin: 8px 0;}
		
	/* Sidebar boxes read more link */
	div.news a.read-more { position: absolute; bottom: 8px; right: 15px;}

/*Questions Home Widget*/
div.questions {clear: left; padding: 10px 0 0 0;}

ul#home-questions { margin: 0; height: 105px; overflow: hidden;}
	ul#home-questions li { margin: 0; list-style: none;}


h1.page-title { margin-top: 30px;}

p a.read-more { font-weight: normal}
a.read-more { font-size: 12px; padding: 2px 20px 2px 0; clear: both; text-align: right; background-image: url(../images/read-arrow.png); background-position: center right; background-repeat: no-repeat; color: #289AD8; display: block; clear: left;}

/* Sidebar Layout Home */

	div#main { padding: 260px 497px 0 0; clear: both; overflow: hidden; margin: 0 10px 0 10px; z-index: 100; position: relative;}
	
		div#sidebar { float: right; margin: 13px -470px 0 0px; width: 460px; padding-bottom: 15px;}

			div#content { width: 100%; padding: 0px 0 0 18px;} /* Needs 0px to the left as 100% wont work in IE -, NOTE ADDED */

/* Sidebar Layout Elsewhere */

	body#lake-harvest div#main, body#fish-of-the-future div#main, body#natural-farming div#main, body#corporate-responsibility div#main, body#recipes div#main, body#news div#main, body#contact div#main, body#questions-answers div#main { padding: 260px 290px 0 0; clear: both; overflow: hidden; margin: 0px 10px 0 10px; z-index: 100; position: relative;}
	
		body#lake-harvest div#sidebar, body#fish-of-the-future div#sidebar, body#natural-farming div#sidebar, body#corporate-responsibility div#sidebar, body#recipes div#sidebar, body#news div#sidebar, body#contact div#sidebar, body#questions-answers div#sidebar { margin-left: 0px; margin-bottom: 0; margin-right: -255px; margin-top: 40px; float: right; width: 245px; padding-bottom: 15px;}
	
		body#lake-harvest div#content, body#fish-of-the-future div#content, body#natural-farming div#content, body#corporate-responsibility div#content, body#recipes div#content, body#news div#content, body#contact div#content, body#questions-answers div#content { width: 100%; padding: 0px 10px 10px 18px;} /* Needs 0px to the left as 100% wont work in IE -, NOTE ADDED */


body#lake-harvest div#main, body#fish-of-the-future div#main, body#natural-farming div#main, body#corporate-responsibility div#main, body#recipes div#main, body#questions-answers div#main, body#links div#main, body#sales div#main { clear:both; margin:0 10px 0; overflow:hidden; padding: 260px 30px 20px 0; position:relative; z-index:100;}


/* Sidebar design */
				
	div#sidebar div.side { } 

		div#sidebar div.side.news {}
		
/* Questions Page */
a.button.question { float: right;}

/* Questions Form */
div#question { clear: both;}
	div#question form {padding: 5px 5px 15px 0;}

/* Approved Questions List */
ul#question { margin: 0;}
	ul#question li { margin: 0; list-style: none;}

/* Map/Conact Page */

/* Google Map on find-us page */
#map_canvas { height: 350px; border: 5px solid #96a9ba; margin: 10px 0 15px;}

/* Recipe Page */

ul#accordion h2 { padding: 5px 0 5px 10px; margin: 5px 0px 0px 0px; background: #fff;}
ul#accordion h2.active { background: #96a9ba;}
	ul#accordion h2 a { color: #96a9ba;}
	ul#accordion h2.active { color: #fff;}

ul#accordion { margin: 0;}
	ul#accordion li { list-style: none; margin: 0; background-image: url(../images/bg-recipe.png); background-position: right bottom; background-repeat: no-repeat;}
	ul#accordion li ul { margin : 0;}	
			ul#accordion div.recipe-content {clear: left;}
				ul#accordion div.recipe-content img.recipe-image { float: right;}

div.recipe-content { border: 1px solid #ccc; padding: 10px;}

/* Contact Page */
div.contact-details{ margin: 0 0 0 20px;}

/* 	Footer */

div#footer {clear:both; padding: 6px 14px; margin: 0 0 5px; background-image: url(../images/footer-bg.png); overflow: hidden; background-repeat: no-repeat;}
div#footer ul {}
div#footer ul li {float: left; margin: 0 0 10px 10px;}

/* Download pdf image design */
div.download { overflow: auto;}
div.download img.pdf-download { border: none; float: left; padding:0 15px 5px;}
div.download p {margin: 23px 0 0 0;}
div.download p a { font-size: 16px; color: #289AD8; text-decoration: none; font-weight: bold; }

/*
	div#head div#graphic { background-image: url(../images/graphic.png); height: 139px; position: relative; overflow: hidden; width: 960px; z-index: 0;}

		div#head div#graphic ul {width: 20000em; position:absolute; margin: 0; z-index: 20;}
		div#head div#graphic ul li { height: 139px; width: 960px; float: left; background-position: 0 0; z-index: 30; position: relative;}
					
			div#head div#graphic li.bg-1 { background-image: url(../images/bg-1.jpg);}
			div#head div#graphic li.bg-2 { background-image: url(../images/bg-2.jpg);}
			div#head div#graphic li.bg-3 { background-image: url(../images/bg-3.jpg);}

*/
						

ul#portfolio { margin: 25px 0 0 0;}	
	ul#portfolio li { margin-left: 0; list-style-type: none; margin-bottom: 20px; overflow: hidden;}	
	ul#portfolio li ul.preview { float: left; margin: 5px 25px 10px 5px; width: 200px; height: 200px;}	
	ul#portfolio li ul.preview img { width: 200px; height: 200px;}	
		ul#portfolio h2 { /* font-size: 14px; text-transform: uppercase; font-weight: normal; */ border-bottom: 1px solid #EAEAEA;}
		ul#portfolio h3 { /* font-size: 12px; text-transform: uppercase; font-weight: normal; */margin-top: 20px;}
		ul#portfolio li a.button {float: right; padding: 7px 0 6px 15px;}
		
		ul#portfolio ul.preview li {width: 210px;}
		
.block { margin: 10px 0 0 0; padding: 20px 0 0 0; background-image: url(../images/block-top.png); background-repeat: no-repeat;}

.block-content {padding: 0 10px; background-image: url(../images/block-content.png); background-repeat: repeat-y; overflow: hidden;}
.block-end {background-image: url(../images/block-end.png); height: 13px; -repeat: no-repeat;}

/*Inspiration Buttons*/

a.button#select-all, a.button#deselect-all { font-weight: normal;}

/* Page styles */
	
div.page { padding: 15px 0 0 0;}
div.page.services {float:right;width:80%;}
div.page ul { margin: 0 0 5px 0;}
	
	div.page blockquote p { font-style: italic;}
	
/* News Template styles */

div.post { padding: 10px 20px; overflow: hidden; border-top: 1px solid #ccc; margin: 0 20px 0 0;}

/* Video Design */
div#video-preview { background: #96a9ba; width: 482px; padding: 6px 6px 3px; margin: 0 0 10px 0; /* height: 273px; position: relative; */}
	div#video-preview div.no-flash { background: #fff; border: 5px solid red; padding: 15px; margin: 0 0 5px 0;}

/* Video Design */
div#video-preview-basket { background: #96a9ba; width: 482px; padding: 6px 6px 3px; margin: 0 0 10px 0; /* height: 273px; position: relative; */}
	div#video-preview-basket div.no-flash { background: #fff; border: 5px solid red; padding: 15px; margin: 0 0 5px 0;}


/* Home Video Design */
div#video-preview-home { background: #b5c5ce; width: 452px; padding: 6px 6px 3px; margin: 0 0 10px 0; /* height: 273px; position: relative; */}
	div#video-preview-home div.no-flash { background: #fff; border: 5px solid red; padding: 15px; margin: 0 0 5px 0;}

ul#current-news	li {}
ul#current-news	li h3 a {color: #289AD8; margin: 5px 0;}
ul#current-news	li p.date { font-weight: normal; clear: both; margin: 0 0 5px 0;}
	
/* Sociable CSS Links */

div.sociable { margin: 5px 0 0 0; border-top: 1px solid #ccc; padding: 5px; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
div.sociable span {
	display: block;
}
div.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
div.page div.sociable ul li.title strong { margin: 0 0 5px 0;}
div.page div.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin-left: 0;
	padding: 1px;
	margin: 0;
}
div.sociable ul li:before { content: ""; }
div.sociable img.sociable-hovers {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 5px 0 0 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
	
/* Link back the the portfolio Page	 */
/* div.post a.single { float: right;} */

div.post ul, div.post ol {list-style-position: inside;}
	div.post ul, div.page ul { margin: 0 0 15px 20px;}
	div.post ul li, div.page ul li { list-style: disc; margin-left: 15px;}

	h2.post-title a { color: #289AD8;}
	
	div.excerpt h2, div.excerpt h3 { line-height: 18px; font-size: 12px; margin: 12px 0px; font-weight: bold; color: #4B5358;}
	div.post p a img {border: none;}
	
	div.page img {border:2px solid #e6e6e6;}
	
	img.right { float: right; margin: 5px 5px 5px 15px;}
		img.left { float: left; margin: 5px 15px 5px 5px;}
			img.center { display:block; margin-left:auto;margin-right:auto;}
			
/* Gallery */

.gallery { display: block; clear: left; overflow: hidden; margin: auto;}
.gallery-item { float: left; margin: 0;}
.gallery-icon, .gallery-icon a {padding: 0; margin: 0;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {height: 100px; border: 2px solid #DBDBDB; margin: 2px 6px 2px 2px;}
.gallery div.clear { width: 0px; height: 0px; }

/* Global Buttons */

a.button { color: #fff; background-color: #002434; font-size: 13px;  margin: 0px; font-weight: normal; text-decoration: none; border: none; padding: 7px 0 7px 15px; z-index: 100; clear: both; overflow: auto; }
	a.button:link {background-color: #002434; text-decoration: none; color: #fff;}
	a.button span { padding: 5px 15px 5px 0px; z-index: 0; text-transform: uppercase;}
	a.button:hover {background-color: #289AD8; }
	a.button span:hover {}

/* Button for the feedback page /

a.button.feedback, a.button.single {display:inline-block;} 


/* Inspiration gallery */
.hidden {position: absolute; left: -20000px;}

form.garden-dd { padding: 16px 15px 20px; background: #eee; margin: 0 0 5px;}
form.garden-dd p { font-size: 12px; font-weight: bold;}
		
/* Shadowbox adjustments */
#shadowbox_loading {background-image: url(../images/loading.gif) !important; background-repeat: no-repeat; background-position: 10px 10px;text-align: left !important; }
#shadowbox_loading a {font-size: 10px;padding-left:40px;text-align:left; font-weight: normal; cursor: pointer;}
#shadowbox_body, #shadowbox_loading {background-color: #FFF !important;}
#sb-description {background-color: black; position: absolute; z-index: 1000; bottom: 0; left: 0; width: 100%; color: #FFF;}
#sb-description p {padding: 0 15px;}

ul#tag_selector { margin-bottom: 20px;}

/* If no matches our found in the Inspeiration Gallery */
p#none-found {background-color: #e3f2d9; padding: 4px 0 1px 15px; margin: 0; font-size: 14px; font-weight: bold; list-style: none;}
	
	/* Global Forms */

form { margin: 10px; padding: 5px 25px 15px 0; clear: left;}

  form p {  clear: left; margin: 0; padding: 0 0 4px; padding-left: 180px; height: 1%; }
  	form p.terms { font-size: 10px; line-height: 14px; padding: 5px;}
  	form label{ font-weight: bold; float: left; margin-left: -180px; width: 180px;}
  	form input[type="text"]{ width: 97%; font-size: 13px; padding: 7px; margin-bottom: 3px; line-height: 16px; border: 1px solid #fff; background: #eee;}
  	form input[type="checkbox"]{ margin: 0 5px;}
  	form input[type="radio"]{ margin: 0 5px;}
  	form textarea{ background: #eee; font-family: "Lucida Grande", Verdana, Arial, sans-serif; width: 97%; height: 50px; font-size: 13px; line-height: 14px;  padding: 7px; margin-bottom: 5px; border: 1px solid #fff;}
  form select{ border:1px solid #CCCCCC; color:#333333; font-size:13px; padding:5px;}
  div#submit { padding: 15px 0 0; border-top: 2px solid #eee;}
  	form a.button{ font-weight: normal; border-width: 0px;}

  	label.error {clear:left;float:none;margin:5px 0 0;padding:5px 20px 5px 0;vertical-align:top;width:400px !important; margin: 5px 0 0 9px; color: red;}
				
/* Status box		 */
		div.status {background-color: #002434; padding: 4px 0 1px 15px; margin: 10px 0 0;}
		  div.status h3 { font-weight: normal; color: #fff;}
				
/* Feedback List */
ul#feedback {}		
	ul#feedback li {}	
		ul#feedback li p.who-when {background-color: #dae9d0; padding: 2px 3px 1px; display: inline; font-weight: bold;}
		ul#feedback li p.who-when span { font-size: 12px; font-weight: normal;}
		ul#feedback li div.comment {}						
	
h3.instructions { margin-top: 20px;}
	
/* Feedback form container */
div#feedback {}
	
/*Cutpastecreate Tag*/

abbr#developed-by { font-weight: normal; clear: right; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #444; float: right; margin: 3px 10px 10px 0; padding: 0;}
abbr#developed-by a {font-weight: bold; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #001a27; }