/* 
    AUTHOR: Jason Clewell
            jclewell@getconcentric.com
*/


/* @group Resets */
* { margin: 0; padding: 0; }

p {
	padding-bottom: 10px;
}
body.products, 
body.works, 
body.results, 
body.experts,
body.sub,
body.resources,
body.privacy,
body.terms,
body.shipping,
body.moneyback {
	margin: 0;
	padding: 0;
	font: 12px/18px Helvetica, sans-serif;
	color: #8e8383;
	background-image: url(../images/bkgd_pattern.gif);
}

body {
	margin: 0;
	padding: 0;
	font: 12px/16px Helvetica, sans-serif;
	color: white;
	background-image: url(../images/bkgd_pattern.gif);
}
ul { list-style: none inside; }
a { outline: none;
	color: white;
	text-decoration: none;
}

a:hover { outline: none;
	color: white;
	text-decoration: underline;
}
a img { border: none; }
table { border-spacing: 0; border-collapse: collapse;}
/* @end */

/* @group Utility */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
/* @end */

#page-wrap {width: 965px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 35px;
}

h1 {
	color: #e0efa4;
	font: 40px/38px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

h2 {
	color: #d8caa7;
	font: 18px/20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 8px;
}

/* @group Top */

/* @group SubNav */

#sub_nav {
	margin-top: 10px;
}

#jsddm li a.no_bar {
	border-style: none;
}

#jsddm
{
	float: right;
	margin: 0 0 5px;
}

#contact_order
{
	float: right;
	margin: 0 0 5px;
}

#contact_order li
{
	float: right;
	margin: 0 0 5px 2px;
	display: inline;
}

	#jsddm li
	{	float: left;
		list-style: none;
	font: 10px Tahoma, Arial;
}

	#jsddm li a
	{	display: block;
		padding: 0 5px 5px;
		text-decoration: none;
		border-right: 1px solid white;
		white-space: nowrap;
	height: 10px;
}

	#jsddm li a:hover
	{
	background-color: #415d51;
}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
			}
			
			#jsddm li ul li a:hover
			{	background: #415c51}

/* @end */

#top {
	margin: 0;
	padding: 0;
	width: 965px;
	display: inline-block;
	background: url(../images/bkgd_slice_top.png) repeat-y;
}

#main {
	width: 685px;
	float: left;

}

/* @group Nav */

#nav {
width: 685px;
	margin-bottom: 15px;
}

#navlist {
width: 620px;
height: 60px;
position: relative;
}

#nav ul {
width: 630px;
margin-right: auto;
margin-left: auto;
padding: 0;
}

#navlist li {float: left;
	list-style-type: none;
}

#navlist a {
height: 60px;
display: block;
}

#products a{
width: 112px;
	background-image: url(../images/nav_product.gif);
}

#products a:hover {
width: 112px;
	background: url(../images/nav_product.gif) 0 -60px;
}

#works a {
	width: 178px;
	background: url(../images/nav_works.gif) no-repeat;
}

#works a:hover {
	width: 178px;
	background: url(../images/nav_works.gif) no-repeat
	0 -60px;
}

#results a {
	width: 167px;
	background: url(../images/nav_results.gif) no-repeat;
}

#results a:hover {
	width: 167px;
	background: url(../images/nav_results.gif) no-repeat 0 -60px;
}

#experts a {
	width: 163px;
	background: url(../images/nav_experts.gif) no-repeat;
}

#experts a:hover {
	width: 163px;
	background: url(../images/nav_experts.gif) no-repeat 0 -60px;
}

.products #products a{
width: 112px;
	background: url(../images/nav_product.gif) 0 -60px;
}

.works #works a {
	width: 178px;
	background: url(../images/nav_works.gif) no-repeat
	0 -60px;
}

.results #results a {
	width: 167px;
	background: url(../images/nav_results.gif) no-repeat 0 -60px;
}

.experts #experts a {
	width: 163px;
	background: url(../images/nav_experts.gif) no-repeat 0 -60px;
}



/* @end */

/* @group Slider */

#slider {
	margin-right: auto;
	margin-left: auto;
	width: 685px;
}

#slider #content {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}



/* @end */

/* @group Offer */

#offer {
	width: 685px;
	height: 200px;
}

#offer_1 {
	float: left;
	width: 485px;
	height: 100px;
}

#offer_2 {
	float: right;
	width: 200px;
	height: 100px;
}

#moneyback {
	width: 165px;
	height: 106px;
	margin: auto;
	padding-right: 50px;
	padding-top: 31px;
}

#bag {
	width: 457px;
	margin-left: 10px;
	padding-top: 10px;
}



/* @end */

/* @group Side */

#side {
	width: 280px;
	float: right;
}

/* @group Sub_Nav */

#sub_nav {
	margin-left: 30px;
	width: 250px;
	text-align: right;
}

p.sub_nav {
	font-size: 10px;
	color: white;
	line-height: 24px;
}



/* @end */

/* @group Story */

.story_head {
	color: white;
}

#story a {
	color: #e0efa0;
}

#story p {
}

#story {
	margin-top: 50px;
	margin-left: 20px;
}



/* @end */

/* @group News */

#news {
	height: 138px;
	margin: 25px 0 0 15px;
	padding: 10px 0 0 85px;
	background: url(../images/news_bkgd.png) no-repeat;
}

#news p {
	color: white;
	line-height: 14px;
}



/* @end */



/* @end */



/* @end */

/* @group Bottom */

#bottom {
	margin: 0;
	padding: 0;
	width: 965px;
	display: inline-block;
}

/* @group Social */

#buttons {
	float: right;
	padding-right: 25px;
}

#social p {
	color: white;
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

#social {
	width: 965px;
	height: 41px;
	background: url(../images/social_bar.png) no-repeat;
}



/* @end */

/* @group Footer */

#footer #nav p {
	font-size: 9px;
	color: white;
	border-bottom: 1px dotted white;
	line-height: 11px;
	padding-bottom: 10px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 0;
}

#footer p {
	font-size: 9px;
	color: white;
	padding-left: 15px;

	line-height: 11px;
	padding-top: 0;
	margin-top: 0;
	margin-left: 5px;
}

#address {
	float: left;
	height: 200px;
}

#contact {
	float: left;
	height: 200px;
}

#trajectory {
	float: right;
	height: 200px;
	margin-right: 25px;
}

#footer {
	width: 685px;
	background: url(../images/main_bkgd_slice.png) repeat-y}



/* @end */



/* @end */

/* @group Sub */

/* @group offer */

#offer_sub h1 {
 	color: #be285a;
	font: 29px/35px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 10px;
	
}

#offer_sub h2 {
	color: #336c92;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 15px;
}

.vday_list {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 17px;
	padding-bottom: 10px;
}

.vday_list2 {
	padding-bottom: 10px;
	margin-left: 17px;
	list-style-type: square;
	list-style-position: outside;
}

.vday_list li {
	opacity: 1;
	padding-bottom: 5px;
	list-style-position: outside;
	line-height: 15px;
}

#offer_sub a {
	color: #336c92;
}



/* @end */

/* @group contact_page */

a.indent {
	padding-left: 40px;
}

.bottom_row {
	border-top: 1px dotted #a18383;
}

.reseller {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
}

.media {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
}

.info {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
}



/* @end */

/* @group works_page */

#tab-4 ul.works_glissandrin {
	line-height: 14px;
	padding-left: 30px;
	margin: 0 0 20px;
	float: none;
	clear: left;
	height: 75px;
}

#works_sub a {
	color: #336c92;
	font-size: 12px;
	line-height: 12px;
	background-color: white;
}

#works_sub h1 {
	color: #336c92;
	font: 35px/24px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 10px;
}

#works_sub h2 {
	color: #336c92;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 15px;
}



/* @end */

/* @group products_page */

.lead_in {
	height: 200px;
}

.lead_in p {
	padding-top: 10px;
}

.lead_in #buttons {
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-style: none;
	border-bottom-width: none;
	float: right;
	width: 415px;
	padding-top: 5px;
}

#products_buttons {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	width: 190px;
	padding-right: 0;
	height: 30px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#products2_buttons {
	border-top-style: dotted;
	border-top-width: 1px;
	width: 415px;
	height: 30px;
	padding-top: 8px;
	float: right;
	padding-left: 0;
}

#products2_buttons a img {
	margin: 0;
	padding: 0 0 0 15px;
	float: none;
}

#products_sub img {
	float: left;
	margin-right: 15px;
	margin-left: -5px;
}

ul.products_2 {
	padding-left: 30px;
	line-height: 14px;
	
}

.products_2 li {
	list-style-type: square;
	list-style-position: outside;
	padding-bottom: 6px;
}

.products_2 li span {
	color: #336c92;
}

ul.img_bttn {
	width: 200px;
	height: 200px;
	margin: 5px 0 0px;
	padding: 0;

}

.img_bttn a {
	width: 200px;
	height: 200px;
	display: block;
}

.img_bttn li {
}

li.serum a {
	background: url(../images/product_serum.jpg) no-repeat;
}

li.serum a:hover {
	background: url(../images/product_serum.jpg) no-repeat 0 -200px;
}

li.eyecream a {
	background: url(../images/product_eyecream.jpg) no-repeat;
}

li.eyecream a:hover {
	background: url(../images/product_eyecream.jpg) no-repeat 0 -200px;
}

li.facecream a {
	background: url(../images/product_facecream.jpg) no-repeat;
}

li.facecream a:hover {
	background: url(../images/product_facecream.jpg) no-repeat 0 -200px;
}

#buttons img {
	padding-left: 10px;
}

#serum {
	float: left;
	width: 200px;
	padding: 0;
	margin-right: 6px;
}

#facecream {
	float: left;
	width: 200px;
	margin: 0 6px;
	padding: 0;
}

#eyecream {
	float: left;
	width: 200px;
	margin: 0 0 0 6px;
	padding: 0;
}

#products_sub img {
	float: right;
}

#products_sub a {
	color: #336c92;
	font-size: 12px;
	line-height: 12px;
	background-color: white;
}

#products_sub h1 {
	color: #336c92;
	font: 35px/24px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 10px;
}

#products_sub h2 {
	color: #336c92;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 15px;
}



/* @end */

/* @group story_page */

#story_sub img {
	float: right;
}

#story_sub a {
	color: #336c92;
}

#story_sub h1 {
	color: #336c92;
	font: 35px/35px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 10px;
}

#story_sub h2 {
	color: #336c92;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 15px;
}



/* @end */

/* @group moneyback_banner */

#sub_moneyback p {
	line-height: 14px;
	color: white;
}

#sub_moneyback {
	margin-left: 20px;
	width: 250px;
	margin-top: 220px;
}



/* @end */

/* @group reviews_banner */

#sub_reviews p {
	line-height: 14px;
	color: white;
}

#sub_reviews {
	margin-left: 20px;
	width: 250px;
}



/* @end */

/* @group bag_banner */

#sub_bag {
	width: 273px;
	height: 252px;
	margin-top: 220px;
	padding-left: 20px;
}

#sub_bag p {
	line-height: 14px;
	color: #8e8383;
	padding-top: 175px;
	margin-top: 130px;
}

#sub_bag a {
	color: #336c92;
}



/* @end */

#sub_header {
}

#sub_header #content {
	width: 652px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#sub_content {	
	background: url(../images/sub_page_bkgd.png) repeat-y;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

/* @group social_bar */

#social_sub {
	width: 965px;
	height: 41px;
	background: url(../images/social_bar_sub.png) no-repeat;
	padding-top: 0;
	margin-left: 0;
}

#social_sub p {
	color: white;
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}



/* @end */

/* @group experts_page */

p.asktheexperts {
	background-color: white;
}

ul.asktheexperts {
	background-color: white;	
	padding-left: 30px;
	line-height: 14px;
}

.asktheexperts li {
		list-style-type: square;
	list-style-position: outside;
	padding-bottom: 6px;
}

#experts_sub a {
	color: #336c92;
}

#experts_sub h1 {
	color: #336c92;
	font: 35px/24px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 10px;
}

#experts_sub h2 {
	color: #336c92;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 15px;
}

.menu_list {	
	width: 625px;
	background-image: none;
}

.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
    background: #dadada url(../images/plus.png) no-repeat 600px;
	margin-top: 1px;
	color: #336c92;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.menu_body {
	display:none;
	margin-left: 10px;
	background-image: none;
	background-color: white;
}


/* @end */

/* @group results_page */

#results_sub img {
	float: right;
	margin-bottom: 20px;
}

#results_sub a {
	color: #336c92;
	font-size: 12px;
	line-height: 12px;
	background-color: white;
}

#results_sub h1 {
	color: #336c92;
	font: 35px/24px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 10px;
}

#results_sub h2 {
	color: #336c92;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 15px;
}



/* @end */

/* @group resources_page */
.resources3col {
	width: 190px;
	float: left;
	margin-right: 20px;
}
.rightCol {
	margin-right: 0px;
}

.contact {
	width: 180px;
	float: left;
	padding-right: 5px;
}

.social {
	float: left;
	width: 200px;
}

.pressreleases {
	border-bottom: 1px dotted #336c92;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#resources_sub a {
	color: #336c92;
	font-size: 12px;
	line-height: 12px;
	background-color: white;
}

#resources_sub h1 {
	color: #336c92;
	font: 35px/24px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 10px;
}

#resources_sub h2 {
	color: #415c51;
	border-bottom: 1px dotted #99ada4;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 15px;
}



/* @end */

/* @group terms_page */

#terms_sub a {
	color: #336c92;
	font-size: 12px;
	line-height: 12px;
	background-color: white;
}

#terms_sub h1 {
	color: #336c92;
	font: 35px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 18px;
}

#terms_sub h2 {
	color: #336c92;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 15px;
}



/* @end */

/* @group moneyback_page */

#moneyback_sub a {
	color: #336c92;
	font-size: 12px;
	line-height: 12px;
	background-color: white;
}

#moneyback_sub h1 {
	color: #336c92;
	font: 35px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 25px 0 18px;
}

#moneyback_sub h2 {
	color: #336c92;
	font: 17px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 15px;
}



/* @end */





/* @end */




/* @group Tabs */
#tabs {
	width: 600px;
	background-color: #auto;
	margin-left: auto;
	margin-right: auto;
}
#tabs ul {
	float: left;
	width: 600px;
	height: 49px;
	margin-top: 30px;
}
#tabs li {
	width: 150px;
	height: 49px;
	list-style: none;
	text-indent: -9999px;
	}
* html #tabs li {
	display: inline; /* ie6 double float margin bug */
	}
#tabs li,
#tabs li a {
	float: left;
	}
#tabs ul li a {
	text-decoration: none;
	height: 49px;
	width: 150px;
	font-weight: bold;
	background: none;
	}
#tabs ul li.active a {
	color: #333333;
	}
#tabs div {
	clear: both;
	padding: 0px;
	}
#tab_bg_01 {
	background: url(../images/worksTab_aging.gif)	
}
#tab_bg_02 {
	background: url(../images/worksTab_decay.gif)	
}
#tab_bg_03 {
	background: url(../images/worksTab_berry.gif)	
}
#tab_bg_04 {
	background: url(../images/worksTab_glissandrin.gif)	
}

li#tab_bg_01.active,
li#tab_bg_01.active a:hover {
	background: url(../images/worksTab_aging_selected.gif)		
}
li#tab_bg_02.active,
li#tab_bg_02.active a:hover {
	background: url(../images/worksTab_decay_selected.gif)		
}
li#tab_bg_03.active,
li#tab_bg_03.active a:hover {
	background: url(../images/worksTab_berry_selected.gif)		
}
li#tab_bg_04.active,
li#tab_bg_04.active a:hover {
	background: url(../images/worksTab_glissandrin_selected.gif)		
}

li#tab_bg_01 a:hover {
	background: url(../images/worksTab_aging_over.gif)		
}
li#tab_bg_02 a:hover {
	background: url(../images/worksTab_decay_over.gif)		
}
li#tab_bg_03 a:hover {
	background: url(../images/worksTab_berry_over.gif)		
}
li#tab_bg_04 a:hover {
	background: url(../images/worksTab_glissandrin_over.gif)		
}

#tabs div h2 {
	font: 27px/29px Georgia, "Times New Roman", Times, serif;
}
#tabs div h3 {
	margin-bottom: 10px;
	font: italic 18px/20px Georgia, "Times New Roman", Times, serif;
	border-bottom-style: solid;
	padding-bottom: 5px;
}

#tab-1 h2 {
	color: #789797;
}
#tab-1 h3 {
	border-bottom-color: #80a2a2;
}
#tab-2 h2 {
	color: #7c8e4e;
}
#tab-2 h3 {
	border-bottom-color: #7c8e4e;
}
#tab-3 h2 {
	color: #ab474a;
}
#tab-3 h3 {
	border-bottom-color: #ab474a;
}
#tab-4 h2 {
	color: #486055;
}
#tab-4 h3 {
	border-bottom-color: #486055;
}
/* @end */

/* @group Tabs List Override */

#tabs ul.products_2 {
	float: none;
	display: block;
	width: auto;
	height: auto;
}
#tabs li.tabList {
	width: auto;
	height: auto;
	text-indent: 0px !important;
	list-style-type: square;
	list-style-position: inside;
}
#tabs li.tabList,
#tabs li.tabList a {
	float: none;
}

/* @end */

em.callout {
	font: italic 22px/20px Georgia, "Times New Roman", Times, serif;
	float: left;
}

em.callout2 {
	font: italic 18px/20px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 18px;
	float: none;
}

em.callout3 {
	font: 18px/20px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 18px;
	float: none;
}
