body {
	margin: 0;
	padding: 0;
	background: #f8f4f0;
	text-align: center;
}
html, body {
	height: 100%;
}
table td {
	font: 14px times new roman, serif;
	line-height: 20px;
	color: #4b3127;

}
#maincontainer{
	width: 760px; /*Width of main container*/
/*	margin: -15px 30% 0 15%;*/ /*Center container on page*/
	text-align: left;	margin: 0 auto;
}

#topsection{
	height: 196px; /*Height of top section*/	
	background: #f8f4f0 url(graphics/header.png) top center no-repeat;
}

#contentwrapper{
	width: 100%;
}

#contentcolumn{
	margin: 0 auto; /*Center container on page*/
}

#content {
	position: relative;
	top: -20px;
	left: 30px;	
	margin: -10px auto;
	width: 700px;
}
#footer {	
	background: url(graphics/footer.png) top left no-repeat;
	height: 89px;
	margin: -50px 0 0 -30px;
}

.soaptable {
	margin: 0 20px 0 0;

}
#pullquote {
	float: right;
	height: 500px;
	width: 300px;
	margin: 20px 38px 0 10px;
}

#pullquote p {
	font: 12px times new roman, serif;
	line-height: 20px;
	color: #4b3127;
	margin: 10px 10px 5px 10px;
}
#pullquote h4 {
 	font: 20px times new roman, arial, sans-serif;
 	color: #FFF;
	background: url(graphics/specials.png) top center;
	width: 300px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 7px 0 0 0;
	text-align: center;
	height: 34px;
}
h3 {
 	font: 25px times new roman, arial, sans-serif;
 	color: #7f6563;
	width: 500px;
	margin: 20px  0 0 -26px;
	border-style: double;
	border-width: 3px 0 0 0;
	border-color: #c2a395;
	padding: 10px 0 0 10px;
}
h4 {
 	font: 20px times new roman, arial, sans-serif;
 	color: #7f6563;
	font-weight: bold;
	width: 300px;
	margin: 15px  0 0 -28px;
	padding: 0 0 0 40px;
}
h4.ingredientsh4 {
 	font: 20px times new roman, arial, sans-serif;
 	color: #7f6563;
	font-weight: bold;
	width: 300px;
	margin: 15px  0 0 -28px;
	padding: 0 0 0 0px;
}
h5 {
 	font: 18px times new roman, arial, sans-serif;
 	color: #7f6563;
	font-weight: bold;
	width:250px;
	margin: 15px  0 0 0px;
	padding: 0 0 0 0px;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #c2a395;
}
p {
	font: 14px times new roman, serif;
	line-height: 20px;
	color: #4b3127;
	margin: 10px 60px 5px 30px;
}
p.index {
	font: 14px times new roman, serif;
	line-height: 20px;
	color: #4b3127;
	margin: 10px 10px 5px -10px;
}


#topsection h1 {
	font: 25px times new roman, serif;
	line-height: 15px;
	font-weight: bold;
	color: #f8f4f0;
	position: relative;
	top: 73px;
	left: 90px;
	letter-spacing: 0.2em;
	word-spacing: 200px;
}
#topsection h2.right {
	font: 8px times new roman, serif;
	line-height: 15px;
	font-weight: bold;
	color: #6a0700;
	position: relative;
	top: 58px;
	left: 120px;
	width: 760px;
	letter-spacing: 0.1em;
	font-variant: small-caps;
}
#topsection h2.left {
	font: 8px times new roman, serif;
	line-height: 15px;
	font-weight: bold;
	color: #6a0700;
	position: relative;
	top: 27px;
	left: 480px;
	width: 760px;
	letter-spacing: 0.1em;
	font-variant: small-caps;
}
#topsection #contact_left {
	font: 12px times new roman, serif;
	color: #987a52;
	position: relative;
	top: 57px;
	left: 130px;
	width: 250px;
}
#topsection #contact_right {
	font: 12px times new roman, serif;
	color: #987a52;
	position: relative;
	top: 15px;
	left: 390px;
	width: 250px;
	text-align: right;
}

h2 {
	font: 13px  arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.0em;
	color: maroon;
	margin: 15px 0px 5px 50px;
	text-align: left;
	background: transparent;
	padding: 0;
}
.ingredient_table {
	width: 600px;
	padding: 0 0 10px 0;
	margin: 0 auto;
}
.ingredient_table_bottom {
	width: 600px;
	padding: 0 0 10px 0;
	margin: -50px 0 -20px 0;
}
ul.listul {
	margin: 0 0px 0 40px;
}
li.listli {
	margin: 5px 10px 0px 20px;
	list-style-image: url(graphics/bullet.png);
	font: 14px times new roman, serif;
	color: #4b3127;
	list-style: outside;
}



ul.ingredientsul {
	margin: 0 0px 0 -40px;	
	width: 340px;
}
li.ingredients {
	margin: 5px 20px 3px 20px;
	list-style-image: url(graphics/bullet.png);
	font: 14px times new roman, serif;
	line-height: 20px;
	color: #4b3127;
	list-style: outside;
	margin: 0;
}
form {
	margin: 0px 0px 0px 0px;
	padding: 3px;
}
input, textarea, select, option {
	font: 14px times new roman, verdana, arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.02em;
	color: #6a0700;
	background: white;
	border-style: double;
	border-width: 3px;
	border-color: #c2a395;
	padding: 3px;
}
.button {
	font: 10px verdana, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	color: white;
	background: #6188bd;
	margin-top: 2px;
	border-style: solid;
	border-width: 0px;
	border-color: white white white black;
}

/*Top Menu*/
#nav, #nav ul {
	padding: 0 0 5px 0;
 	margin: 0 auto;
 	list-style: none;
 	background: url(graphics/topmenu_flourish_700.png) top center no-repeat;
 	position: relative;
	top: 20px;
	left: 0px;
 	z-index: 200;
	width: 700px;
}
#nav {
	height: 83px;
 	padding: 0;
}

#nav li li {
	float: none;
}
/* a hack for IE5.x and IE6 */
* html #nav li li {
	float: left;
}

#nav li a {
 	font: 17px times new roman, arial, sans-serif;
 	color: #7f6563;
	display: block;
 	float: left;
 	margin: 5px 0 0 20px;
 	height: 25px;
 	line-height: 25px;
 	text-decoration: none;
 	white-space: nowrap;
	padding: 5px 0px 0 0px;
	text-align: center;
}
#nav li a:hover {
 	font: 17px times new roman, arial, sans-serif;
 	color: #00A;
	display: block;
 	float: left;
 	margin: 5px 0 0 20px;
 	height: 25px;
 	line-height: 25px;
 	text-decoration: none;
 	white-space: nowrap;
	padding: 5px 0px 0 0px;
	text-align: center;
}
#nav li a:visited {
 	font: 17px times new roman, arial, sans-serif;
 	color: #900;
	display: block;
 	float: left;
 	margin: 5px 0 0 20px;
 	height: 25px;
 	line-height: 25px;
 	text-decoration: none;
 	white-space: nowrap;
	padding: 5px 0px 0 0px;
	text-align: center;
}

#nav li {
	float: left;
	height: 13px;
	margin: 6px -13px 0 12px;
}
#nav li li a {
	height: 20px;
 	line-height: 20px;
 	float: left;
}
#nav li:hover {
	position: relative;
 	z-index: 300;
}
#nav li:hover ul {/*Sub Menu ul*/
	left: 20px;
 	top: 35px;
	background: #f0e5dc;
	border-style: double;
	border-width: 3px;
	border-color: #c2a395; 
	width: 180px;
	padding: 5px;
}
#nav li:hover ul li {/*Sub Menu ul*/
	margin: 0 0 0 0px;
}
/* another hack for IE5.5 and IE6 */
	* html #nav li:hover ul {
	left: 10px;
}
#nav ul {
	position: absolute;
 	left: -9999px;
 	top: -9999px;
}
/* yet another hack for IE5.x and IE6 */
	* html #nav ul {
	width: 1px;
}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
	left: -15px;
 	margin-left: 100%;
 	top: -1px;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
	position: absolute;
 	left: -9999px;
 	top: -9999px;
 	width: auto;
}
/* show path followed  - Main Link Hover*/
#nav li:hover > a {
	text-decoration: none;
 	color: #000;
}
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul {
	left: -15px;
 	margin-left: 100%;
 	top: -1px;
}
/* keep further levels hidden */
#nav li:hover ul ul {
	position: absolute;
 	left: -9999px;
 	top: -9999px;
}

/* submenu items */
#nav li:hover li a {
	text-decoration: none;
 	font: 15px times new roman, arial, sans-serif;
 	color: #7f6563;
	text-align: left;
	padding: 3px 0 0 5px; 
	width: 130px;
	margin: 0;
}
#nav li:hover li a:visited {
	text-decoration: none;
 	font: 15px times new roman, arial, sans-serif;
 	color: #A00;
	text-align: left;
	padding: 3px 0 0 5px; 
	width: 130px;
	margin: 0;
}
#nav li:hover li a:hover {
	text-decoration: none;
 	font: 15px times new roman, arial, sans-serif;
 	color: #00A;
	text-align: left;
	padding: 3px 0 0 5px; 
	width: 130px;
	margin: 0;
}
#nav li:hover li a:active {
	text-decoration: none;
 	font: 15px times new roman, arial, sans-serif;
 	color: #FFF;
	text-align: left;
	padding: 3px 0 0 5px; 
	width: 180px;
	background: maroon;
	margin: 0;
}

#nav li li a {/*Sub Menu Link*/
	background: transparent;
 	font: 15px times new roman, arial, sans-serif;
 	color: #000;
	padding: 3px 0 0 5px; 
}
#nav li li a:hover {
	background: transparent;
 	font: 15px times new roman, arial, sans-serif;
 	color: #000;
	padding: 3px 0 0 5px; 
}
#nav li li a:visited {
	background: transparent;
 	font: 15px times new roman, arial, sans-serif;
 	color: #300;
	padding: 3px 0 0 5px; 
}
#nav li li a:active {
	background: transparent;
 	font: 15px times new roman, arial, sans-serif;
 	color: #F00;
	padding: 3px 0 0 5px; 
}


table.copyright td{
 	font: 10px times new roman, arial, sans-serif;
 	color: #7f6563;
}
table.copyright{
	margin: -5px 0 0 0;
}

a.email {
	font: 12px times new roman, serif;
	color: #987a52;
	text-decoration: none;
}
a.email:hover {
	font: 12px times new roman, serif;
	color: #00C;
	text-decoration: underline;
}
a {
	font: 14px times new roman, serif;
	line-height: 20px;
	color: #00C;
	text-decoration: none;
}
a.specials {
	font: 12px times new roman, serif;
	line-height: 20px;
	color: #00A;
	text-decoration: none;
}
a.specials:hover, a.specials:visited {
	font: 12px times new roman, serif;
	line-height: 20px;
	color: #A00;
	text-decoration: none;
}
a.copyrightlink {
 	font: 10px times new roman, arial, sans-serif;
 	color: #000;
	text-decoration: none;
}
a.copyrightlink:hover {
 	font: 10px times new roman, arial, sans-serif;
 	color: #00C;
	text-decoration: underline;
}