/* HILTFIELDS
----------------------------------------------------------- */
body
{
	font: 100% georgia,times,"times new roman",serif;
	background: #fff url(../images/bg.gif) repeat-x top center;
	color: #000;
	text-align: center;
}

/* LAYOUT
----------------------------------------------------------- */
#container { width: 890px; margin: 0 auto; position: relative; text-align: left; }
.columnleft { width: 230px; float: left; clear: left; overflow: hidden; }
.columnright { width: 640px; margin-right: 10px; display: inline; float: right; clear: right; overflow: hidden; }
.clear { clear: both; }

/* NAV
----------------------------------------------------------- */
#nav { background: transparent url(../images/plate.jpg) no-repeat left top; }
#nav ul { margin-top: 148px; }
#nav li { display: block; width: 230px; float: left; background: transparent url(../images/bg_nav.gif) repeat-x left bottom; }
#nav a { text-transform: uppercase; font-weight: bold; font-size: 75%; display: block; width: 230px; padding: 6px 0 13px 10px; }
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active { text-decoration: none; }
#nav a span { color: #555; }

.n1 a:link, .n1 a:visited { color: #04487c; }
.n1 a:hover, .n1 a:active { color: #08917c; }
.n2 a:link, .n2 a:visited { color: #174876; }
.n2 a:hover, .n2 a:active { color: #2b9176; }
.n3 a:link, .n3 a:visited { color: #324a6f; }
.n3 a:hover, .n3 a:active { color: #5e956f; }
.n4 a:link, .n4 a:visited { color: #524b66; }
.n4 a:hover, .n4 a:active { color: #9b9766; }
.n5 a:link, .n5 a:visited { color: #734c5d; }
.n5 a:hover, .n5 a:active { color: #d9995d; }
.n6 a:link, .n6 a:visited { color: #854d58; }
.n6 a:hover, .n6 a:active { color: #fb9b58; }
.n7 a:link, .n7 a:visited { color: #954d53; }
.n7 a:hover, .n7 a:active { color: #ff9b53; }
.n8 a:link, .n8 a:visited { color: #b44f4a; }
.n8 a:hover, .n8 a:active { color: #ff9f4a; }
.n9 a:link, .n9 a:visited { color: #ce4f43; }
.n9 a:hover, .n9 a:active { color: #ff9f43; }
.n10 a:link, .n10 a:visited { color: #e04f3e; }
.n10 a:hover, .n10 a:active { color: #ff9f3e; }

/* NAV LOGOS AND INFO
----------------------------------------------------------- */
#navlogos { clear: both; float: left; margin-top: 2em; font-size: 70%; line-height: 1.5; text-align: justify; }
#navlogos img { display: block; margin-bottom: 2em; }
#navlogos h2 { padding-left: 10px; margin-bottom: 1em; font-weight: normal; color: #333; }
#navlogos p { padding-left: 10px; color: #555; }
/* HEADER
----------------------------------------------------------- */
#header { height: 95px; overflow: hidden; }
#infos
{
	line-height: 1.4;
	font-size: 90%;
	font-weight: bold;
	color: #000;
	float: right;
	margin: 0 20px 0 0;
	display: inline;
	text-align: right;
}
#infos p { margin-top: 10px; }
#infos strong { color: #444; }
#infos a:link, #infos a:visited { color: #00487d; text-decoration: underline; }
#infos a:hover, #infos a:active { color: #00917d; text-decoration: none; }

/* IMAGE CYCLE
----------------------------------------------------------- */
#imagecycle { width: 638px; padding: 0 1px 3px; height: 200px; position: relative; }
#frame { z-index: 100; position: absolute; left: 0; top: 0; width: 640px; height: 203px; background: url(../images/bg_imageframe.png) no-repeat; }
#images { z-index: 10; width: 638px; height: 200px; overflow: hidden; position: absolute; left: 1px; top: 0; }

/* CONTENT
----------------------------------------------------------- */
#main { padding-bottom: 1em; }
#content { padding: 1em 10px 0; line-height: 1.4; font-size: 80%; }
#content .contentcolumn { clear: left; width: 300px; float: left; }
#content .right { clear: right; float: right; }
#content .threecolumn { width: 180px; float: left; margin-left: 10px; padding: 0 10px; display: inline; background-repeat: no-repeat; }
#content .firstcolumn { margin-left: 0; }
#content .hr { clear: both; width: 620px; height: 1px; margin: 1em 0; background: #ddd; }

#content .spreads { background-image: url(../images/bg_menu_butter.jpg); }
#content .pellets { background-image: url(../images/bg_menu_pellets.jpg); }
#content .purees { background-image: url(../images/bg_menu_purees.jpg); }
#content .sauces { background-image: url(../images/bg_menu_sauces.jpg); }
#content .herbs { background-image: url(../images/bg_menu_herbs.jpg); }
#content .fruit { background-image: url(../images/bg_menu_fruit.jpg); }
#content .ambient { background-image: url(../images/bg_menu_ambient.jpg); }
#content .roasted { background-image: url(../images/bg_menu_roasted.jpg); }
#content .custom { background-image: url(../images/bg_menu_custom.jpg); }

#content h1 { font-weight: normal; font-size: 180%; color: #dc3933; margin: 0 0 0.5em; } 
#content h2 { font-weight: bold; font-size: 110%; color: #003668; clear: both; margin: 0.5em 0; }
#content p { margin: 0 0 1em; }
#content p.nm { margin: 0 0 0.25em; }
#content strong { font-weight: bold; }
#content em { font-style: italic; }
#content ul { margin: 0 0 1em; padding: 0 0 0 1.1em; list-style-type: square; }

#content a:link { color: #00487d; text-decoration: underline; }
#content a:visited { color: #003668; text-decoration: underline; }
#content a:hover, #content a:active { color: #00917d; text-decoration: none; }

#content .smallprint { color: #666; font-size: 90%; }
#content .bordered { padding-top: 1em; border-top: 1px dashed #ddd; }
#content p.err { padding: 1em; font-weight: bold; background: #9a100b; border: 1px solid #b41c17; color: #fff; }

/* BREADCRUMB
----------------------------------------------------------- */
#bread { margin: 0 0 0.5em; padding: 0 0 0.5em; color: #333; border-bottom: 1px solid #d9d9d9; }

/* FORM
----------------------------------------------------------- */
#npd label { display: block; margin: 1.5em 0 2px; color: #76120e; font-weight: bold; font-size: 90%; }
#npd .first { margin-top: 0; }
#npd label span { color: #333; font-weight: normal; }
#npd input, #npd textarea { font: 90% verdana,arial,sans-serif; color: #111; background-color: #f0f0f0; width: 294px; border: 1px solid #ccc; padding: 2px; }
#npd .hwid { width: 144px; }
#npd .err { background-color: #ffa8a5; }
#npd .submit { margin: 1em 0; padding: 2px 10px; font-weight: bold; width: auto; background-color: #003668; color: #fff; border-width: 2px; border-style: solid; border-color: #4a7094 #002343 #002343 #4a7094; cursor: pointer; }


/* FOOTER
----------------------------------------------------------- */
#footer
{
	clear: both;
	width: 890px;
	font-size: 70%;
	margin: 1em 0 0;
	padding: 1em 0;
	background: transparent url(../images/bg_nav.gif) repeat-x top;
	overflow: hidden;
}
#footer.noborder { background-image: none; }
#footer.noborder .columnright { display: none; }

#copyright { font-weight: bold; }
#copyright p { padding-left: 10px; }

#footerlinks { padding-left: 10px; width: 380px; float: left; }

#footerlinks a:link, #footerlinks a:visited { color: #003668; text-decoration: underline; }
#footerlinks a:hover, #footerlinks a:active { color: #006c68; text-decoration: none; }

#ddlink { width: 240px; float: right; text-align: right; }
#ddlink a:link, #ddlink a:visited { color: #555; text-decoration: none; }
#ddlink a:hover, #ddlink a:active { color: #333; text-decoration: none; }

/* PAGE SPECIFICS
----------------------------------------------------------- */
#home #content h1 { display: none; }

#content .recipes { padding: 0; list-style: none; }
#content .recipes li { padding: 0.3em 0; border-bottom: 1px solid #d9d9d9; }
#content .recipes a:link, #content .recipes a:visited, #content .recipes a:hover, #content .recipes a:active { text-decoration: none; }

#content .products { float: left; margin: 0; padding: 0; list-style: none; }
#content .products li { display: block; float: left; width: 150px; margin: 0 4px 1em 0; text-align: center; }
#content .products a:link, #content .products a:visited, #content .products a:hover, #content .products a:active { text-decoration: none; }
#content h2 span { color: #000; font-weight: normal; }

#content .menuwrapper { padding-top: 1em; border-top: 1px solid #d9d9d9; }

/* TICKS
----------------------------------------------------------- */
.ticks { width: 620px; margin: 0 0 1em; color: #76120e; }
.ticks td
{
	width: 240px;
	padding: 5px 60px 5px 0;
	border-bottom: 1px solid #d9d9d9;
	background: transparent url(../images/bg_tick.gif) no-repeat 280px 6px;
}
.ticks td.spacer { padding: 5px 0; background-image: none; border: none; width: 20px; }