/*HTML Elements*/

	html {
		font: 12px Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		color: #231802;
		
	}
	body {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		background: #1d1301 url('../images/bodyBG.jpg') repeat-x top;
	}
	body#index {
		
	}
	#kontainer {
		margin: 0px auto;
		width: 900px;
		height: auto;
		text-align: left;
		display: block;
	}
		body.class #kontainer {
			
		}
	a {
		color: #231802;
	}
		a:link, a:visited {
			text-decoration: none !important;
		}
		a:hover {
			text-decoration: underline;
		}
		a:visited {
		color: #FF3300;
		}
	img {
		border: none!important;
	}
	map {
		border: none;
	}
	ul {
	
	}
	ul li {
		list-style: none;
		text-decoration: none;
	}
	ul li a {
		text-decoration: none;
	}
	ol {
	
	}
	ol li {
	
	}
	h1, h2, h4, h5 {
		font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}
	h1 {
		font-size: 16px;
		font-weight:normal;
		color: #FFF;
		background:#6d6c6c;
		padding:10px 0 10px 30px;
		line-height:18px;
	}
	h2 {
		margin:2px 0 0 6px;
		font-size: 17px;
		color: #610671;
	}
	h3 {
		color:#39b54a;
		margin:15px 0 0 30px;
		font-family: "Lucida Grande", Tahoma, Arial, "MS Trebuchet", sans-serif;
		font-size: 14px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	h4 {
		color: #231802;
		font-size: 14px;
		margin-left: 10px;
		margin-top: 30px;
		text-transform: uppercase;
		font-weight: normal;
	}
		h4 span {
			background: #d4f0f0;
			padding: 3px 40px 3px 5px;
		}
	h5 {
		font-size: 20px;
	}
	p {
		color: #231802;
		line-height: 1.5em;
	}
	.sIFR-replaced h1 {
		color: #3A990D;
	}
	.sIFR-alternate {
		position: relative;
			left: -9999px;
		display: none;
	}
/*DOM Specific*/

div#banner {
	
}
	div#logo_banner {
		width: 100%;
		height: 63px;
		margin-top: 20px;
	}
	div#banner h1#logo {
		background: url('../images/logo.png') no-repeat top right;
		width: 374px;
		height: 57px;
		float: right;
		text-indent: -10000px;
		margin: 0px;
		padding: 0px;
	}
	div#banner ul#nav {
		clear: both;
		height:27px;
		border-bottom: 1px solid #1ba0a1;
		padding: 0;
		position: relative;
		margin-bottom: 2px;
		margin-left: 0px;
	}
		div#banner ul#nav li {
			float:left;
			display:block;
			height:27px;
		}
			div#banner ul#nav li a {
				display:block;
				text-indent: -10000px;
				height:25px;
				border-left: 1px solid #1ba0a1;
				padding-bottom: 2px;
			}
			div#banner ul#nav li a#home {
				background: url('../images/navHome.png') no-repeat top left;
				width: 57px;
			}
			div#banner ul#nav li a#contact {
				background: url('../images/navContact.png') no-repeat top left;
				width: 80px;
			}
			div#banner ul#nav li a#about {
				background: url('../images/navAbout.png') no-repeat top left;
				width: 67px;
			}
			div#banner ul#nav li a#policies {
				background: url('../images/navPolicies.png') no-repeat top left;
				width: 102px;
			}
			div#banner ul#nav li a#facebook {
				background: url('../images/navFacebook.png') no-repeat top left;
				width: 89px;
				border-right: 1px solid #1ba0a1;
			}
			div#banner ul#nav li a#services {
				background: url('../images/navServices.png') no-repeat top left;
				width: 83px;
			}
			div#banner ul#nav li a#products {
				background: url('../images/navProducts.png') no-repeat top left;
				width: 86px;
			}
			div#banner ul#nav li a#price {
				background: url('../images/navPricelist.png') no-repeat top left;
				width: 88px;
			}
			div#banner ul#nav li a#specials {
				background: url('../images/navSpecials.png') no-repeat top left;
				width: 142px;
			}
					/*1st sub level menu*/
					#nav li ul {
						opacity: 0.9;
						-moz-opacity: 0.9;
						filter:alpha(opacity=90);
						position: absolute;
							top: 1em; /* can't really change */
							left: 200;
							z-index: 999;
						margin: 0px;
						display: block;
						width: 200px;
						padding: 10px 0px 5px 0px;
						border: 1px solid #1BA0A1;
						border-top: 2px solid #30230A;
						visibility: hidden;
						background-image: none;
						background-color: #FFF;
					}

					/*Sub level menu list items (undo style from Top level List Items)*/
					#nav li ul li {
						display: list-item;
						float: left;
						border: none;
						padding: 0px 3px 0px 3px;
					}

					/* Sub level menu links style */
					div#banner ul#nav li ul li a {
						display: block;
						border-style: none;
						text-indent: 0px!important;
						color: #1BA0A1;
						text-decoration: none;
						padding: 3px 15px;
					}
					#nav li ul li a:hover {
						color: #31240B!important;
					}

					#nav li a:hover {
						color: white;
					}

						/*All subsequent sub menu levels offset after 1st level sub menu */
						#nav li ul li ul { 
							left: 159px; /* no need to change, as true value set by script */
							top: 0;
						}

body#index div#bodyContent {
	background: #FFF url('../images/relax.jpg') no-repeat top right;
	height:400px;
}
body.product div#bodyContent{
	background: #FFF url('../images/oils.jpg') no-repeat top right;
	padding-bottom:30px;
	height:650px;
}
body.contact div#bodyContent{
	background: #FFF url('../images/redoils.jpg') no-repeat top right;
	padding-bottom:30px;
	height:650px;
}
body.about div#bodyContent{
	background: #FFF url('../images/foot.jpg') no-repeat top right;
	padding-bottom:30px;
	height:650px;
}
body.pricelist div#bodyContent{
	background: #FFF url('../images/candle.jpg') no-repeat top right;
	padding-bottom:30px;
	
}
body.services div#bodyContent{
	background: #FFF url('../images/greenoils.jpg') no-repeat top right;
	padding-bottom:30px;
	height:650px;
}
body.footbath div#bodyContent{
	background: #FFF url('../images/greenoils.jpg') no-repeat top right;
	padding-bottom:30px;
}
	div#bodyContent div#contentWrapper {
		padding: 25px 0 0 25px;
		
	}
	div#bodyContent h2#treatYourself {
		background: url('../images/treatYourself.jpg') no-repeat top left;
		width: 538;
		height: 42px;
		text-indent: -10000px;
		margin-bottom:25px;
	}
	div#bodyContent h2#Products {
		background: url('../images/products.jpg') no-repeat top left;
		width: 272;
		height: 42px;
		text-indent: -10000px;
		margin-bottom:25px;
	}
	div#bodyContent h2#contact {
		background: url('../images/contact.jpg') no-repeat top left;
		width: 234;
		height: 42px;
		text-indent: -10000px;
		margin-bottom:25px;
	}
	div#bodyContent h2#pricelist {
		background: url('../images/pricelist.jpg') no-repeat top left;
		width: 272;
		height: 42px;
		text-indent: -10000px;
		margin-bottom:25px;
	}
	div#bodyContent h2#spapack {
		background: url('../images/spapack.jpg') no-repeat top left;
		width: 350;
		height: 42px;
		text-indent: -10000px;
		margin-bottom:25px;
	}
	div#bodyContent h2#about {
		background: url('../images/about.jpg') no-repeat top left;
		width: 258;
		height: 42px;
		text-indent: -10000px;
		margin-bottom:25px;
	}
	div#bodyContent h2#services {
		background: url('../images/services.jpg') no-repeat top left;
		width: 258;
		height: 42px;
		text-indent: -10000px;
		margin-bottom:25px;
	}
	
	
	div#bodyContent p {
		width: 350px;
		margin-left: 15px;
	}

div#footer {
	text-align: right;
	padding-top: 2px;
	margin-top: 2px;
	border-top: 1px solid #1ba0a1;
}
	div#footer span#copyright {
		color: #02fafd;
		font-size: 10px;
	}
	div#footer a {
		color: #02fafd;
		font-size: 10px;
		margin-left: 15px;
		text-decoration: underline !important;
	}
	
/* global */

.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.crite {
	clear: left;
}
.indexlink {
	color: #0b2fc8;
}