/* MAIN CSS DECLARATIONS */

* {
	margin: 0;
	padding: 0;
	}

body {
	background: #222637 url(/images/bg_body2.gif) top repeat-x;
	color: #9ff4fc;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 9pt;
	}
	

h1, h2, h3, h4, p, q {font-family:"Trebuchet MS", Arial, sans-serif; font-weight: normal;}

h1 {font-size:24px; font-weight: normal;}
h2 {font-size:21px; font-weight: normal; padding: 5px 0;}
h3 {font-size:15px; font-weight: normal;}
p {font-size: small; line-height: 1.5em; margin-bottom: 10px; font-weight: normal; color: #fff;}
p i {margin-top:15px;}

q {margin:30px;
	}
/* Main Sections */

#topbar {
/*
	background: #80d1de;
	color: #fff;
	font-family: Tahoma;
	font-size: 7pt;
	margin: 0 auto;
	width: 900px;
	padding:0;
	text-align: right;
	text-transform: uppercase;
*/
	}

#wrapper {
	background: #222637 url(/images/bg_wrapper.jpg) top no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	}

#wrapperInterior {
	background: #222637 url(/images/bg_wrapperInterior.jpg) top no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	}

#content {
	width: 950px;
	margin: 0 auto;
	}
	
.post {
	margin-bottom: 50px;
	}

#indexwrapper {
	padding: 0;
	width: 900px;
	margin: 0 auto;
	}

#header {
	margin: 0;
	padding: 0;
	}

#pages {
	margin: 0;
	padding: 2px 0;
	text-align: right;
	}
	
#sidebar {
	float:right; 
	width: 233px;
	}	
	
#sidebarBlog {
	font-size: 9pt;
	font-family: Trebuchet MS;
	overflow: hidden;
	width: 888px;
	color: #505050;
	line-height: 1.2em;
	margin: 50px auto 0;
	background: #f4f4f4 url(images/sidebarbg.png) bottom repeat-x;
	border: 1px solid #E3E3E3;
	padding: 25px 0 25px 10px;
	}


/* Index */

#presentation {
	overflow: hidden;
	width: 850px;
	margin: 0 auto;
	}

#logo {
	width: 115px;
	height: 175px;
	padding-top:57px;
	padding-left: 85px;
	position: absolute;
	}

#mainContent {
	width: 670px;
	padding-top: 100px;
	padding-left: 265px;
	padding-bottom: 20px;
	}
	
#mainContentInterior {
	width: 670px;
	}
	
#mainContentInterior h2 {margin-top:15px;}

#mainContentInterior h2, h3, p {padding-left: 5px;}


#mainContent .headerImage {
	height: 93px;
	}
	
#mainContent .headerImage h1 {
	background: transparent url(/images/h1_home.jpg) no-repeat;
	text-indent: -5000px;
	padding-bottom: 60px;
	}
	
#mainContentInterior .teas {
	background: transparent url(/images/h1_teas.jpg) no-repeat;
	text-indent: -5000px;
	padding-bottom: 60px;
	}
	
#mainContentInterior .skin {
	background: transparent url(/images/h1_skinCare.jpg) no-repeat;
	text-indent: -5000px;
	padding-bottom: 60px;
	}
	
#mainContentInterior .custom {
	background: transparent url(/images/h1_custom.jpg) no-repeat;
	text-indent: -5000px;
	padding-bottom: 60px;
	}
	
#mainContentInterior .handmade {
	background: transparent url(/images/h1_products.jpg) no-repeat;
	text-indent: -5000px;
	padding-bottom: 60px;
	}
	
#mainContentInterior .program {
	background: transparent url(/images/h1_ccp.jpg) no-repeat;
	text-indent: -5000px;
	padding-bottom: 60px;
	}

#mainContentInterior .about {
	background: transparent url(/images/h1_about.jpg) no-repeat;
	text-indent: -5000px;
	padding-bottom: 60px;
	}
	
#mainContentInterior .contact {
	background: transparent url(/images/h1_contact.jpg) no-repeat;
	text-indent: -5000px;
	padding-bottom: 60px;
	}
	
#mainContent h2 {margin-top:15px;}

#mainContent h2, h3, p {padding-left: 10px;}

#secondaryContent {
	width: 690px;
	padding-left: 265px;
	padding-top: 75px;
	}
	
#secondaryContent h3, p {padding-left: 10px;}
	
#secondaryContent h3 {font-size:18px; font-weight: bold;}
	
#secondaryMain {float:left; width:390px;}
	
#interiorContent {
	width: 690px;
	padding-left: 265px;
	}

#interiorContent h2 {font-size:21px; color:#d99f12; font-weight: bold; margin-left: 5px;}

#interiorContent h3 {font-size:19px; color:#80d1de; font-weight: bold;}

#interiorContent p {color:#fff;}

.products {
	padding: 30px 0;
	clear: both;	
	}
	
.products_First {
	padding: 0 0 30px 0;
	clear: both;	
	}
	
.productsItem {
	padding: 30px 0;
	clear: both;	
	}
	
.productsItem_First {
	padding: 0 0 30px 0;
	clear: both;	
	}
	
.productsMain {
	float: right;
	width: 455px;
	}
	
.productsImage {
	float: left;
	clear: left;
	width: 215px;
	margin-right: 20px;
	
	}

form.cart {
margin-left: 8px;}

.ingredients {font-size: x-small; font-style: italic;}	

.sizeMain {
	width: 455px;
	margin-top:15px;
	}
	
.size {
	width: 100px;
	border-left: 1px solid #cecece;
	float: left;
	margin-right: 10px;
	}
	
.size p {
	margin-left: 10px;
	}
	
.quoteBlock {background: url(/images/bg_quote.gif) no-repeat top left;
	margin-left: 20px; padding-top: 25px;
	width: 465px; height: 139px;}
	
	
	


/* BLOG STYLES */

#lastpost {
	padding-top:10px;
	}

#lastpost h1 {
	margin-bottom: 10px;
	}

#lastpost h3 {
	margin-bottom: 10px;
	padding-top:20px;
	color:#161113;
	font-size:17pt;
	line-height:1.1em;
	}

#lastpost h3 a{
	margin-bottom: 10px;
	color:#9e032b;
	font-size:17pt;
	}

#lastpost h1 a{
	font-size: 30pt;
	font-weight: bold;
	padding: 10px 0 15px 0;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	line-height: 34px;
	color: #00A8B7;	}

#lastpost h1 a:hover{
	color: #80D1DE;
	text-decoration: none;
	}

#lastpost p {
	margin-bottom: 10px;
	line-height: 21px;
	}

#lastpost p a {
	border-bottom: 1px dotted #00A8B7;
	}

#lastpost p a:hover {
	text-decoration: none;
	color: #80D1DE;
	}


/* Header, Topbar and Navbar */

#header h1 {
	font-size: 45px;
	font-weight: bold;
	font-family: georgia;
	text-transform: uppercase;
	margin-bottom: 18px;
	padding: 10px;
	text-align: right;
	border-bottom: 1px solid #000;
	}
		
#header a, #header a:hover {
	color: #010101;
	text-decoration: none;
	}

#topbarmax {
	background: #80d1de;
	border-bottom: 1px #80d1de solid;
	}

#topbar span {
	margin-right: 10px;
	}

#topbar .icon{
	background: #000 url(images/feedicon.png) right no-repeat;
	margin-right: 5px;
	color: #3898F8;
	padding: 2px 18px 2px 0;
	}

#navbar {
	margin: 6px 0 20px 0;
	max-width: 100%;
	min-width: 900px;
	position: relative;
	}

#navbar li a{
	font-size: 16pt;
	font-weight: bold;
	margin: 7px 0;
	padding: 0 3px 3px 3px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	text-transform: uppercase;
	}

#navbar li a:hover{
	text-transform: uppercase;
	padding-top: 6px;
	border-top: 3px solid #fff;
	background: #000;
	color: #fff;
	}

#navbar li {
	list-style-type: none;
	display: inline;
	margin-left: 3px;
	padding: 0 5px;
	}

#sidenav {
	width: 185px;
	float: left;
	position: absolute;
	margin-top:251px; margin-left: 56px;
	padding-bottom: 50px;
/* 	background: transparent url(/images/bg_sidenav.jpg) no-repeat bottom; */
	}

#sidenav li {
	list-style-type: none;
	display: block;
	}

#sidenav li a {
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Tahoma;
	color: #9ff4fc;
	text-decoration: none;
	
	}

#sidenav li a:hover {
	color: #fff;
	}

/*
#sidenav li ul {
	background: none;
	padding-left: 0px;
	}


#sidenav li ul li {
	}

#sidenav .secondaryNav {
	background-color: transparent;
	padding-left: 10px;
	}


#sidenav .secondaryNav li {
	background: transparent url(/images/bg_li.gif) no-repeat top left;
	font-size:9pt;
	}

#sidenav .secondaryNav li a {
	font-size: 9pt;
	margin-left:19px;
	}

#sidenav .active {
	background-color: #ae000a;
	color: #ecd7db;
	font-size: 10pt;
	}
*/

#sidenav li.secondaryNav {
	margin-left: 15px;
	}

#sidenav .pane-list li.secondaryNav {
	background: transparent url(/images/bg_li.gif) no-repeat 0 5px;
	}

#sidenav .pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidenav .pane-list li {
	background: #ecfad7;
	padding: 0px 20px;
	cursor: pointer;
}

#sidenav .pane-list li ul li{
	background: transparent;
	padding: 5px 0 0 20px;
	cursor: pointer;
}

#sidenav .pane-list li.nAbout a.active, #sidenav .pane-list li.nProducts a.active, #sidenav .pane-list li.nCarry a.active, #sidenav .pane-list li.nContact a.active, #sidenav .pane-list li.nccp a.active  {
	color: #fff;
	}

#sidenav .pane-list li.nAbout {
	background: url(/images/bg_nav-about.gif) no-repeat 0 0;
	background-position: 0 0;
	width: 130px;
	height: 31px;
	padding-top: 11px;
	padding-left: 35px;
}

#sidenav .pane-list li.nAbout:hover {
	background: url(/images/bg_nav-about.gif) no-repeat -185px 0;
}

#sidenav .pane-list li.nProducts {
	background: url(/images/bg_nav-products.gif) no-repeat 0 0;
	width: 130px;
	height: 89px;
	padding-top: 6px;
	padding-left: 35px;
}

#sidenav .pane-list li.nProducts:hover {
	background: url(/images/bg_nav-products.gif) no-repeat -185px 0;
}

#sidenav .pane-list li.nccp {
	background: url(/images/bg_nav-ccp.gif) no-repeat 0 0;
	width: 130px;
	height: 46px;
	padding-top: 11px;
	padding-left: 35px;
}

#sidenav .pane-list li.nccp:hover {
	background: url(/images/bg_nav-ccp.gif) no-repeat -185px 0;
}

#sidenav .pane-list li.nCarry {
	background: url(/images/bg_nav-carryproducts.gif) no-repeat 0 0;
	width: 130px;
	height: 51px;
	padding-top: 11px;
	padding-left: 35px;
}

#sidenav .pane-list li.nCarry:hover {
	background: url(/images/bg_nav-carryproducts.gif) no-repeat -185px 0;
}

#sidenav .pane-list li.nContact {
	background: url(/images/bg_nav-contact.gif) no-repeat 0 0;
	width: 130px;
	height: 28px;
	padding-top: 11px;
	padding-left: 35px;
}

#sidenav .pane-list li.nContact:hover {
	background: url(/images/bg_nav-contact.gif) no-repeat -185px 0;
}


/* Content */

.post ol li {
	margin: 0 0 5px 25px;
	}

#wrapper small {
	font-size: 8px;
	font-family: Tahoma;
	}

ul.sitemap li {
	padding-left: 20px;
	margin-top: 5px;
	}

	
/* Single */

.singlelinks {
	text-transform: uppercase;
	text-align: right;
	font-family: Tahoma;
	font-size: 7pt;
	margin-bottom: 15px;
	}

.single span {
	margin-right: 15px;
	}

.post p a {
	border-bottom: 1px dotted #dcdcdc;
	color:#008898;
	}

.post h3 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 12px;
	margin-bottom: 5px;
	letter-spacing: 0px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	text-transform: uppercase;
	color: #2a2a2a;
	}

.post a:hover{
	border: 0;
	}

.post img {
	background: #fff url(images/imagesbg.png) bottom repeat-x;
	padding: 7px;
	border: 1px solid #dcdcdc;
	margin: 5px;
	}

.post h3 {
	margin-top: 25px;
	}
		
.feedback {
	text-transform: uppercase;
	text-align: left;
	font-family: Tahoma;
	font-size: 7pt;
	margin: 40px 0 20px 0;
	padding: 11px 5px 13px 10px;
	background-color: #d1d1d1;
	color: #2A2A2A;
	border: 1px solid #E3E3E3;
	clear: both;
	}

.feedback li{
	list-style-type: square;
	margin-left: 15px;
	line-height: 14px;
	}

.date {
	position: relative;
	width: 57px;
	float: right;
	top: -41px;
	background: #fff url(images/datebg.png) no-repeat;
	height: 72px;
	font-family: Arial;
	margin: 0 8px 0 5px;
	padding: 0 0 0 4px;
	}

.date .year {
	font-size: 11pt;
	font-weight: bold;
	color: #FAFAFA;
	text-align: left;
	background: transparent;
	}

.date .day {
	font-family: Arial;
	font-size: 30pt;
	font-weight: bold;
	color: #ccc;
	letter-spacing: -2px;
	margin: -5px 0 -6px -12px;
	text-align: center;
	}

.date .month {
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-left: 10px;
	color: #999;
	}

#pagination {
	margin: 10px 0;
	text-align: center;
	}

.titlelink {
	margin-bottom: 10px;
	outline: 0;
	}

.titlelink a {
	font-size: 30pt;
	font-weight: bold;
	margin: 10px 0 15px 0;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	line-height: 34px;
	}

.titlelink a:hover {
	color: #054D95;
	text-decoration: none;
	}

.navposts {
	text-align: center;
	}


/* Sidebar (Bottombar) */

.sidebar {
	}

#sidebar p {
	font-size:11px; 
	}

#sidebar h3 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 7px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	text-transform: uppercase;
	color: #ff2200;
	padding-top: 3px;
	}

#sidebar small {
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 7pt;
	}

#sidebar small a{
	color: #2A2A2A;
	}

#sidebar li {
	border-bottom: 1px solid #ebebeb;
	list-style-type: none;
	padding: 4px 0;
	margin: 0;
	}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar #recententries li {
	padding: 5px 0;
	}

#categories {
	width: 236px;
	float: left;
	margin-right: 35px;
	}

#recententries {
	width: 324px;
	float: left;
	margin-right: 35px;
	margin-left: 10px;
	}

#infocolumn {
	width: 236px;
	float: left;
	}

		
/* Comments */

#comments {
	margin: 0 auto;
	font-family: Trebuchet MS;
	font-size: 9pt;
	width: 650px;
	}

#commentlist {
	list-style: none;
	padding: 0;
	}

#commentlist li {
	border: 1px solid #ebebeb;
	margin: 25px 0 15px;
	background: #fff url(images/commentsbg.png) bottom repeat-x;
	padding: 10px 20px;
	line-height: 17px;
	}

#commentlist small {
	font-size: 8pt;
	color: #696969;
	}
	
#postcomment {
	margin: 40px 0 10px 10px;
	text-transform: none;
	}

ol #commentlist {
	margin-top: 15px;
	}

.headercomment {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	text-transform: uppercase;
	color: #2a2a2a;
	}

.commenttext {
	margin-top: 10px;
	}

#comments textarea {
	width: 585px;
	padding: 10px;
	font-family: Trebuchet MS;
	font-size: 9pt;
	margin-top: 10px;
	}

#comments input {
	width: 300px;
	padding: 6px;
	font-family: Trebuchet MS;
	font-size: 9pt;
	margin-right: 5px;
	}

.commentsmess {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	text-transform: uppercase;
	color: #2a2a2a;
	color: #ccc;
	}

#leavecomment {
	margin: 60px 0 10px 0;
	}

#leavecomment p {
	padding-top: 10px;
	}

#submit input {
	font-size: 9pt;
	margin: 15px 0 7px 0;
	font-family: "Trebuchet MS", Tahoma;
	text-transform: none;
	padding: 6px 0;
	}

#comments h3 {
	font-size: 24pt;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	text-transform: none;
	color: #2a2a2a;
	clear: both;
	}
	

/*	Footer */

#footer {
	font-size: 9pt;
	margin: 0 auto;
	padding: 5px 0 50px 50px;
	text-align: left;
	clear: both;
	width: 950px;
	color: #31998f;
	overflow: hidden;
	background: url(/images/bg_footer.gif) no-repeat center bottom;
	}

#footermax {
	clear: both;
	padding-top:50px;
	}

#footer p {
	margin: 0;
	padding: 0;
	}

#footer .search {
	width: 300px;
	float:  left;
	margin-left: 20px;
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 7pt;
	text-align: left;
	line-height: 15px;
	}

#footer .footerNav {
	float: right;
	text-align: right;
	margin-top: 5px;
	padding-right: 10px;
	}
	
#footer .footerNav li {
	margin-bottom: 5px;
	list-style-type: none;
	background-image: none;
	display: inline;
	margin-top:5px;
	}
	
#footer .footerNav li a, #footer .footerNav li a:hover {
	text-align: right;
	color:#31998f;
	text-decoration: none;
	font-size: 9px;	
	text-transform: uppercase;
	}
	
#footer .footerNav li a:hover {
	text-decoration: underline;
	}
	
.search input {
	padding: 3px;
	font-size: 9pt;
	font-family: Trebuchet MS;
	}

.textfooter {
	width: 450px;
	float: left;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	font-size: 7pt;
	line-height: 15px;
	}

.textfooter a {
	color: #31998f;
	}

.textfooter a:hover {
	color: #31998f;
	text-decoration: underline;
	}


/* General */

a { 
	color: #00a8b7; /* The color of the links */
	text-decoration: underline;
	font-weight: normal;
	}

a:hover {
	text-decoration: none;
	color: #80D1DE;
	font-weight: normal;
	}

li {background: transparent url(/images/bg_li.gif) no-repeat 0 0; list-style: none;}

acronym, abbr, span.caps {
	border: 0;
	border-bottom: 1px dotted #ccc;
	}
	
blockquote {
	color: #787878;
	border-left: 3px solid #ccc;
	margin-left: 0px;
	padding-left: 10px;
	}

cite {
	text-decoration: none;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 1.1em;
	}

img {
	border: 0;
	}

/* Float and Clear */

div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}
	
div.both {
	clear: both;
	}


/* Images Align */

img.center {
	display: block; 
	margin: auto;   
	}

img.right {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.left {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.none { /* Add this class for images without border */
	border: 0;
	padding: 0;
	background: transparent;
	}


/* Text Align */

.center {
	text-align: center;
	}
	
.alignright {
	text-align: right;
	}

.alignleft {
	text-align: left;
	}