@charset "UTF-8";
/* CSS Document */

body {
	background-color: #C2C1C1; /*was #eee*/
}


/* IDENTIFIERS */

#wrapper {
	position: relative;
	text-align: left;
	width: 920px;
	background-color: #C2C1C1;
	border-left: #80561B 1px solid;
	border-right: #80561B 1px solid;
	/*padding-bottom: 20px;*/
}

#masthead {
	position: relative;
	margin-bottom: 32px;
	height: 144px; /* min height=128px */
	background: url(../images/COOL-DETAIL-BROWN.gif) no-repeat 500px 0;
}
#masthead #logo {
	position: absolute;
	left: 57px;
	top: 32px;
}
#masthead #subtitle {
	position: absolute;
	left: 62px;
	top: 88px;
}
#masthead #ornament {
	position: absolute;
	left: 400px;
	top: 20px;
}
#masthead #newsletter {
	position: absolute;
	left:  710px;
	top: 28px;
}
#masthead #newsletter #shopcart-link {
	display: block;
	border: none; 
	margin-bottom: 2px; 
}
#masthead #newsletter #shopcart-link img {
	margin: 2px 6px -3px 0;
}

/*
#navigation {
	position: relative;
	text-align: center;
	height: 32px;
}
*/
#navigation {
	position: absolute;
	width: 918px;
	top: 144px;
	left: 0;
	text-align: center;
	height: 32px; /* min height=20px, not necessary to specify */
}
#navigation ul {
	padding: 1px 0 2px 0;
}
#navigation ul li {
	position: relative;
	display: inline;
	margin: 0 8px;
}
#navigation ul li a {
	padding: 4px 8px;
	border: none;
	background-color: #C2C1C1;
}

/* -------- CSS/JS DropDowns -------- */

#navigation ul li ul {
	position: absolute;
	z-index: 1000;
	top: 13px;
	left: 0;
	text-align: left;
	display: none;
}
#navigation ul li ul li {
	margin: 0;
	display: block;
}
#navigation ul li ul li.first-child {
	margin-top: 6px;
}
#navigation ul li ul li a {
	padding: 4px 12px;
	background-color: #C2C1C1;
	width: 85px;
	display: block;
}
#navigation ul li ul li a:hover {
	background-color: #eee;
}
#navigation ul li:hover ul, 
#navigation ul li.over ul { 
	display: block; 
}
/* Fix IE. Hide from IE Mac \*/
* ul li ul li { float: left; height: 1%; }
* ul li ul li a { height: 1%; }
/* End */

/* -------- END CSS/JS DropDowns -------- */


/* -------- JS SlideShow -------- */

#banners #slideshow2 {
	position: relative;
	width: 890px;
	height: 350px;
	margin: 0 15px;
	overflow: hidden;
}
#banners #slideshow2 img {
	position: absolute;
	left: 0;
	top: 0;
}
#banners a {
	border: none;
}

/* -------- END JS SlideShow -------- */


#banners {
	text-align: center;
	height: 374px; /* min height=350px, not necessary to specify */
}

#subcontent {
	height: 187px; /* min height=167px */
	padding: 0 26px;
}
#subcontent .subbox {
	width: 258px;
	height: 137px;
	float: left;
	padding: 15px;
}
#subcontent .coolback {
	background: url(../images/COOLBACK.jpg) no-repeat;
}
#subcontent .subbox img {
	float: right;
	margin: -5px -5px 7px 7px;
}
#subcontent .subbox p {
	margin: 4px 0 4px 0;
}

.singlecolumn {
	position: relative;
	width: 890px;
	margin: 0 15px 25px 15px;
}
.darkgrey {
	background-color: #A19C9B;
}
.peach {
	background-color: #B2A08E;
}
.singlecolumn #paragraphbox {
	padding: 100px 0 20px 340px;
}
.singlecolumn #paragraphbox p {
	width: 510px;
	padding: 6px 0;
}
.singlecolumn #paragraphbox ul li {
	margin: 0 70px .8em 1.5em;
}
.singlecolumn #whoweare {
	position: absolute;
	top: 58px;
	left: 340px;
}
.singlecolumn #definition {
	position: absolute;
	top: 108px;
	left: 0px;
}
.singlecolumn #mission {
	position: absolute;
	top: 15em; /*234px*/
	left: 0;
}
.singlecolumn #philosophy {
	position: absolute;
	top: 23em; /*360px*/
	left: 0;
}
.singlecolumn #terri-badge {
	position: absolute;
	top: 635px;
	left: 25px;
}
.singlecolumn #mary-badge {
	position: absolute;
	top: 1780px;
	left: 25px;
}
.singlecolumn #francesca-badge {
	position: absolute;
	top: 2130px;
	left: 25px;
}
.singlecolumn #botanical {
	margin: 15px 0 0 205px;
}
.singlecolumn #rose {
	position: absolute;
	top: 100px;
	right: 0;
}
.singlecolumn .column-wrapper {
	position: relative;
	width: 820px;
	padding: 30px 0 50px 70px;
	background: url(../images/FLOURISH-light.gif) repeat-y 30px 0;
}
.singlecolumn .singlecolumn-subbox {
	margin-top: 12px;
}
.singlecolumn .singlecolumn-subbox img {
	float: right;
}
.singlecolumn .singlecolumn-subbox p {
	width: 430px;
	padding: 6px 0;
}

#flourish-border {
	background: url(../images/FLOURISH.gif) repeat-x;
	height: 17px;
}
#piping-border {
	background: url(../images/BROWN-BORDER-VERT-4C.gif) repeat-x;
	height: 31px;
	margin-top: -1px;
}


/* Eco Education */
#ecoeducation-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	padding-bottom: 15px;
	background-color: #A4A3A3;
}
#ecoeducation-content #public-events {
	position: relative;
	margin: 50px;
	padding-bottom: 100px;
	background-color: #9D8C7A;
}
#ecoeducation-content #public-events #header {
	height: 20px;
	padding: 20px 40px;
	margin-bottom: 30px;
	background-color: #906C4A;
}
#ecoeducation-content #group-events {
	position: relative;
	margin: 50px;
	padding-bottom: 100px;
	background-color: #8D8887;
}
#ecoeducation-content #group-events #header {
	height: 14px;
	padding: 24px 30px;
	margin-bottom: 30px;
	background-color: #5D5655;
}
#ecoeducation-content #public-events p,
#ecoeducation-content #group-events p {
	width: 460px;
	margin-left: 40px;
}
#ecoeducation-content #group-events p {
	margin-top: 1em;
}
#ecoeducation-content #group-events ul,
#ecoeducation-content #group-events table {
	margin: .5em 0 1.5em 55px;
}
#ecoeducation-content #group-events ul li,
#ecoeducation-content #group-events table {
	color: #000;
}
#ecoeducation-content #group-events table td {
	padding: 8px 20px;
	line-height: 1.2em;
}
#ecoeducation-content #public-events h3,
#ecoeducation-content #group-events h3 {
	margin-left: 40px;
	margin-top: 1.5em;
}
#ecoeducation-content #group-events #flowers {
	position: absolute;
	top: 100px;
	right: 35px;
}
#ecoeducation-content #public-events #flowers {
	position: absolute;
	top: 130px;
	right: 35px;
}
#ecoeducation-content #public-events #crest {
	position: absolute;
	bottom: 0;
	right: 10px;
}
#artist-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	background-color: #B2A08E;
}
#artist-content #bigtitle {
	position: absolute;
	top: 50px;
	left: 0px;
}
#artist-content #smalltitle {
	display: none;
	position: absolute;
	top: 110px;
	left: 50px;
}
#artist-content #gallery {
	position: absolute;
	right: 40px;
	top: 90px;
}
#artist-content #artist-text {
	padding: 160px 0 50px 50px;
	width: 310px;
}
#artist-content #artist-text p {
	margin-top: 1.5em;
}



/* Recipes */
#recipe-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	padding: 40px 0 50px 0;
	background-color: #A4A3A3;
}
#recipe-content #bigtitle {
	display: block;
}
#recipe-content #littletitle {
	display: block;
	margin: 30px 0 0 80px;
}
#recipe-content #flatware {
	position: absolute;
	top: 30px;
	right: 30px;
}
#recipe-content #essoils {
	position: absolute;
	top: 3330px;
	right: 80px;
}
#recipe-content #recipe-text {
	margin: 0 360px 0 80px;
}
#recipe-content #recipe-text table {
	margin: 1em 0 2em 2em;
}
#recipe-content #recipe-text table td {
	padding-right: 45px;
}
#recipe-content ul {
	margin: 6px 15px;
}
#recipe-content p {
	padding: 6px 0;
}
#recipe-content h2 {
	padding-top: 20px;
}

#recipe-skin-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	padding: 40px 0 50px 0;
	background-color: #A4A3A3;
}
#recipe-skin-content #bigtitle {
	display: block;
}
#recipe-skin-content #skin {
	position: absolute;
	top: 110px;
	right: 30px;
}
#recipe-skin-content #recipe-skin-text {
	margin: 20px 380px 0 80px;
}
#recipe-skin-content ul {
	margin: 6px 15px;
}
#recipe-skin-content p {
	padding: 6px 0;
}
#recipe-skin-content h2 {
	padding-top: 20px;
}



/* Relationships */
#relationships-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	padding: 45px 0 50px 0;
	background-color: #987365;
}
#relationships-content #relationships-text {
	background: url(../images/COOL-TEXT-SCAN.jpg) no-repeat 406px 0;
}
#relationships-content #bigtitle {
}
#relationships-content #subtitle {
	margin: 25px 0 30px 50px;
}
#relationships-content #threecol {
	height: 820px;
	margin-left: 50px;
}
#relationships-content #threecol p {
	font-weight: bold;
	color: #4E1A2E;
	margin-bottom: 1.5em;
	line-height: 1.3em;
}
#relationships-content #threecol a {
	font-weight: normal;
	font-style: italic;
	border: none;
	text-decoration: underline;
	color: #592A3C;
	
	line-height: 1.3em;
}
#relationships-content #threecol .relcol {
	width: 240px;
	float: left;
}


/* Services */
#services-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	padding: 45px 0 50px 0;
	background-color: #8D8584;
}
#services-content #bigtitle {
	position: absolute;
	top: 45px;
	left: 0;
}
#services-content #subtitle {
	position: absolute;
	top: 180px;
	right: 90px;
}
#services-content #scoop {
	position: absolute;
	top: 450px;
	right: 118px;
}
#services-content #decorative {
	position: absolute;
	background: url(../images/FLOURISH-mid.gif) repeat-y;
	width: 17px;
	height: 100%;
	top: 0;
	right: 50px;
}
#services-content #services-text {
	margin: 0 0 0 150px;
	width: 380px;
}


/* Contact */
#contact-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	padding: 45px 0 50px 0;
	background-color: #8D8584;
}
#contact-content #bigtitle {
	position: absolute;
	top: 65px;
	left: 0;
}
#contact-content #scoop {
	position: absolute;
	top: 130px;
	right: 68px;
}
#contact-content #contact-text {
	margin: 60px 0 300px 170px;
	width: 380px;
}


/* Studio */
#studio-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	background-color: #B2A08E;
}
#studio-content #title {
	position: absolute;
	top: 50px;
	left: 50px;
}
#studio-content #decorum {
	position: absolute;
	left: 50px;
	bottom: 25px;
}
#studio-content #studio-text {
	padding: 80px 0 120px 50px;
	width: 350px;
}
#studio-content #studio-text ul{
	margin: 20px 0 0 0;
}
#studio-content #studio-text ul li {
	display: inline;
	margin: 0px 0px;
}
#studio-content #studio-text ul li a {
	padding: 8px 4px;
	border: none;
}
#studio-content #placeholder {
	position: absolute;
	top: 60px;
	left: 430px;
}

/*SHOP*/
#shop-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	padding: 0 0 70px 0;
	background-color: #B2A08E;
}
#shop-content #title {
	position: absolute;
	top: 50px;
	left: 65px;
}
#shop-content #shop-text {
	padding: 100px 55px 20px 65px;
}
#shop-content #shop-text img {
	float: left;
	margin: -25px 45px 50px 0;
}
#shop-content #shop-text table td {
	padding: 0 20px 20px 0;
}
#shop-content #shop-text #terri-sig {
	float: none;
	margin: -10px 0 -8px 20px;
}
.shop-form-td {
	background: url(../images/products/bkgd.jpg) no-repeat;
	width: 433px;
	height: 71px;
}
.item-title {
	width: 34px;
}
.shop-form-td form {
	position: relative;
	padding-top: 24px;
}
.shop-item {
	clear: both;
	padding-top: 25px;
}
.AddtoCartTitle {
	display: inline;
	margin: 0 0 0 22px;
}
.AddtoCartQty {
	display: inline;
	margin: 0 22px 0 22px;
}
.AddtoCartbtn  {
	position: absolute;
	top: 0;
	right: 22px;
	margin-top: 24px;
}


/* Products */
#products-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	background-color: #B2A08E;
}
#products-content #title {
	position: absolute;
	top: 50px;
	left: 50px;
}
#products-content #bottle1 {
	position: absolute;
	top: 240px;
	left: 40px;
}
#products-content #bottle2 {
	position: absolute;
	top: 610px;
	left: 40px;
}
#products-content #printable {
	position: absolute;
	top: 110px;
	left: 50px;
}
#products-content #products-text {
	padding: 50px 45px 50px 335px;
}
#products-content #products-text #terri-sig {
	margin: 0 0 -10px 20px;
}
#products-content #products-text #spacing {
	margin: 50px 0 25px 0;
}

#products-content #products-text table td {
	padding: 0 15px 20px 0;
}
#products-oils-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	background-color: #B2A08E;
}
#products-oils-content #title {
	position: absolute;
	top: 70px;
	left: 110px;
}
#products-oils-content #sidetitle {
	position: absolute;
	top: 150px;
	left: 0;
}
#products-oils-content #eo-display {
	position: absolute;
	top: 35px;
	left: 550px;
}
#products-oils-content #organic-title {
	position: absolute;
	top: 145px;
	left: 110px;
	width: 390px;
}

#products-oils-content #products-oils-text {
	padding: 290px 15px 80px 70px;
}
#products-oils-content #products-oils-text table td {
	padding: 0 15px;
	vertical-align: middle; 
}

#products-oils-content #products-oils-text .eo-label {
	border: none;
}
#products-oils-content #products-oils-text .eo-label img {
	margin: 5px 0;
}




#products-wholesale-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	background-color: #B2A08E;
}
#products-wholesale-content #title {
	position: absolute;
	top: 50px;
	left: 50px;
}
#products-wholesale-content #sidetitle {
	position: absolute;
	top: 130px;
	left: 0;
}
#products-wholesale-content #bottle1 {
	position: absolute;
	top: 110px;
	right: 40px;
}
#products-wholesale-content #bottle2 {
	position: absolute;
	top: 450px;
	right: 40px;
}
#products-wholesale-content #products-wholesale-text {
	padding: 130px 345px 50px 100px;
}
#products-wholesale-content #products-wholesale-text p,
#products-wholesale-content #products-wholesale-text h3 {
	margin-bottom: 1em;
}

#products-wscatalog-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	background-color: #B2A08E;
}
#products-wscatalog-content #title {
	position: absolute;
	top: 50px;
	left: 50px;
}
#products-wscatalog-content #products-wscatalog-text {
	padding: 120px 145px 50px 60px;
}
#products-wscatalog-content #products-wscatalog-text table td{
	padding: 10px 20px;
}

#products-wsoils-content {
	position: relative;
	width: 890px;
	margin: 0 15px 30px 15px;
	background-color: #B2A08E;
}
#products-wsoils-content #title {
	position: absolute;
	top: 50px;
	left: 50px;
}
#products-wsoils-content #sidetitle {
	position: absolute;
	top: 130px;
	left: 0;
}
#products-wsoils-content #products-wsoils-text {
	padding: 120px 85px 50px 60px;
}
#products-wsoils-content #products-wsoils-text table td{
	padding: 10px 20px;
}



.corner-tl {
	position: absolute;
	top: 0;
	left: 0;
}
.corner-tr {
	position: absolute;
	top: 0;
	right: 0;
}
.corner-bl {
	position: absolute;
	bottom: 0;
	left: 0;
}
.corner-br {
	position: absolute;
	bottom: 0;
	right: 0;
}
.align-right {
	text-align: right;
}