body{
	background: url(images/bg.jpg) center #FDF9EE;
	background-attachment: fixed;
	font-family: Arial, Verdana, Sans Serif;
	font-size: 16px;
	padding: 0;
	margin: 0; }
	
h1{
	font-size: 26px;
	color: #988675;
	text-indent: 5px;}	
	
h2{
	font-size: 20px;
	color: #988675;}

h3{
	font-size: 18px;
	color: #988675;}
	
ul{
	list-style-type:none;
	padding: 0;
	margin: 0;}	
	
ul li{
	background-image: url(images/list-bg.jpg);
	background-repeat: no-repeat;
	background-position: 1em;
	line-height: 1.6em;
	padding-left: 2.6em;}
	
A:link {text-decoration: none;font-weight:bold;color:#6957FF;}
A:visited {text-decoration: none;font-weight:bold;color:#6957FF;}
A:active {text-decoration: none;font-weight:bold;color:#6957FF;}
A:hover {text-decoration: underline overline; color: #948373;}		
	
#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	padding: 5px;
	background: #ccc;}
	
#header{
	position: relative;
	top: 0;
	width: 100%;
	height: 150px;
	border-bottom: 6px solid #ccc;
	background: #fff url(images/header.jpg) repeat-x ;}		
	
.insideheader{
	position: relative;
	top: 100px;
	width: 500px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px dotted #948373;
	border-bottom: 1px dotted #948373;
	padding: 5px;
	text-align: center;
	font-size: 20px;
	font-family: Verdana;}	
	
/* MENU */ 
	
#navcontainer{
	background: #f0e7d7;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-family: georgia, serif;
	text-transform: lowercase;}

/* to stretch the container div to contain floated list */
#navcontainer:after{
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;}

ul#navlist{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	font-size: 0.8em;}
	
html>body ul#navlist li{
	display: block;
	float: left;
	width: 19%;
	margin: 0;
	padding: 0;}

ul#navlist li{
	display: block;
	float: left;
	width: 17%;
	margin: 0;
	padding: 0;}

ul#navlist li a{
    text-align: center;
	display: block;
	width: 100%;
	padding: 0.5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a{
	background: #f0e7d7;
	color: #800000;}

ul#navlist li a:hover, ul#navlist li#active a:hover{
	color: #800000;
	background: #FDF9EE;
	background-position: left;
	border-color: #aaab9c #fff #fff #ccc;}


#content{
    border-top: 6px solid #ccc;
    border-bottom: 6px solid #ccc;
	width: 760px;
	background: #FDF9EE;
	padding: 10px;}	
	
#footer{
	position: relative;
	bottom: 0;
	width: 100%;
	height: 75px;
	background: url(images/footer-bg.jpg);}
	
.disclaimer{
	font-size: 10px;
	display: block;
	text-align: center;}
	
#insidefooter{
	position: relative;
	top: 20px;}	
	
.reviewbox{
    background: #F7F7F7 ;
    background-position: top right;
	border:1px dotted #ccc;
	padding:6px;}
	
img.dogear{
	position:relative;
	top: -7px;
	right: -7px;
	float:right;}	
	
img.dogear2{
	position:relative;
	top: 0;
	right: 0;
	float: right;}	
	
.colonics{
	width: 100%;}	
	
.colonics tr{
	background: #fff;
	text-indent: 15px;}
	
.colonics td{
	padding: 3px;}
			
img.oxypowder-small{
	float: right;
	border: none;}