/* This rule resets a core set of elements so that they will appear consistent across browsers.*/
html, body, div, span, p, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  background-color: #dad7ce;
  color: #18100e;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
  color: #000;
  font-size: 17px;
  font-weight: bold;
  line-height: 14px;
}
h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
p {margin: 1em 0;} 
/* Sets the style for unvisited links. */
a,  a:link {
  color: #000;
  text-decoration: underline;
}
a:visited {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #554d45;
  text-decoration: underline;
}
a:focus {
  color: #554d45;
}
a:active {
  color: #000;
}
/* This is a container for the page content. IE 5 browser require the use of text-align: center defined by the body element to center the container.*/
#outerWrapper {
  margin: 0 auto 0 auto;
  min-width: 900px;
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 900px;
}
#outerWrapper #header {
  background-color: #000;
}
#outerWrapper #contentWrapper {
  background-color: #968d81;
  border-bottom:solid 1px #231c1a;
}

/*this is the home page layout */
#outerWrapper #contentWrapper #rightColumn1 {
	float: right;
	width: 230px;
	background-image:url(../images/image_home2.jpg);
	background-repeat:no-repeat;
	height: 153px;
	padding-top: 38px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 126px;
	line-height: 20px;
	color: #3f3835;
}

/*this is the green page layout */
#outerWrapper #contentWrapper #rightColumnG {
	float: right; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 255px;
	background-image: url(../images/image_back_greenR.jpg);
	background-repeat:no-repeat;
	height: 241px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 30px;
	line-height: 20px;
	color: #3f3835;
}
/*this is the contact page layout */
#outerWrapper #contentWrapper #rightColumnC {
	float: right; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 140px;
	background-image: url(../images/image_back_contentR.jpg);
	background-repeat:no-repeat;
	height: 302px;
	padding-top: 15px;
	padding-right: 45px;
	padding-bottom: 10px;
	padding-left: 45px;
	line-height: 12px;
}

#outerWrapper #contentWrapper #leftColumn1 {
  float: left;
  width: 175px;
  display:block;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #contentHome {
  margin: 0 416px 0 175px;
}
#outerWrapper #contentWrapper #contentGreen {
  margin: 0 325px 0 175px;
}
#outerWrapper #contentWrapper #contentContact {
  margin: 0 230px 0 175px;
}

/*this is the rest of the pages layout */
/*sing a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
  margin: 0 0 0 175px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #subnav {
  background-color: #342b22;
  height: 40px;
}
#outerWrapper #footerWrapper {
	background-color: #968d81;
	display: block;
}
#outerWrapper #footerRight {
	margin: 0 0 0 484px;
	width: 416px;
	background-image:url(../images/image_home_flash.jpg);
	background-repeat:no-repeat;
	height: 307px;
}
#outerWrapper #footer {
	float: left;
	width: 484px;
}
#outerWrapper #footerGreen {
  background-color: #b9b888;
  background-image: url(../images/image_back_greenBottom.jpg);
  background-repeat:no-repeat;
  height: 227px;
  line-height: 22px;
  color: #3f3835;
}
#outerWrapper #footerPrint {
  background-color: #b1aba1;
  background-image: url(../images/image_back_printBottom.jpg);
  background-repeat:no-repeat;
  height: 327px;
}
#outerWrapper #footerPrint #printRight{
  margin: 0 0 0 440px;	
}
#outerWrapper #footerPrint #printLeft{
  float: left;
  width: 440px;	
  line-height: 22px;
}

#outerWrapper #footerContact {
  background-color: #b1aba1;
  background-image: url(../images/image_back_contactBottom.jpg);
  background-repeat:no-repeat;
  height: 181px;
}
/* Product footer section content */
#outerWrapper #footerProduct {
  background-color: #b1aba1;
  background-image: url(../images/image_back_bio.jpg);
  background-repeat:no-repeat;
  height: 327px;
}
#outerWrapper #footerProduct a, #outerWrapper #footerProduct a:link {
  color: #cdc5c0;
  font-weight: bold;
  text-decoration: none;
}
#outerWrapper #footerProduct a:visited {
  color: #cdc5c0;
  font-weight: bold;
  text-decoration: none;
}
#outerWrapper #footerProduct a:hover {
  color: #000;
  text-decoration: underline;
}
#outerWrapper #footerProduct #productRight{
  margin: 0 0 0 517px;	
}
#outerWrapper #footerProduct #productLeft{
  float: left;
  width: 517px;	
}
#outerWrapper #footerProduct #productcontent { /*text content*/
	margin: 6px 0px 0 74px;
	width: 410px;
	line-height: 16px;
}
#outerWrapper #footerProduct #bioPlusContent { /*text content*/
	margin: 6px 0px 0 74px;
	width: 345px;
	line-height: 16px;
}
#outerWrapper #footerProduct #smartservContent { /*text content*/
	margin: 6px 0px 0 74px;
	width: 430px;
	line-height: 16px;
}
#outerWrapper #footerProduct #foldpakContent { /*text content*/
	margin: 6px 0px 0 74px;
	width: 495px;
	line-height: 16px;
}
#outerWrapper #footerProduct #stockContent { /*text content*/
	margin: 6px 0px 0 74px;
	width: 350px;
	line-height: 16px;
}
#outerWrapper #footerProduct table {
	border-top:solid 1px #b2ada3;
	border-left:solid 1px #b2ada3;
	background-color:#a19b90;
}
#outerWrapper #footerProduct table td{
	border-right:solid 1px #b2ada3;
	border-bottom:solid 1px #b2ada3;
}

/* Market footer section content */
#outerWrapper #footerMarket {
  background-color: #b1aba1;
  background-image: url(../images/image_back_marketBottom.jpg);
  background-repeat:no-repeat;
  display: block;
  height: 338px;
}
#outerWrapper #footerMarket #rightColumn {
	margin: 0 0 0 355px;
	width: 430px;
	padding-top: 35px;
	padding-right: 75px;
	padding-left: 40px;	
}
#outerWrapper #footerMarket #marketcontent { /*text content*/
	float: left;
	width: 255px;
	padding-top: 35px;
	padding-right: 30px;
	padding-left: 70px;	
}
#textGreen {
	padding-left:188px;
	padding-top: 25px;
	width: 380px;
}
#textPrint {
	padding-left:75px;
	padding-top: 25px;
	width: 320px;
}
#biobox {
	margin-left:500px;
}
.subNav {
	margin-left:19px;
}
.setLeft {
	margin-left:-12px;
	padding-right:4px;
}
.cWhite {
  color: #cdc5c0;
}