/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { 
	font: 62.5% "Lucida Grande", sans-serif;
	background: url(images/body-bg.jpg) top left repeat;
}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
	p.metadata { background: #fff9a7; padding: 3px;} 
a { outline: none; }
a img { border: none; }
h3 {
	font-size: 1.6em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #5e0d04;
	text-align: center;
}

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.slideshowNav {
	text-decoration: none;
	font-weight: bold;
	color:#cc9999;
	font-size: 2.8em;
}
.available {
	font-style: italic;
	color: #C20000;
	font-size: 1.0em;
	line-height: 1.6em;
	margin-top: 10px;
}
.available-address {
	font-size: x-small;
	color: #C20000;
	margin-top: 10px;
}
.available-phone {
	font-size: x-small;
	color: #C20000;
	margin: 0;
}
/* END TOOLBOX */

#page-wrap {
	width: 840px;
	margin: 0 auto;	
	}

ul#nav {
	height: 185px;
	background: url(images/header-bg.png) no-repeat;
	list-style: none;
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			height: 32px;
			margin-top: 49px;
			text-indent: -9999px;			
		}
		ul#nav li.home a {
			width: 114px;
			background: url(images/nav-home.png) bottom center no-repeat;
			float: left;
		}
		ul#nav li.story a {
			width: 157px;
			background: url(images/nav-story.png) bottom center no-repeat;
			float: left;
		}
		ul#nav li.products a {
			width: 120px;
			background: url(images/nav-products.png) bottom center no-repeat;
			float: right;
		}
		ul#nav li.contact a {
			width: 148px;
			background: url(images/nav-contact.png) bottom center no-repeat;
			float: right;
		}
		ul#nav li a:hover {
			background-position: center center;
		}
		
div#main-content {		
		padding: 0px 10px 0px 10px;
		background: url(images/content-bg.gif) repeat-y;
		}
		div#main-content div#address
		{
			float: left;
			width: 300px;
			margin-top: -75px;
			margin-left: 13px;
			color: #cc0000;
			font-size: 1.0em;
		}
		div#main-content div#left-col-header {
			float: left;
			width: 275px;
			margin-top:-52px;
			margin-left: -8px;
		}
		div#main-content div#left-col {
			float: left;
			width: 350px;
			padding: 20px;
		}	
		div#main-content div#phone {
			float: right;
			width: 300px;
			margin-top: -75px;
			margin-right: -50px;
			color: #cc0000;
			font-size: 1.0em;
		}
		div#main-content div#right-col-header {
			float: right;
			width: 275px;
			margin-top:-52px;
			margin-right: -35px;
		}
		div#main-content div#right-col-header ul#products {
			height: 26px;
			list-style: none;
			}
			ul#products li {
				display: inline;
			}
			ul#products li a {
				display: block;
				height: 26px;
				padding-right: 2px;
				text-indent: -9999px;			
			}
			ul#products li.product1 a {
				width: 66px;
				background: url(images/products-nav1.gif) no-repeat;
				float: left;
			}
			ul#products li.product1on a {
				width: 66px;
				background: url(images/products-nav1-on.gif) no-repeat;
				float: left;
			}
			ul#products li.product2 a {
				width: 66px;
				background: url(images/products-nav2.gif) no-repeat;
				float: left;
			}
			ul#products li.product2on a {
				width: 66px;
				background: url(images/products-nav2-on.gif) no-repeat;
				float: left;
			}
			ul#products li.product3 a {
				width: 66px;
				background: url(images/products-nav3.gif) no-repeat;
				float: left;
			}
			ul#products li.product3on a {
				width: 66px;
				background: url(images/products-nav3-on.gif) no-repeat;
				float: left;
			}
		div#main-content div#right-col {
			float: right;
			width: 371px;
			padding: 35px 20px 20px 20px;
		}	
			div#main-content div#right-col div#right-col-content{
				width: 371px;
				height: 225px;
				margin: 5px 0 0 0;
				text-align: center;
			}	
			div#main-content div#right-col div#right-col-content-ingredient{
				width: 371px;
				margin: 5px 0 0 0;
				text-align: center;
			}	
			div#main-content div#right-col div#right-col-content .contactHeader{
				color: #bb2025;
				font-size: 1.2em;
				font-style: italic;
			}
			div#main-content div#right-col div#right-col-content h3{
				text-transform: uppercase;
				font-weight: bold;
				color: #660000;
				font-size: 1.4em;
				letter-spacing: 1px;
			}
			div#main-content div#right-col div#right-col-content p{
				color: #8c191c;
				font-size: 1.0em;
				line-height: 1.6em;
				margin-top: 10px;
			}
			div#main-content div#right-col div#right-col-content-ingredient p{
				color: #8c191c;
				font-size: 1.0em;
				line-height: 1.6em;
				margin-top: 10px;
			}
				div#main-content div#right-col div#right-col-content .copy{
					font-size: 1.3em;
					line-height: 1.6em;
				}
				div#main-content div#right-col div#right-col-content-ingredient .copy{
					font-size: 1.3em;
					line-height: 1.6em;
				}
				div#main-content div#right-col div#right-col-content .copy-small{
					font-size: 1.0em;
					line-height: 0.6em;
				}
				div#main-content div#right-col div#right-col-content .author{
					color: #bb2025;
					font-size: 1.0em;
					font-style: italic;
					margin-top: 10px;
				}
				div#main-content div#right-col div#right-col-content div#contactForm{
					text-align: left;
				}
					div#main-content div#right-col div#right-col-content div#contactForm td{
						padding-right: 12px;
					}
				div#main-content div#right-col div#right-col-content div#contactFooter{
					font-size: 0.89em;
					margin-top: 10px;
				}
		
/*
	FOOTER
*/
#footer {
	height: 85px;
	background: url(images/footer-bg.png) no-repeat;
	margin: 0 auto; 
	position: relative;
	width: 840px;
}
#footer p { 
	position: absolute;
	color: #8c191c; 
	font-size: 9px;
	line-height:1.5em;
	top: 10px !important;
	left: 324px !important;
}
#footer-products {
	height: 85px;
	background: url(images/footer-products-bg.png) no-repeat;
	margin: 0 auto; 
	position: relative;
	width: 840px;
}