body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color: #111; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
html { 
  font-size: 125%;
}
body { 
  font-size: 50%; 
  color: #222;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.300;
	background: url("../img/crop-bg.jpg") bottom left repeat-x #f5f7f8 fixed;
  text-align: center;
}
* {
  border-width: 0;
  border-color: #c7bfb3;
  border-style: solid;
  line-height: 1.300;
}
a {
  text-decoration: none;
  color: #708c3f;
}
select {
  border-width: 1px;
}
em {
  font-style: oblique;
}
strong {
  font-weight: bold;
}
img {
  display: inline;
}
.button {
  background: url("../img/button-green-left.gif") 0 0 no-repeat;
  padding-left: 4px;
  float: left;
  height: 27px;
}
.button span {
  float: left;
  background: url("../img/button-green-right.gif") right 0 no-repeat;
  padding: 4px 12px 0 4px;
  height: 23px;
  cursor: pointer;
}
.button-green span {
  color: #FFF;
}
.button-green span .arrow {
  padding: 0 0 0 14px;
  font-size: 14px;
  background: url("../img/icon-arrow-green.gif") 0 4px no-repeat;
}
#document {
  width: 940px;
  margin: 0 auto 0 auto;
  text-align: left;
}
#viewport {
  width: 900px;
  padding: 20px;
  float: left;
}
#document a { color: #708c3f; }
#header-menu {
  float: left;
  clear: both;
  width: 900px;
  position: relative;
}
#header-menu .logo {
  position: relative;
  text-align: center;
  width: 900px;
  float: left;
  clear: both;
  margin: 0 0 10px 0;
}
#header-menu .logo a {
  margin: 0 auto;
}
#header-menu .mainmenu {
  float: left;
  clear: both;
  width: 898px;
  background: #fafaf0;
  border: 1px solid #cec8b2;
}
#header-menu .mainmenu li {
  float: left;
}
#header-menu .mainmenu li a {
  float: left;
  font-size: 1.4em;
  font-weight: bold;
  color: #708c3f;
  display: block;
  padding: 10px 20px;
  border-right: 1px solid #cec8b2;
	position: relative;
	top: 0;
	left: 0;
}
#header-menu .mainmenu li a.active {
	top: 1px;
	padding-top: 9px;
	padding-bottom: 11px;
}
#header-menu .mainmenu li a.active,
#header-menu .mainmenu li a:hover {
  color: #ca9d00;
  background: #FFF;
}
#header-menu .mainmenu li.right {
  float: right;
}
#startpage-flash {
  float: left;
  clear: both;
  width: 900px;
  background: #ffffff;
}
/* Flasharea */
#flasharea {
	background: #ffffff;
}
#flasharea .flash-contents {
	float: left;
	clear: both;
	width: 900px;
}

#footer {
	padding: 6px 20px;
	float: left;
	clear: both;
	width: 858px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #cec8b2;
	background: #fafaf0;
}
#footer ul.logos { float: left; clear: both; width: 858px; }
#footer ul.logos li { line-height: 2.2; }
#footer ul.logos li a { float: left; }
#footer ul.logos li.left { float: left; margin-right: 6px; }
#footer ul.logos li.right { float: right; }
#footer ul.logos li p { font-size: 1.2em; line-height: 2.2; }
#footer ul.logos li p a { font-weight: bold; float: none; }

#startpage-items {
  padding: 20px 0;
  float: left;
  clear: both;
  width: 898px;
  border: 1px solid #cec8b2;
  background: #FFF;
}
#startpage-items .row {
  background: url("../img/grid-bg.gif") 0 0 repeat-y #FFF; 
  width: 898px;
  float: left;
}
#startpage-items .row .item {
  width: 247px;
  padding: 0 20px;
  float: left;
}
#startpage-items .row .item-big { width: 303px; }
#startpage-items .row .item-small { width: 228px; }
#startpage-items .row .item-last { margin: 0; }
#startpage-items .row .item .item-contents h2 {
  font-size: 1.4em;
  color: #000;
  margin: 0 0 5px 0;
}
#startpage-items .row .item .item-contents h2 a {
  color: #000;
  font-size: 1em;
}
#startpage-items .row .item .item-contents {
  width: 100%;
  float: left;
  clear: both;
}
#startpage-items .row .item .image {
  float: right;
}
#startpage-items .row .item .item-contents h3 {
  font-size: 1.4em;
  margin: 0 0 5px 0;
}
#startpage-items .row .item .item-contents h3 span {
  color: #7c7c7c;
}
#startpage-items .row .item .item-contents p {
  font-size: 1.4em;
  margin: 0 0 4px 0;
}
#startpage-items .row .item .item-contents a {
  font-size: 1.4em;
  font-weight: bold;
}
#column-layout {
  width: 858px;
  float: left;
  clear: both;
	padding: 20px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #cec8b2;
	background: #FFF;
}
#left-column { float: left; width: 175px; margin-right: 20px; }
#left-column .menu-item { border-bottom-width: 1px; float: left; }
#left-column .menu-item .title { margin: 0 0 30px 0; border-bottom-width: 1px; }
#left-column .menu-item li { border-top-width: 1px; }
#left-column .menu-item li a { font-size: 1.4em; display: block; padding: 6px 0; width: 100%; }
#main-column { float: right; width: 660px; }
#main-column .header { margin: 0 0 30px 0; }
#main-column .header h1 { color: #ca9d00; font-size: 2.8em; font-weight: normal; }
#main-column .preamble { font-size: 1.8em; }
#main-column .print { width: 198px; overflow: auto; padding: 2px; }
#main-column p { color: #371b05; font-size: 1.3em; margin: 0 200px 14px 0; }
#main-column .ingredients { margin: 0 0 12px 0; }
#main-column .ingredients li { font-weight: normal; font-size: 1.3em; }
#main-column h2 { font-size: 1.3em; margin: 0 0 12px 0; color: #000000; font-weight: bold; }
#main-column i { font-weight: normal; }
#main-meta { overflow: hidden; position: relative; width: 337px; float: right; margin-left: 20px; }
#main-meta div.image img { display: block; }
#main-meta div.recipe { position: relative; overflow: hidden; border-width: 0 1px 1px 1px; border-style: solid; border-color: #cec8b2;}
#main-meta img.background { display: block; position: absolute; top: 0; left: 0; width: 337px; height: 2000px; z-index: 1; }
#main-meta ul { position: relative; z-index: 2; padding: 20px 18px 20px 19px; width: 300px; }
#main-meta ul li { color: #371b05; }
#main-meta ul li p { font-size: 1.3em; width: 100%; color: #ca9d00; }
#main-meta .title p { display: none; }
#main-meta .title { margin-bottom: 10px; }

/* Printstyles (Used on screen */

#print a {
  text-decoration: none;
  color: #708c3f;
}
#print select {
  border-width: 1px;
}
#print em {
  font-style: oblique;
}
#print strong {
  font-weight: bold;
}
#print img {
  display: inline;
}
#printbody { background: none; text-align: left; }
#printbody #print { float: left; clear: both; width: 660px; padding: 20px; position: relative; }
#printbody #print .print-header { text-align: center; width: 660px; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom-width: 1px; }
#printbody #print .print-header img { margin: 0 auto; }
#printbody #print #recipe-print { display: none; }
#printbody #print #main-column { float: none; width: 660px; }
#printbody #print #main-column .header { margin: 0 0 30px 0; }
#printbody #print #main-column .header h1 { color: #ca9d00; font-size: 20pt; font-weight: normal; }
#printbody #print #main-column .preamble { font-size: 14pt; }
#printbody #print #main-column .print { width: 298px; overflow: auto; padding: 2px; }
#printbody #print #main-column p { color: #371b05; font-size: 11pt; margin: 0 0 14px 0; }
#printbody #print #main-column .ingredients { margin: 0 0 14px 0; }
#printbody #print #main-column .ingredients li { font-weight: bold; font-size: 11pt; }
#printbody #print #main-column h2 { font-size: 14pt; margin: 0 0 14px 0; }
#printbody #print #main-meta { overflow: hidden; position: relative; width: 337px; float: right; margin-left: 20px; }
#printbody #print #main-meta div.image img { display: block; }
#printbody #print #main-meta div.recipe { position: relative; overflow: hidden; border-width: 0 1px 1px 1px; border-style: solid; border-color: #cec8b2;}
#printbody #print #main-meta img.background { display: block; position: absolute; top: 0; left: 0; width: 337px; height: 2000px; z-index: 1; }
#printbody #print #main-meta ul { position: relative; z-index: 2; padding: 20px 18px 20px 19px; width: 300px; }
#printbody #print #main-meta ul li { color: #371b05; }
#printbody #print #main-meta ul li p { font-size: 1.4em; width: 100%; color: #ca9d00; }
#printbody #print #main-meta .title { margin-bottom: 10px; }