@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: 40px auto 0 auto;
	width: 909px;
	height: 72px;
	background: url(gfx/home/title-top.png) no-repeat bottom left;
}

#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;
}

#primary {
	width: 425px;
	margin: 25px 0 0 16px;
	float: left;
	padding-bottom: 5px;
}

#slideshow {
	z-index:1;
	width:898px;
	height:353px;
	}

#secondary {
	width: 424px;
	margin: 0 23px 210px 0;
	float: right;
	position: relative;
	z-index:2;
}

#orderbox {
	position: absolute;
	top: -66px;
	left: 0;
	height: 264px;
	width: 424px;
	background: url(gfx/home/order-bg.png) no-repeat top left;
	display: inline;
	z-index:2;
}

#about {
	width: 203px;
	float: left;
}

#news {
	width: 203px;
	float: right;
}

#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: 70px;
	position: relative;
	margin-left: 4px;
}

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

#smoked {
	width: 226px;
	height: 29px;
	position: relative;
	padding: 22px 0 22px 23px;
	margin-bottom: 0;
	z-index:2;
}

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

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

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

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


#nav {
	position: relative;
}

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


#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;
}

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

#orderbox p {
	margin-left: 23px;
	color: #f0d0c6;
	font-size: 18px;
	line-height: 24px;
	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;}


/* Order Form  - thanks to list apart
-------------------------------------------------------------------------------------------------- */

#primary.order {
	width: 860px;
}

#form-top {
	width: 400px;
	background: #a5a5a5;
	border-top, border-bottom: 3px solid #6d7275;
	padding: 8px 10;
	margin-bottom: 5px;
}

form.cmxform fieldset {
  margin-bottom: 10px;
  border: 1px solid #6d7275;
  width: 400px;
  margin: 20px 0;
}

form.cmxform fieldset.left {float: left;}
form.cmxform fieldset.right {float: right;}

form.cmxform legend {
  padding: 0 5px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px 8px;
  margin: 0;
}

form.cmxform span.required {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 140px; /* Width of labels */
}

form.cmxform label.nowidth {
	width: auto;
}

form.cmxform p {padding: 5px 5px 1em 8px;}

.submit {
	display: block;
	clear: both;
}





/* 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 */