html {
	width: 100%;
	height: 100%;
	background-color: #fff;
}

body {
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", sans-serif;
	margin: 0;
}

br { line-height: 10px;}

img { float: left;}

a img, a:hover img, a:active img, a:visited img {	border: none; outline: none;}

li a {text-decoration: none;}

#wrapper {
	width: 958px;
  	margin-left: auto;
 	margin-right: auto;
 	overflow: visible;
}

/*****************/
/*  SITE HEADER  */
/*****************/
#header {
	float: left;
	width: 100%;
	min-width: 999px;
	height: 152px;
	background: url(../_img/header-bg.jpg) repeat-x;
}

#logo-wrapper {
	float: left;
	width: 183px;
	height: 183px;
	overflow: hidden;
	margin: 21px 0 0 0;
}

#logo a{
	float: left;
	overflow: hidden;
	width: 183px;
	height: 183px;
	background: url(../_img/logo.png) no-repeat;
	cursor: pointer;
	text-indent: -500px;
}

#logo a:hover {
	background-position: 0 -183px;
}

#nav-wrapper {
	float: right;
	overflow: hidden;
	width: 566px;
	margin: 130px 0 0 0;
}

.nav-item a {
	float: left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #6a4514;
	margin: 0 0 0 28px;
	padding: 0;
	font-weight: bold;
}

.nav-item a:hover {
	color: #a96c1b;
	text-decoration: underline;
}


/***************/
/*  HOME STUFF */
/***************/

#home-body-wrapper {
	width: 944px;
	margin: 0 auto 0 auto;
}

#home-body-content {
	float: left;
	width: 944px;
	height: 400px;
/* 	background: url(../_img/fpo-home-body-wrapper.jpg) no-repeat; */
	margin: 66px 0 0 0;
}

.home-bucket-wrapper {
	width: 944px;
	height: 190px;
	margin: 0 auto 0 auto;
}

.home-bucket {
	float: left;
	width: 271px;
	height: 190px;
	margin-top: 40px;
}

.snack-bucket {
	float: left;
	width: 271px;
	margin-top: 66px;
}

.bucket-spacer, .snack-spacer {
	float: left;
	width: 1px;
	height: 188px;
	margin: 68px 32px 0 32px;
}

.bucket-spacer {
	background: url(../_img/bucket-spacer.jpg) no-repeat;
	
}

h3 .bucket-whats-new, h3 .bucket-howto-order, h3 .bucket-follow-scratch {
	float: left;
	overflow: hidden;
	text-indent: -500px;
	margin: -19px 0 0 0;	
}

h3 .bucket-whats-new {
	width: 194px;
	height: 50px;
	background: url(../_img/bucket-whats-new.png) no-repeat;
}

h3 .bucket-howto-order {
	width: 215px;
	height: 50px;
	background: url(../_img/bucket-howto-order.png) no-repeat;
}

h3 .bucket-follow-scratch {
	width: 225px;
	height: 49px;
	background: url(../_img/bucket-follow-scratch.png) no-repeat;
}

.bucket-sub-text, .snacks-sub-text {
	float: left;
	width: 271px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 19px;
	text-decoration: none;
	letter-spacing: normal;
	color: #6a4514;
}

.bucket-sub-text {
	
	margin: 13px 0 0 0;
}
.snacks-sub-text {
	margin: 0 0 0 0;
}

.bucket-link a {
	float: left;
	height: 18px;
	background: url(../_img/btn-pink-link.png) no-repeat;
	color: #000;
	font-size: 12px;
	padding-left: 30px;
	padding-top: 4px;
	margin: 14px 0 0 0;
}

.btn-fb-link a {
	float: left;
	height: 18px;
	background: url(../_img/btn-fb-link.png) no-repeat;
	color: #000;
	font-size: 12px;
	padding-left: 30px;
	padding-top: 4px;
	margin: 6px 0 0 0;
}

.btn-twitter-link a {
	float: left;
	height: 18px;
	background: url(../_img/btn-twitter-link.png) no-repeat;
	color: #000;
	font-size: 12px;
	padding-left: 30px;
	padding-top: 4px;
	margin: 6px 0 0 0;
}

.bucket-link a:hover, .btn-fb-link a:hover, .btn-twitter-link a:hover {
	background-position: 0 -22px;
	color: #65888a;
}


/******************/
/*  FOOTER STUFF  */
/******************/
#footer-wrapper {
	float: left;  
	width: 100%;
	min-width: 999px;
    display: block;
	height: 113px;
	padding: 0px;
	margin: 80px 0 0 0;
	border: 0px;
	background-color: #c2e0ff;
}

#footer-content {
	width: 958px;
  	margin-left: auto;
 	margin-right: auto;
 	overflow: visible;
 	background-color: #c2e0ff;
}

.footer-link a {
	float: left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #6a4514;
	margin: 28px 0 0 8px;
	padding: 0;
}

.footer-link a:hover {
	color: #a96c1b;
	text-decoration: underline;
}

.footer-tag {
	float: right;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #356388;
	margin: 28px 0 0 0;
}

/********************/
/*   HEADER ITEMS   */
/********************/
.header-breakfast, .header-sweets, .header-gf, .header-about, .header-orders {
	float: left;
	text-indent: -900px;
	overflow: hidden;
	margin: 64px 900px -40px 0;
}

.header-breakfast {
	width: 306px;
	height: 27px;
	background: url(../_img/header-bfast.jpg) no-repeat;
}

.header-sweets {
	width: 181px;
	height: 26px;
	background: url(../_img/header-sweets.jpg) no-repeat;
}

.header-gf {
	width: 326px;
	height: 26px;
	background: url(../_img/header-gf.jpg) no-repeat;
	margin: 64px 900px 32px 0;
}

.header-about {
	width: 147px;
	height: 26px;
	background: url(../_img/header-about.jpg) no-repeat;
	margin: 64px 900px 0 0;
}

.header-orders {
	width: 214px;
	height: 26px;
	background: url(../_img/header-orders.jpg) no-repeat;
	margin: 64px 900px 22px 0;
}


/********************/
/*      TITLES      */
/********************/
h3 .bucket-mini-breads, h3 .bucket-loaves, h3 .bucket-scones, 
h3 .bucket-cookies, h3 .bucket-bars, h3 .bucket-other-goods,
h3 .title-gf-resources, h3 .title-faces, h3 .title-kudos {
	float: left;
	text-indent: -900px;
	overflow: hidden;
	margin: 20px 0 37px 0;
}

h3 .bucket-mini-breads {
	width: 146px;
	height: 20px;
	background: url(../_img/title-minis.jpg) no-repeat;
}

h3 .bucket-loaves {
	width: 132px;
	height: 25px;
	background: url(../_img/title-loaves.jpg) no-repeat;
}

h3 .bucket-scones {
	width: 177px;
	height: 21px;
	background: url(../_img/title-scones.jpg) no-repeat;
}

h3 .bucket-cookies {
	width: 95px;
	height: 20px;
	background: url(../_img/title-cookies.jpg) no-repeat;
}

h3 .bucket-bars {
	width: 199px;
	height: 20px;
	background: url(../_img/title-bars.jpg) no-repeat;
}

h3 .bucket-other-goods {
	width: 205px;
	height: 20px;
	background: url(../_img/title-other-goods.jpg) no-repeat;
}

h3 .title-gf-resources {
	width: 191px;
	height: 41px;
	background: url(../_img/title-gf-resources.jpg) no-repeat;
	margin: 0 49px 0 0;
}

h3 .title-faces {
	width: 263px;
	height: 20px;
	background: url(../_img/title-faces.jpg) no-repeat;
	margin: -19px 200px 20px 0;
}

h3 .title-kudos {
	width: 179px;
	height: 41px;
	background: url(../_img/title-kudos.jpg) no-repeat;
	margin: 4px 0 0 0;
}

h3 .title-scratch-retail {
	float: left;
	text-indent: -900px;
	overflow: hidden;
	width: 215px;
	height: 26px;
	background: url(../_img/title-scratch-retail.jpg) no-repeat;
	margin: 34px 66px 15px 0;
}


/****************/
/* SNACK STYLES */
/****************/
.snack-wrapper, .resources-wrapper, .kudos-wrapper {
	float: left;
	width: 944px;
	margin: 32px 0 0 0;
}

.gf-snack-wrapper {
	float: left;
	width: 944px;
	margin: 12px 0 0 0;
}

.resources-wrapper, .kudos-wrapper {
	border-top: 1px solid #cccccc;
}

.instructions-wrapper {
	float: left;
	width: 610px;
	margin: 32px 0 0 0;
}

.retails-wrapper {
	float: left;
	width: 286px;
	height: 530px;
	margin: -78px 0 0 11px;
	padding-left: 29px;
	border-left: 1px solid #cccccc;
}

.retails-wrapper p a, 
.retails-wrapper p a:active, 
.retails-wrapper p a:visited {
	color: #5d3700;
	text-decoration: none;
}

.retails-wrapper p a:hover {
	color: #5d3700;
	text-decoration: underline;
}

.retails-wrapper p {
	color: #6a4514;
	line-height: 17px;
	font-size: 12px; 
}

.snack-name {
	float: left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.snack-info {
	float: left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	margin: -12px 0 15px 0;
}

.tagline, .contact-info {
	float: left;
	font-size: 14px;
	color: #65888a;
	width: 940px;
	line-height: 20px;
}

.tagline {
	margin: -25px 0 0 0;
}

.tagline a, .contact-info a {
	text-decoration: none;
	color: #65888a;
}

.tagline a:hover, .contact-info a:hover {
	text-decoration: underline;
}

.recipie-wrapper {
	float: left;
	width: 280px; 
	margin: 0 0 0 55px;
}

.order-instructions-wrapper {
	float: left;
	width: 260px; 
	margin: 0 0 0 0;
}

.instructions-padder {
	padding-top: 40px;
}

.gf-recipie {
	float: left;
	width: 280px;
	color: #6a4514;
	margin: -6px 0 4px 0;
	line-height: 20px;
}

.instructions {
	float: left;
	width: 270px;
	color: #6a4514;
	margin: 0 0 4px 0;
	line-height: 20px;
}

.resource-info {
	float: left;
	width: 200px;
	color: #356388;
	line-height: 20px;
	margin: 0 0 0 32px;
}

.resource-name {
	margin-top: 2px;
}

.resource-summary {
	float: left;
	font-family: Helvetica,Arial;
	font-size: 12px;
}

.resource-info a {
	float: left;
	margin-top: -10px;
	color: #356388;
	text-decoration: underline; 
}

.resource-info a:hover {
	color: #498cc1;
	text-decoration: underline;
}

.about-bios-wrapper, .good-planet-wrapper {
	float: left;
	width: 535px;
	margin: 0 0 0 40px;
}

.about-bio, .bio-right {
	 float: left;
	 width: 252px;
	 color: #6a4514;
	 line-height: 17px;
	 font-size: 12px; 
	 margin-top: -16px;
}

.bio-right { margin-left: 25px;}

.scratch-story-wrapper {
	float: left;
	width: 369px;
}

h3 .scratch-story-title {
	float: left;
	width: 315px;
	height: 25px;
	background: url(../_img/title-scratch-story.jpg) no-repeat;
	text-indent: -900px;
	overflow: hidden;
}

.scratch-story-wrapper p,
.good-planet-wrapper p {
	float: left;
	color: #6a4514;
	line-height: 17px;
	font-size: 12px;
	overflow: hidden;
	height: 100%;
}

.good-planet-wrapper p {
	width: 252px;
}

.good-planet-title {
	float: left;
	width: 425px;
	height: 24px;
	background: url(../_img/title-good-planet.jpg) no-repeat;
	text-indent: -900px;
	overflow: hidden;
}

.good-planet-text {
	float: left;
	width: 252px;
	overflow: hidden;
}

.photo-biopack {
	float: left;
	width: 220px;
	height: 128px;
	background: url(../_img/photo-biopack.jpg) no-repeat;
	margin: 18px 0 0 30px;
	text-indent: -999px;
	overflow: hidden;
}

.souper-jenny-wrapper {
	float: left;
	width: 140px;
}

.souper-jenny-wrapper a {
	float: left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	color: #6a4514;
	margin: 0;
	padding: 0;
	outline: none;
	
}

.sopuer-jenny-icon {
	float: left;
	width: 72px;
	height: 99px;
	margin: 12px 0 0 45px;
	overflow: hidden;
	cursor: pointer;
}

/*********************/
/* UNDER CONTRUCTION */
/*********************/
#construction-wrapper {
	width: 100%;
	height: 100%;
	background-color: #b7dbff;
}

#under-construction{
	width: 278px;
	margin: 0 auto 0 auto;
	padding: 60px 0 0 0;
}

.construction-message {
	width: 340px;
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
	color: #4a2900;
	text-align: center;
	font-size: 18px;
}

.construction-message a {
	color: #99692c;
}

.accent {
	color: #99692c;
}