@charset "UTF-8";

.fr {float: right; }
.fl {float: left; }
.cl { clear: both; }
.ml40 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; }
.ml200 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 200px; }
.buysome { margin: 74px 20px 0px 0px; float: right; }
.home { padding: 0px; margin-top: 72px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
.buysomeproduct { float: right; margin: 20px 25px 0px 0px; }
h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em; margin: 10px; padding: 0px; }
p  { margin: 10px 0px 10px 0px; font-size: 1.3em; line-height: 1.4em; }
a { color: #8D311F; }
a:visited { color: #8D311F; }
a:hover { color: #8D311F; }
a:active { color: #8D311F; }
hr { border-top: 2px solid #93462F; clear: both; margin-top: 10px; margin-bottom: 20px; }
body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
}
div#homecontainer  { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: images/home
.jpg no-repeat center top;
margin: 10px auto; text-align: left; /* this overrides the text-align: center on the body element. */ background-image: url(../images/home.jpg); min-height: 680px; background-repeat: no-repeat; background-position: center top; }
div#nav  { padding: 0px 0px 0px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ }
div#nav_sm  { padding: 5px 0px 0px 45px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ }
div#home  { float: left; margin: 90px 10px 0px 30px; height: 170px; overflow: hidden; width: 215px; }
div#home h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 0px; width: 215px; font-style: normal; }
div#home h6 { margin: 0px; text-align: center; }
div#home p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; margin: 0px 0px 0px 0px; width: 215px; float: left; line-height: 1.3em; }
div#articlepic  { float: left; margin: 90px 0px 0px 0px; height: 155px; vertical-align: middle; }
div#food  { float: left; width: 340px; margin: 43px 0px 0px 142px; }
div#sauce { margin-top: 140px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; }
div#products  { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: images/home
.jpg no-repeat center top;
margin: 10px auto; text-align: left; /* this overrides the text-align: center on the body element. */ background-image: url(../images/products_bkgnd.jpg); min-height: 680px; background-repeat: no-repeat; background-position: center top; }
div#about  { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: images/home
.jpg no-repeat center top;
margin: 10px auto; text-align: left; /* this overrides the text-align: center on the body element. */ background-image: url(../images/about_bkgnd.jpg); background-repeat: no-repeat; background-position: center top; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; }
div#aboutlinks { margin: 0px 22px 10px 0px; width: 398px; float: right; padding: 20px 20px 0px 20px; background-color: #D6B376; border: 1px solid #412618; }
div#aboutlinks p { margin: 10px 0px 10px 0px; font-size: 1.3em; line-height: 1.4em; }
div#aboutrecipe { float: left; margin: 130px 0px 20px 20px; width: 290px; background-color: #D0B379; padding: 20px 0px 0px 0px; overflow: scroll; height: 350px; border: 0px solid #412618; background-image: url(../images/frame_top.jpg); background-attachment: scroll; background-position: center top; background-repeat: no-repeat; }
div#aboutrecipe p { margin: 10px 0px 0px 0px; font-size: 1.3em; line-height: 1.4em; }
div#companycontact { float: left; margin: 760px 0px 0px 50px; width: 400px; }
div#companycontact p { margin: 10px; font-size: 1.3em; line-height: 1.4em; }
div#companycontact .address { width: 180px; float: left; }
div#companyfooter { margin: 0px; padding: 0px; }
div#company  { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: images/home
.jpg no-repeat center top;
margin: 10px auto; text-align: left; /* this overrides the text-align: center on the body element. */ background-image: url(../images/company_bkgnd.jpg); min-height: 680px; background-repeat: no-repeat; background-position: center top; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; }
div#history { font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 150px 22px 0px 0px; width: 348px; float: right; padding: 0px 20px 0px 20px; }
div#history h1 { color: #93462f; font-size: 1.6em; margin: 0px 0px 10px 0px; }
div#history p { color: #000; font-size: 1.2em; line-height: 1.3em; }
div#stories { margin: 130px 0px 10px 22px; width: 813px; float: left; padding: 20px; background-color: #D6B376; border: 1px solid #412618; }
div#comingsoon  { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: images/home
.jpg no-repeat center top;
margin: 10px auto; text-align: left; /* this overrides the text-align: center on the body element. */ background-image: url(../images/ComingSoon.jpg); min-height: 645px; background-repeat: no-repeat; background-position: center top; }
div#everything  { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: images/home
.jpg no-repeat center top;
margin: 10px auto; text-align: left; /* this overrides the text-align: center on the body element. */ background-image: url(../images/sauces/everything_header.jpg); min-height: 680px; background-repeat: no-repeat; background-position: center top; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; }
div#order  { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: images/home
.jpg no-repeat center top;
margin: 10px auto; text-align: left; /* this overrides the text-align: center on the body element. */ background-image: url(../images/ShoppingCart.jpg); min-height: 680px; background-repeat: no-repeat; background-position: center top; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; }
div#ordermain  { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: images/home
.jpg no-repeat center top;
margin: 120px 0px 0px 0px; /* this overrides the text-align: center on the body element. */ background-image: url(../images/wood_bkgnd.jpg); background-repeat: repeat-y; background-position: center top; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; }
div#list { width: 826px; margin: 0px 0px 0px 17px; background-color: #CDB076; padding: 20px 20px 50px 20px; }
div#things { width: 866px; background-color: #DCBE80; margin: 0px 17px; padding: 0px; }
div#thingslist { width: 250px; padding: 0px 15px; }
div#item { height: 103px; clear: both; border: 2px dotted #93462F; padding: 10px; margin: 20px; }
div#item h1 { font-size: 1.4em; margin: 0px 0px 0px 0px; vertical-align: middle; }
div#item p { font-size: 1.2em; margin: 0px; }
div#item img { margin: 0px 20px 0px 0px; float: left; }
table { font-size: 1.2em; margin: 0px 0px 0px 20px; }
td img { text-align: center; }
td h1  { font-size: 1.2em; margin: 0px 0px 0px 0px; vertical-align: middle; color: #472d28; }
td p  { font-size: 1em; margin: 0px; color: #472d28; }
td p.case  { font-size: 0.8em; margin: 0px; color: #472d28; }
div#footer { padding: 0px; font: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #C9B18B; margin: 0px 0px 0px 0px; clear: both; }
div#footer h7 { line-height: 1.4em; margin: 0px; padding: 0px; font-size: 0.8em; }
div#footer p { line-height: 1.4em; margin: 0px; padding: 0px; font-size: 0.8em; }