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



body {height: 100%; padding:0; margin: 0; }
.background {background: url(../images/bg_stripe3.png) repeat 0 0;}
#page {width: 100%; height: 100%; margin:0 auto; background-color: white;}
#transwrapper {width: 960px; height: 100%; background: url(../images/transblack.png) repeat; margin:0px auto;}
#container {width: 960p; height: 100%; margin:0 20px 0 20px; padding: 20px 0;}
#navwrapper {width: 960px; height: 100%;}
#nav {width: 920px; height: 112px; background: url(../images/banner_bg.jpg) repeat-x;}
.logo {margin: 20px 0 0 20px;}
#stripebar {position: relative; top: 22px; z-index:2;}
#navcontainer {z-index:3; position: relative; top: -31px; left: 250px;}

#content_container {width: 920px; min-height: 300px;}
#mainbanner {width: 916px; height: 294px; border: 1px solid #ccc; margin: 20px auto;}
#indextext2 {width: 820px; margin-left: auto; margin-right: auto; padding: 20px 40px; }
#indextext2 .left {float: left; width: 65%;}
#indextext2 .right {float: left; width: 30%; margin-left: 40px;}
#indextext {width: 520px; min-height: 200px; position: relative; left: 50px; top: 30px;}
#seal {width: 250px; position: relative; top: -345px; left: 630px;}
#seal .img {border: none;}

/* Footer */
#footer_wrapper {width: 912px; height: 200px; background:url(../images/bg_footer.jpg) repeat; padding-left: 8px;}
div.footer_box {width: 200px; height: 130px; background: url(../images/transblack_footer.png) repeat; margin:10px 0 10px 5px; float: left; padding: 15px 0 0 20px;}
div.footer_text {width: 180px; height: 130px;} 
#legalline {width: 912px height: 20px; padding: 2px 15px 0 0; text-align: right;}

/* Other pages */
#maintext {width: 600px; height: 100%; margin: 0px 0 60px 60px; padding: 40px 0; float: left; }
#maintext img {border: 5px #ccc solid; margin: 0 30px 12px 0; float: left;}

/*Contact page */
#col2 {width: 100%;}
#col2_left {width: 530px; margin-left:60px; padding: 50px 20px 50px 0; float: left;}
#col2_left img {border: 5px #ccc solid; margin: 0 30px 12px 0; float: left;}
#col2_right {width: 300px; padding: 50px 0 50px 0; float: left;}

/* Recipes pages */
#maintext_recipes {width: 800px; height: 100%; margin: 0px 0 60px 60px; padding: 50px 0; }

/* story */
div.story {margin: 0 20px 0 10px; padding: 20px; border: 1px solid #ccc;}
div.story img {padding: 10px 0; text-align:center; display:block; margin: 0 auto;}

/* product */
div.product {width: 100%; float:left; padding:0px 0;}
div.product img {border: 5px #ccc solid; margin: 0 30px 12px 0; float: left;}




.bottomdot {border-bottom:dashed 1px #ccc;}