@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

/* Primary Divisions ----------------------------------------------- */

body {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	letter-spacing: .07em;
	color: #574a4a;
	background-color: #6d7275;
}

#header-container {
	position: relative;
	margin: 0px auto;
	width: 909px;
	height: 110px;
	background: url(gfx/title-top.png) no-repeat bottom left;
	z-index: 99;
}

#background {background: url(gfx/body-bg.gif);}
	

#container {
	margin: 0px auto;
	width: 909px;
	background: url(gfx/container-bg.png) repeat-y top left;
}

#content {
	width: 897px;
	background: #d0e0ee url(gfx/content-bg.jpg) repeat-x;
	margin-left: 4px;
	border-left: 1px solid #A1ADBA;
	border-right: 1px solid #a1adba;
	padding-top: 35px;
	position: relative;
}

#primary {
	width: 511px;
	margin-left: 20px;
	background: #ffffff url(gfx/main-sidebar-bottom.jpg) no-repeat bottom left;
	padding-bottom: 20px;
	float: left;
	clear: right;
}

#primary-content {
	padding: 0 20px;
	width: 471px;
}

#secondary {
	width: 325px;
	margin-right: 20px;
	float: right;
	clear: right;
}

#orderbox {
	height: 201px;
	width: 325px;
	background: url(gfx/order-bg.jpg) no-repeat top left;
}

#footer {
	margin: 0 auto 20px auto;
	width: 909px;
	padding-top: 35px;
	background: url(gfx/content-bottom.png) no-repeat top left;
}

#footer p {
	color: #d3e0ec;
	padding-left: 4px;
	font: normal 11px Helvetica, Arial, sans-serif;
	float:left;
	width: 400px;
}

#footer p a, #footer p a:link, #footer p a:visited, #footer p a:hover {color: #d3e0ec;}

#footer p a:hover {text-decoration: underline;}

#footernav {
	list-style: none;
	float: right;
}

#footernav li {
	color:#d3e0ec;
	padding-right: 4px;
	font: normal 11px Helvetica, Arial, sans-serif;
	display: inline;
}

#footernav li a {
	color:#d3e0ec;
	font-weight:normal;
	text-decoration: none;
}

#footernav li a:hover {
	text-decoration: underline;
	}

/* Header Image Replacement ----------------------------------------------- */

#header {
	width: 899px;
	height: 88px;
	position: relative;
	margin-left: 4px;
}

#header span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(gfx/title-bottom.jpg) no-repeat;
}

#smoked {
	width: 176px;
	height: 23px;
	position: relative;
	padding: 14px 0 17px 15px;
	margin-bottom: 0;
}

#smoked span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(gfx/smoked-salmon.jpg) no-repeat top left;
}

#order {
	margin-left: 15px;
	position: relative;}

#order a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 34px;
	width: 122px;
	background: url(gfx/order-button.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

#order a:hover {
	background: url(gfx/order-button-hover.jpg) no-repeat;
}


#nav {
	position: relative;
}

#nav ul {
	width: 464px;
	height: 26px;
	position: absolute;
	top: -45px;
	left: 422px;
	background: url(gfx/navmatrix.png) no-repeat;
	margin: 0;
	padding: 0;
}


#nav ul li {
	float: left;
}

#nav ul li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 26px;
	background: url(gfx/navmatrix.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

#nav ul li#nav-about a {
	left: 0;
	width:131px;
	background-position: 0 0;
}

#nav ul li#nav-selective a {
	left: 131px;
	width: 134px;
	background-position: -131px 0;
}

#nav ul li#nav-criteria a {
	left: 265px;
	width: 100px;
	background-position: -265px 0;
}

#nav ul li#nav-order a {
	left: 364px;
	width: 99px;
	background-position: -364px 0;
}

#nav ul li#nav-about a:hover, #nav ul li#nav-about.current a {
	background-position: 0 -26px;
}

#nav ul li#nav-selective a:hover, #nav ul li#nav-selective.current a {
	background-position: -131px -26px;
}

#nav ul li#nav-criteria a:hover, #nav ul li#nav-criteria.current a {
	background-position: -265px -26px;
}

#nav ul li#nav-order a:hover, #nav ul li#nav-order.current a {
	background-position: -364px -26px;
}



/* Typography ------------------------------------------------------------- */

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	color: #257aa2;
	font-weight: normal;
	margin-bottom: 1em;
}

a, a:link, a:visited {
	color: #cc4418;
	font-weight: normal;
	text-decoration: none;
}

p {padding-bottom: 1em;}


a:hover {text-decoration: underline;}

h3 {
	font: bold 1em Helvetica, Arial, sans-serif;
	color: #257aa2;
	padding-bottom: .2em;
	margin-bottom: .8em;
	border-bottom: 1px dotted #257aa2;
}

.inside-photo {padding-bottom: 25px;}

#orderbox p {
	margin-left: 15px;
	color: #f0d0c6;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: normal;
}

#secondary h3 {margin-top: 20px;}

.blue {color: #2479a1;}

a.blue, a:link.blue, a:visited.blue {text-decoration: underline;}

a:hover.blue {color: #cc4418;}

.date {padding-bottom: 0;}

#primary h3 a {
	font-weight: bold;}
	
p.news-date {padding-bottom: 1.2em;}
h2.news-title {margin-bottom: .2em;}

#search {position:absolute; top: 0px; left: 680px;}

#sitemap {
	list-style: disc outside;
	margin-left: 15px;
}

/* Clear Fix
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */