/* colors: light burnt red (header): #C64513; dark burnt red: #AE3B22; lite brown: #C4A16B; bgcolor pale yellow: #FDF7D5; text pale yellow: #FDF7D4; bold yellow (from spice cap): #D6CA54; */
/* all background images must be in same directory as this file */

body {margin:0;padding:0;font-family:arial,helvetica,sans-serif;color:#000;font-size:12px;background-color:#fff;}
p,ul,ol,li,td,th,caption,div,div,h1,h2,h3,h4,h5,label {font-family:arial,helvetica,sans-serif;color:#000;font-size:12px;} /* hello Nav4: we give you... redundancy; what's a few bytes in our file for you old friend */
/* also note due to no XHTML doctype we are declaring font size again for all browsers, not just nav4; if ever move to XHTML will need to remove that as inheritence will be properly enforced. one reference http://www.designfridge.com/phpdocs/labs/doctype/index.php */
/* warning p in div in div inherites 90% of 90% of 90% so.... we declare hard font sizes. sorry IE 6-... no text zoom for you. */

#oneToRuleAll {margin:3px 0 6px 0;}

#header {margin:0;padding:0;width:773px;height:303px;}
#header-print {display:none;}

#tbl-header {background-color:#fff;}

#main-content-outer, #top-nav {padding:4px;background-color:#C4A16B;}
#top-nav {padding-top:10px;padding-bottom:0;margin:0;}
#main-content-outer {padding-top:0;}
#main-content-inner {background:#FDF7D5 url(bg-peppers.jpg) top center no-repeat;padding:20px;}

#footer {width:724px;text-align:center;margin-top:60px;}
#footer .nav {margin:0 auto;font-size:.9em;}
#footer p {color:#AE3B22;font-size:.9em;}


h4,h3 {font-size:1em;font-weight:bold;margin-top:4px;}
h2 {font-size:1.1em;font-weight:bold;}
h1 {font-size:1.8em;font-weight:bold;}

a:link, a:link h4 {color:#AE3B22;text-decoration:none;}
a:visited, a:visited h4 {color:#8E301C;text-decoration:none;}
a:hover, a:hover h4 {color:#E7B91A !important;} /* or #E7B91A (golden hue) #166A50 (green pepper hue) */


/* ===================
		TOP NAV	& NAV	*/
.tn-nonav {background:#C4A16B url(topnav-bot.gif) bottom left repeat-x;}
.tn-nav	  {text-align:center;}
.tn-nav .nav {margin:0 auto;padding:8px 0 0 0;}
#tn-seasoning {background: url(tn-tab-l.jpg) bottom center no-repeat;width:119px;height:29px;}
#tn-about {background: url(tn-tab-m.jpg) bottom center no-repeat;width:116px;height:29px;}
#tn-shipping {background: url(tn-tab-r.jpg) bottom center no-repeat;width:120px;height:29px;}
#tn-cart {background: url(tn-cart.jpg) bottom center no-repeat;width:75px;height:29px;}

#top-nav .nav a:link, #top-nav .nav a:visited, #top-nav .nav a:hover {font-weight:bold;font-size:1.1em;}
#tn-cart .nav {font-size:.9em;}
.nav a:visited {color:#AE3B22;}


/* ===================
		HOME 			*/
#sp-r1-c1,#sp-r1-c2,#sp-r1-c3,#sp-r2-c1,#sp-r2-c2,#sp-r2-c3,#sp-r2-c4 {margin:0;padding:0;}
#sp-r1-c1,#sp-r1-c2,#sp-r1-c3 {margin-top:15px;}
#sp-r1-c2 {margin-top:35px;}
#sp-r2-c2, #sp-r2-c3 {margin-top:40px;}

.hom-welcome, .hom-welcome p {background-color:#C4A16B;color:#FDF7D4; line-height:2.5em;}
.hom-welcome {padding:12px 11px 12px 12px;}
.hom-welcome p {margin:0;padding:0;}


.spacer {clear:both;}