﻿/*** transparency stuff ***/
body.page-welcome #body-wrapper, body.page-join-us #body-wrapper, body.page-nutritious #body-wrapper, body.page-boutique #body-wrapper body.page-products #body-wrapper, body.page-stories #body-wrapper, body.page-granola #body-wrapper, body.page-recipes #body-wrapper, #main-wrapper, #content-wrapper, .content-top, .content-bottom, .join a, .nutritious a, .products a .boutique a, .stories a, .recipes a, .granola a, #header img { behavior: url(/en/js/iepngfix.htc) }


html, body {
	margin: 0;
	padding: 0;
}

html {
	background: #000;
}

body {
	font: 11px/16px Verdana, Geneva, sans-serif;
	margin: 0 auto;
	width: 965px;
	color: #2e2e2e;
}


/*** COMMON ELEMENTS
**************************************/

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/*** WRAPPERS
**************************************/
body.page-welcome #body-wrapper {
	background: #fff url(../i/welcome-bg.png) no-repeat 0 0;
}

body.page-join-us #body-wrapper {
	background: #fff url(../i/join-us-bg.png) no-repeat 0 0;
}

body.page-nutritious #body-wrapper {
	background: #fff url(../i/nutritious-bg.png) no-repeat 0 0;
}

body.page-products #body-wrapper {
	background: #fff url(../i/products-bg.png) no-repeat 0 0;
}

body.page-boutique #body-wrapper {
	background: #fff url(../i/boutique-bg.png) no-repeat 0 0;
}

body.page-stories #body-wrapper {
	background: #fff url(../i/stories-bg.png) no-repeat 0 0;
}

body.page-granola #body-wrapper {
	background: #fff url(../i/granola-bg.png) no-repeat 0 0;
}

body.page-recipes #body-wrapper {
	background: #fff url(../i/recipes-bg.png) no-repeat 0 0;
}

#main-wrapper {
	background: url(../i/branding.png) no-repeat 0 0;
	overflow: hidden;
}

#home-wrapper {
	float: right;
	margin-right: 0px;
	overflow: hidden;
	padding-bottom: 45px;
	width: 830px;
}

#content-wrapper {
	background: url(../i/content-bg.png) repeat-y 0 0;
	float: right;
	margin: 0;
	overflow: hidden;
	width: 785px;
}
#content-wrapper #content p1 {
	font-family: Georgia;
	font-size: 14px;
}
.content-top {
	background: url(../i/content-top.png) no-repeat right top;
	float: right;
	margin: 0 17px 0 0;
	padding: 5px 0 0 0;
	width: 785px;
}


.content-bottom {
	background: url(../i/content-bottom.png) no-repeat 0 0;
	float: right;
	height: 40px;
	margin: 0 17px 0 0;
	width: 785px;
}

/*** LANGUAGE
**************************************/
.language {
	float: right;
	margin: 5px 20px 0 0;
	text-align: center;
}


	.language a {
		color: #000;
		text-decoration: none;
	}

	.language a:hover {
		text-decoration: underline;
	}


/*** HEADER
**************************************/
#header {
	padding-top: 65px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 240px;
}

/*** SIDEBAR
**************************************/
#sidebar {
	float: left;
	margin: 0 0 0 40px;
	padding: 10px 0 0;
	width: 115px;
}

#sidebar ul#navigation {
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul#navigation li {
		margin: 5px 0;
		padding: 0;
	}

	ul#navigation li a {
		color: #6a6a6a;
		font: 14px Georgia, serif;
		text-decoration: none;
	}

		ul#navigation li a.current {
	color: #826408;
		}

	ul#navigation li a:hover {
		color: #000;
	}


/*** CONTENT
**************************************/
#content {
	float: right;
	padding: 10px 0 0;
	width: 610px;
}


#content p {
	margin: 8px 50px 10px 0;
	padding: 0;
}


/*** CONTENT - HOME
**************************************/
.home {
	float: left;
	width: 274px;
}

.join a, .nutritious a, .products a, .boutique a, .stories a, .recipes a, .granola a {
	display: block;
	height: 185px;
	text-decoration: none;
	width: 274px;
}

	.join a {
		background: url(../i/home-rolls/join-us.png) no-repeat 0 -185px;
	}
	.join a:hover {
		background-position: 0 0;
	}

	.nutritious a {
		background: url(../i/home-rolls/nutritious.png) no-repeat 0 -185px;
	}
	.nutritious a:hover {
		background-position: 0 0;
	}

	.products a {
		background: url(../i/home-rolls/your-products.png) no-repeat 0 -185px;
	}
	.products a:hover {
		background-position: 0 0;
	}

	.boutique a {
		background: url(../i/home-rolls/your-boutique.png) no-repeat 0 -185px;
	}
	.boutique a:hover {
		background-position: 0 0;
	}

	.stories a {
		background: url(../i/home-rolls/stories.png) no-repeat 0 -185px;
	}
	.stories a:hover {
		background-position: 0 0;
	}

	.recipes a {
		background: url(../i/home-rolls/recipes.png) no-repeat 0 -185px;
	}
	.recipes a:hover {
		background-position: 0 0;
	}

	.granola a {
		background: url(../i/home-rolls/why-granola.png) no-repeat 0 -185px;
	}
	.granola a:hover {
		background-position: 0 0;
	}


/*** FOOTER
**************************************/
#footer {
	color: #fff;
	padding: 10px 0 0;
	text-align: center;
	text-transform: lowercase;
}

#footer ul#footer-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul#footer-nav li {
		display: inline;
		margin: 0 20px 0 0;
		padding: 0;
	}

	ul#footer-nav li.last {
		margin: 0;
	}

	ul#footer-nav li a {
		color: #fff;
		text-decoration: none;
	}

	ul#footer-nav li a:hover {
		text-decoration: underline;
	}

#footer .site-info {
	clear: both;
	margin: 10px 0 0;
	text-align: center;
}

	.site-info a {
		color: #fff;
		text-decoration: underline;
	}

	.site-info span {
		margin-left: 15px;

}
/*** TABLE
**************************************/

#mytable {
	width: 600px;
	padding: 0;
	margin: 0;
}


caption {
	padding: 0 0 5px 0;
	width: 600px;
	font: italic 10px "Georgia", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 10px "Georgia", Verdana, Arial, Helvetica, sans-serif;
	color: #2e2e2e;
	border-right: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 6px;
	background-color: #fef6e3;
	background-image: none;
	background-repeat: no-repeat;
}

th.nobg {
	background: none;
	border-top-width: 0;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
}

td {
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #493205;
}

td.alt {
	background: #fffdf1;
	color: #493205;

}
td.alt2 {
	border-top: 1px solid #b2b2b2;
	background: #fffdf1;
	color: #493205;
	background-color: #fef6e3;
}
td.alt3 {
	border-left: 1px solid #b2b2b2;
	background: #fffdf1;
	color: #493205;
}
td.alt4 {
	border-left: 1px solid #b2b2b2;
	color: #493205;
}
td.alt5 {
	background: #fef6e3;
	color: #493205;

}
th.spec {
	border-left: 1px solid #b2b2b2;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Georgia", Verdana, Arial, Helvetica, sans-serif;
}
th.spec2 {
	border-left: 1px solid #b2b2b2;
	border-top: 0;
	background: #fef6e3 url(images/bullet1.gif) no-repeat;
	font: bold 10px "Georgia", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #b2b2b2;
	border-top: 0;
	background: #fffdf1 url(images/bullet2.gif) no-repeat;
	font: bold 10px "Georgia", Verdana, Arial, Helvetica, sans-serif;
}


#mytable ul {
	padding-left: 10px;
}
#content .article {
	width: 600px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;

}

.bare td {
	border: 0px;
	padding: 3px;
}


.SmallForm {
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:9pt;
	line-height:15px;
	text-decoration:none;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 1;
}

.SmallFormR {
	text-decoration:none;
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-align:right;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	z-index: 1;
}

