body {
	background: #6e5d3f;
	margin: 0px;
	padding: 0px; 
	text-align: center; /* Used for centering pages in IE */
}

p, h1, h2, h3, h4, h5, h6, a, ul, li, dt, dd, lo, address, td {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left; 
}
/* You may use pixels or ems for text sizing. li typeface and size must match rest of content. */
p {
	font-size: .8em;
	line-height: 1.2em;
}

h1, h2, h3, h4, h5 {margin: 0; padding: 0; clear: both;}
h1, h3, h4, h5 {text-align: center;}
h1 {padding: 30px 0 0 0; font-size: 1.6em;}
h2 {font-size: 1.3em; color: #3A3330;}
h3 {padding: 0 0 30px 0; font: italic normal 1em/1em Arial, Helvetica, sans-serif;}
h4 {padding: 0 0 20px 0;}
h5 {margin: 20px 0 -5px 0;	padding: 20px 0 0 0; font: bold 1em/1em Arial, Helvetica, sans-serif;}

address, div#owner {
	font-style: normal;
	font-size:.8em;
    }
a:link {
	color:#263248;
}
a:visited {
	color:#263248;
}
/* All links must inclde some type of hover interactivity */
a:hover {
	color:#7e8aa2;
}
a:active {
}

.center {text-align:center;}
div#background {background:#fff url(images/background.jpg) repeat-x;}

p.centered {
text-align: center;

}
span.title {
	width: 170px;
	float: left;
	font: bold .8em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
}
span.info {
	padding: 0 0 20px 0;
	width: 430px;
	float: left;
	font: .8em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
}
span.info ul {margin: 0; padding: 5px 0 30px 50px;}	
span.info li {margin: 0; padding: 0 0 3px 0; font: 1em/1.2em Arial, Helvetica, sans-serif;}

#content li{
	font-size: .8em;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#container {
	width: 950px;
	margin: auto;
	background:url(images/content-background.jpg) no-repeat;
}

div#audio {
	width:132px;
	padding-bottom:6px;
	*padding-bottom:4px;
	position:absolute;
	left:805px;
	top:4px;
	padding-top:4px;
	*padding-top:0;
	background:#fff;
}

div#logo {
	float:left;
	width:147px;
	height:109px;
	_margin-bottom:0;
}

div#logo img {_margin:0;}

div#headerright {width:803px; height:109px; float:left;}
div.welcome {background:url(images/welcome.jpg) no-repeat;}
div.treatments {background:url(images/treatments.jpg) no-repeat;}
div.mailinglist {background:url(images/mailinglist.jpg) no-repeat;}
div.videos {background:url(images/videos.jpg) no-repeat;}
div.contactus {background:url(images/contactus.jpg) no-repeat;}
div.wrinklefillers {background:url(images/wrinklefillers.jpg) no-repeat;}
div.newsletter {background:url(images/newsletter.jpg) no-repeat;}
div.ourproducts {background:url(images/ourproducts.jpg) no-repeat;}
div.calendar {background:url(images/calendar.jpg) no-repeat;}


div#header {
	height:109px;
	position:relative;
	_margin:0;
}

div#header h1, div#header h2 {position:absolute; display:none;}

div#flash {
}	

div#content {
	width:600px;
	float:left;
	padding:35px 20px 20px;
	margin:0;
}

div#sidebar {
	width:270px;
	float:left;
	padding:20px 10px;
	margin:0 10px;
	_margin: 0 0 0 10px;
	background:#e7e5b6;
}

div#sidebar h3 {font-size:1em; display:block; border-bottom:1px solid #fff;}

div#footer {
	color:#fff;
	padding:15px;
	width:920px;
	margin:auto;
}

div#owner {
	text-align:right;
}

div#resume{
	margin: 0px auto;
	background: #fff;
	width: 800px;
	padding: 20px;
}

div#copyright {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:4px;
	}
	div#copyright img {
	border: none;
	margin-top:10px;
	}
	div#copyright a:link, div#copyright a:visited, div#owner a:link, div#owner a:visited {
	color:#fff;
	text-decoration: none;
	}
	div#copyright a:hover, div#owner a:hover {
	text-decoration: underline;
	}
	
/* ----------------------------  NAVIGATION (VERTICAL) ----------------------------  */
div#nav ul#subnavlist { display: none; }
div#nav ul#subnavlist li { float: none; }

div#nav ul#subnavlist li a
{
padding: 0;
margin: 0;
}

div#nav ul#subnavlist {padding:4px; margin:0;}

div#nav ul li:hover ul#subnavlist
{
display: block;
position: absolute;
padding-top: 5px;
background:#6e5d3f;
}

div#nav li.over ul#subnavlist 
{
_display: block;
_position: absolute;
_padding-top: 5px;
_background:#6e5d3f;
}

div#nav ul li:hover ul#subnavlist li a
{
display: block;
border: none;
padding: 2px;
text-align:left;
}

div#nav{
	padding-left:15px;
	position:absolute;
	width: 795px;
	left: 142px;
	top: 82px;
}
ul#mainnav {
	float: left;
	margin:0;
	padding: 0px;
	width:100%;
	list-style-type: none;
	}
	ul#mainnav li {
	display: inline;
	float: left;
	margin:0 1px 0 0;
	padding: 0px;
	}
	ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	display: block;
	color:#fff;
	font-weight:bold;
	border-right: 1px solid #4e4026;
	padding:4px 8px 4px;
	margin: 0px;
	}
	ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav li a.current:visited {
	background-color: #96b492;
	color:#fff;
	}

/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
div#utility {
	}
	ul#utilitynav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	ul#utilitynav li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
	}
	ul#utilitynav li a:link, ul#utilitynav li a:visited, ul#utilitynav li a:active {
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	display: block;
	padding:0px 8px;
	margin-bottom:10px;
	border-right: 1px solid #4e4026;
	color:#fff;
	}
	ul#utilitynav li a:hover, ul#utilitynav li a.current:visited {
	text-decoration: underline;
	}

/* ----------------- CUSTOM CLASSES ----------------- */

/* Images should include some type of border. We tend to favor this one. */
img.left {
	float: left;
	padding: 5px;
	background: white;
	margin: 0px 15px 6px 0px;
	border: solid 1px #ccc;
}
img.right {
	float: right;
	padding: 5px;
	background: white;
	margin: 0px 0px 10px 15px;
	border: solid 1px #ccc;
}

img.sidebar {
	padding:2px;
	background:#5f5753;
}

div.column {
}

div.clear {clear:both;}