html {
	background-color: #FFF4EA;	
}

#container {
	background-color: white;
	border-left: 7px solid #FFE3CD;
	border-right: 7px solid #FFE3CD;
	font-family: arial;
	font-size: 86%;
    height: 1400px;
	left: 50%;
	margin-left: -450px;
	padding-bottom: 1px;
	position: relative;
	width: 900px;
}

#extend #container {
    height: 1775px;
}

#header {
	background: transparent url('images/logo.png') no-repeat center;
	height: 110px;
	padding-left: 7px;
	width: 891px;
}

h2,
h3 {
	text-indent: -5000px;
}

#body {
	color: gray;
}

#extend #body {
    height: 1500px;
}

strong {
	font-weight: bold;
}

.gradient {
	background: transparent url(images/full_review.png) no-repeat center;
	height: 40px;
	padding: 10px 0 0 10px;
	width: 891px;
}

h4 {
	border: 1px solid #FFE3CD;
	background-color:#FFFFCC;
	padding: 0.5em;
	font-weight:bold;
}

h5 {
    padding: 1.5em;
    text-align: center;
}

h6,
p.h8 {
    color: #B36527;
    font-size: 123.1%;
}

p.h7 {
    color: #B36527;
    font-size: 123.1%;
    margin-top: 1em;
}

p.first {
    margin-top: 0;
}

h7,
p.h8 {
    font-weight: bold;
}

.divide {
    margin-top: 1em;
}

#in1 #container {
    height: 2100px;
}  

#in2 #container,
#in3 .main_content {
    height: 1650px;
}

#in3 #container {
    height: 1950px;
}

#in1 .main_content {
    height: 1800px;
}


#in2 .main_content,
#in4 #container {
    height: 1350px;
}

#in4 .main_content {
    height: 1050px;
}

#in5 .main_content {
    height: 2000px;
}

#in5 #container {
    height: 2300px;
}

#in1 .main_content p.desc,
#in2 .main_content p.desc,
#in3 .main_content p.desc,
#in4 .main_content p.desc,
#in5 .main_content p.desc,   
#in1 p.h8,
#in2 p.h8,
#in3 p.h8,
#in4 p.h8,
#in5 p.h8 {
    padding: 1em 1em 0 1em;
}

#in1 #container,
#in2 #container,
#in3 #container,
#in4 #container,
#in5 #container {
   font-size: 80%;
}

#in1 .description,
#in2 .description,
#in3 .description,
#in4 .description,
#in5 .description {
    font-size: 93%;
    width: 430px;
}

/********** NAVIGATION ***************/

.navigation {
	float: left;
	margin: 0 0.75em;
	*margin: 0 0.5em;
	width: 175px;
}

.reviews {
	border: 3px solid #FFE3CD;
	margin: 0 0 1em 0;
}

.partners,
.articles,
.resources {
	border: 3px solid #FFE7B6;
	margin: 0.5em 0 1em 0;
}

.navigation ul {
	background: transparent url(images/menu-bg.gif) repeat-x left bottom;
}

.navigation li a {
	color: #696969;
	text-decoration: none;
}

.navigation li:hover {
	background-color: #FFE5B7;
}

.navigation li a:hover {
	color: #333;
}

.navigation li {
	border-bottom: 1px solid #FFE7B6;	
	padding: 0.25em 1em 0.25em 1em;
}

.navigation .last {
	border: none;
}

#pp {
	background: transparent url(images/partners.png) no-repeat center;
}


#ingredients {
	background: transparent url(images/ingredients.png) no-repeat center;
}

#art {
	background: transparent url(images/articles.png) no-repeat center;
}

#res {
	background: transparent url(images/resources.png) no-repeat center;
}


/***** MAIN CONTENT ***********/

.main_content {
	/*border: 1px solid #E5E5E5;*/
	float: right;
	height: 950px;		/* default height - change to fit content accordingly */
	margin: 0 1em 1em 0;
	width: 685px;
}

#extend .main_content {
    height: 1450px;
}   

#extend .main_content p,
#extend .main_content ol li {
    font-size: 85%;
}

#extend .main_content ol li {
    padding-bottom: 1em;
}

/******* FOOTER ***********/

#footer,
#helper,
#footer ul,
#footer p {
	float: right;
}

#footer {
	padding-right: 1.5em;
	width: 685px;
}

#helper {
	border: 2px solid #FFEB8A;
	color: #555;
	float: right;
	font-size: 93%;
	padding: 0.35em 1.5em 0.35em 0;
	width: 650px;
}

#footer li {
	float: left;
	padding: 0.5em 0.5em 0.5em 0;
}

#footer li a {
	border-right: 1px solid #B36527;
	color: #B36527;
	font-size: 93%;
	padding-right: 0.75em;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer li a.last {
	border: none;
}

#footer .copy {
	color: #949494;
	font-size: 86%;
	padding-right: 1em;
}


/*********** FORM ***************/
form {
	padding: 3em 7em;
}

#tellFriend p {
	padding: 1em 0 0.25em 0;
}

#tellFriend label {
	color: #B36527;
}

#email {
	margin-left: 2px;
}

#tellFriend input,
#tellFriend textarea {
	border: 1px solid #B36527;
}

#tellFriend textarea {
    font-size: 93%;
    height: 180px;
    width: 486px;
}

#comments {
	display: block;
    padding-bottom: 1em;
}

.submission {
	float: right;
}

.main_content #tellFriend .submission {
	padding-right: 0.50em;
}

.submission #clear {
    background: transparent url("images/contact_clear.png") no-repeat;
    border: none;
    height: 27px;
    width: 84px;
}

.submission #send {
    background: transparent url("images/contact_send.png") no-repeat;
    border: none;
    height: 29px;
    width: 78px;
}



/******** ARTICLE **********/
#intro {
    padding: 0 1.5em 2em 1.5em;
}

#share {
    padding: 0 1.5em 0.5em 1.5em;
}

#end {
    padding: 2em 1.5em;
}

h4 em,
.main_content .art,
#extend .main_content .art {
    color: #B36527;
}

.main_content ol {
    padding: 0 1.5em 0.5em 3em;     
}

.main_content ol li {
    list-style-type: decimal;
}

#art3 .pts a,
#extend .main_content li a,
#art2 .main_content a,
#intro a,
#end a,
#share a {
    color: blue;
}

#art2 p,
#art3 p {
    font-size: 85%;
    padding: 1em;
}

#art3 .main_content .pts {
    padding: 1em;
}

#art3 .main_content .pts li {
    list-style-type: none;
    padding-bottom: 1em;
}

#art2 .feedbk {
    font-size: 100%;
    padding: 0;
}

#art3 .main_content ul,
#art2 .main_content ul {
     padding-left: 4em;
}

#art3 .main_content ul li,
#art2 .main_content ul li {
    font-size: 85%;
    list-style-type: disc;
}

#art2 strong {
    font-weight: bold;
}

#art2 #container {
    height: 1750px;
}

/*********** SITE MAP ***********/
.nav {
    float: left;
    padding: 3em 1.5em 0;
    width: 150px;
}

.directory {
    float: right;
    padding-top: 1em;
    width: 475px;
}

.directory,
.nav {
    font-size: 85%; 
}

.directory div {
    padding: 2em 0;
    width: 400px;
}

.menu {
    background: transparent url(images/menu-bg.gif) repeat-x scroll left bottom;
    border: 1px solid #FFE3CD;
    padding: 0.25em 1em;
}

.nav li {
    padding: 3px;
}

.feedback li a,
.menu li a {
    text-decoration: none;
}

.feedback li {
    border-bottom: 1px solid #FFE3CD;
    padding: 7px 0;
}

#reviews {
    padding-bottom: 2.5em;
}

.directory .first,
#resources ul {
    padding-left: 1em;
}

.directory td {
    width: 200px;
}

#articles table {
    width: 500px;
}

.main_content .site {
    color: gray;
    text-decoration: none;
}

/*********** REVIEWS *************/

.product {
    float: left;
    font-size: 85%;
    padding: 1em 1.5em 0;
    width: 150px;
}

.product input {
    background: transparent url("images/get_now.png") no-repeat;
    border: none;
    height: 29px;
    left: 1em;
    position: relative;
    width: 78px;
}

.description {
    font-size: 85%;
    float: right;
    padding: 1em 4em 0 0;
    width: 450px;
}

.product .pro_title {
    border-bottom: 1px solid #E5E5E5;
    color: blue;
    padding: 1em 0;
    
}

.ingredients {
    color: #B36527;
    font-size: 93%;
    padding: 1em;
}

.description a {
    color: blue;
}

/*.description p {
    padding-bottom: 1em;
} */

/********* INDEX ***********/

#skin_care {
    font-size: 85%;
    height: 700px;
    padding: 2em;
    width: 635px;
}

#skin_care td {
    padding: 0.5em;
}

#skin_care .k_ingrdt {
    color: #B36527;   
}

#skin_care em {
    color: #FFAE00;
    font-size: 116%;
    font-weight: bold;
}

#front_page {
    height: 800px;
}

#thankyou {
    bottom:4.8em;
    position:relative;
    right:0.75em;
}

#skin_care table {
    position: relative;
    bottom: 5em;
}

#skin_care p a {
    color: blue;
    text-decoration: none;
}

#skin_care input {
    background: transparent url("images/get_now.png") no-repeat;
    border: none;
    height: 29px;
    left: 1em;
    position: relative;
    width: 78px;
}
/********* INDEX 2*****************************/

#skin_care2 {
    font-size: 85%;
    height: 700px;
    padding: 0em 1em 1em 1em;
    width: 660px;
}

/*#skin_care2 td {
    padding: 0.1em;
}*/

#skin_care2 .k_ingrdt {
    color: #B36527;   
}

#skin_care2 em {
    color: #FFAE00;
    font-size: 116%;
    font-weight: bold;
}

#skin_care2 table {
   /*position: relative;*/
    bottom: 5em;
}

#skin_care2 p a {
    color: blue;
    /*text-decoration: none;*/
}

#skin_care2 input {
    background: transparent url("images/get_now.png") no-repeat;
    border: none;
    height: 29px;
    left: 1em;
    position: relative;
    width: 78px;
}

.main_review {
    padding: 0 1em;
}

/***** CLEAR FIX *****/

.clearfix:after {
	content: ".";
	clear: both;
	visibility: hidden;
	height: 0;
	display: block;
}

.clearfix {
	zoom: 1;
}