html { 
	min-width: 760px;   
 */
	 }
	 
html, body, #wrapper {
    min-height: 100%;
    width: 100%;
    height: 100%;
}

html>body, html>body #wrapper {
    height: auto;
} 

body {
	text-align: center;
	margin: 0;
	background-color: #ffffff;
	background-image: url(i/bg2.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

.clear {
	clear: both;
	margin: 25px 20px 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
}
.center {
	text-align: center;
}


/******************************** Wrapper
****************************************************************************/

#wrapper {
	width: 760px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
	border: 1px solid #666666;
}

/********************************  Header  **********************************
*****************************************************************************/

#header {
	text-align: center;
	margin: 0;
	padding: 0;
	width: 760px;
	border-top: thick solid #780032;
}

#header #boxleft {
	padding: 18px 0px 0px 5px;
	margin: 0;
	width: 280px;
	float: left;
}
#header #boxcenter {
	margin: 0;
	float: left;
	width: 255px;
	padding: 3px 0px 0px;
}
#header #boxright {
	float: right;
	width: 218px;
	height: 151px;
	color: #FFFFFF;
	background: #780032;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	font-variant: normal;
}
#header #boxright p{
	margin-top: 23px;
	text-align: center;
}

/************************************  Top Navbar  **************************
*****************************************************************************/

#navcontainer
{
	clear: both;
	background: #b98748;
	padding: 0;
	width: 760px;
	height: 22px;
	border-top: 1px ridge #780032;
	border-bottom: 1px ridge #780032;
}

#navcontainer ul { padding: 0; }

#navcontainer ul li {
	display: inline;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 0.65em;
	letter-spacing: 2px;
	font-weight: bold;

}

#navcontainer ul li a
{
	padding: 0.5em 28px 0.5em 27px;
	background-color: #b98748;
	color: #000;
	text-decoration: none;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #780032;
}

body.index #navlist li#index a,
body.contact #navlist li#contact a,
{	color: #FFFFFF;
	text-align: left;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
}
	
#navlist li a:hover
{
	color: #FFFFFF;
	text-align: left;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
}

/****************************************  Main Content  **********************
*******************************************************************************/

#mainContent {                      /* container hold #content and #mainNav*/
	width: 760px;
	margin: 0;
	padding: 0;
}
#content {							/* main conent section*/
	width: 574px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin: 0;
	padding: 0 0 10px;
	text-align: left;
}

#content table {
	margin-left: 20px;
	font-size: 12px;

}

#content p {
	padding-right: 20px;
	padding-left: 20px;
}

#content p.staff {
	padding-right: 20px;
	padding-left: 20px;
	float: right;
}


#content p, #content ul {
	font-size: 12px;
}


#content h1 {
	margin: 0px 20px;
	padding: 20px 20px 5px 0px;
	color: #780032;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-style: italic;
	border-bottom: 1px solid #FF1176;
}

#content h2 {
	color: #b98748;
	font: italic bold 17px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-left: 20px;
}
blockquote {
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}


#content h3 {
	padding-right: 20px;
	padding-left: 20px;
	color: #b98748;
	font: italic 17px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #CCCCCC;
}
#content .smallContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.5em;
}


#content img {
	float:right;
	padding: 0 0 20px 20px;
	}
	
#content img.L {
	float:left;
	padding: 0 20px 0px 20px;
	}
	
#sidebar {                 /*  holds #mainNav and ???  */
	margin: 0px;
	padding: 0px;
	width: 185px;
	float: left;
}

#sidecontent {
	padding-top: 20px;
	padding-bottom: 20px;
}

#sidecontent img {
	margin-top: 25px;
	padding-left: 13px;
}

#mainNav						/*  Main Navbar (left side)  based on Verticle Buttons on Listamatic*/ 				       		
{								/*http://css.maxdesign.com.au/listamatic/vertical13.htm*/
	background: #f0e7d7;
	width: 185px;
	padding: 0;
	margin: 0;
	text-align: center;
	font: bold 13px  Georgia, "Times New Roman", Times, serif;
}

ul#mainNavlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
}

ul#mainNavlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#mainNavlist li a
{
display: block;
padding: 0.5em 0 0.5em 1.8em;  /* if left or right padding is changed you need to change width below inversely*/
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #800000;
text-decoration: none;
background: #f7f2ea;
width: 160px;  /* affects only IE 6 - If you change left or right padding this needs to change inversely*/
}

#mainNav>ul#mainNavlist li a { width: auto; }


body.new ul#mainNavlist li#new a,
body.bodysculpting ul#mainNavlist li#bodysculpting a,
body.visia ul#mainNavlist li#visia a,
body.laserpeels ul#mainNavlist li#laserpeels a,
body.vein ul#mainNavlist li#vein a,
body.hair ul#mainNavlist li#hair a,
body.lesion ul#mainNavlist li#lesion a,
body.massage ul#mainNavlist li#massage a,
body.esthetician ul#mainNavlist li#esthetician a,
body.botox ul#mainNavlist li#botox a,
body.acne ul#mainNavlist li#acne a,
body.microdermabrasion ul#mainNavlist li#microdermabrasion a,
body.owners ul#mainNavlist li#owners a,
body.spapackages ul#mainNavlist li#spapackages a,
body.bodytreatments ul#mainNavlist li#bodytreatments a,
body.makeup ul#mainNavlist li#makeup a,
body.products ul#mainNavlist li#products a,
body.certificates ul#mainNavlist li#certificates a,
body.policies ul#mainNavlist li#policies a,

{
background: #f0e7d7;
color: #78032;
}

ul#mainNavlist li a:hover, ul#mainNavlist li#active a:hover
{
color: #78032;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

                   /*  price list table styling */
			
table.pricelist
{
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 500px;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.pricelist td 
{background-color: #b98748;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.pricelist th.hed
{background-color: #780032;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 
.aligntop {
	vertical-align: top;
	overflow: auto;
}


/***********************************  Footer  ********************************
******************************************************************************/

#footer	{
	clear: both;
	background: #780032;
	width: 760px;
	border-width: 1px 0;
	border-style: solid none;
	border-color: #000000 ;
	margin-top: 10px;
	padding-top: 5px 0;
	text-align:center;
	}

#footer p.copy {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	margin: 0;
	padding: 0px 5px 5px 5px;
	text-align: center;
	color: #b98748;
}


#footer p.copy a {
	color: #b98748;
	text-decoration: underline;
}

#footer p.copy a:hover {
	color: #ffffff;
}


#footerNav ul {
	margin: 0;
	padding: 0 0 5px 0;
	color: #ffffff;
}

#footerNav li{
	margin: 0;
	padding: 0;
	display:inline;
	list-style: none;
	width: 750px;
}

#footerNav li a {
	padding: 5px 10px 0px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
}

#footerNav li a:hover {
	color: #CCCCCC;
}
#content h4 {
	font: italic bold 20px Georgia, "Times New Roman", Times, serif;
	color: #780032;
	margin-right: 20px;
	margin-left: 20px;
}
.videoPadding {
	padding-top: 12px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.alignRight {
	float: right;
	padding-left: 10px;
}
#content h5 {
	color: #780032;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-left: 20px;
	font-weight: bold;
}
.contentCranberry {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	color: #780032;
}
.new {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #780032;
}
#mailinglist {
	float: right;
	width: 180px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding: 5px;
	font-style: normal;
	color: #C59D48;
	margin-right: 12px;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #780032;
	border-right-color: #780032;
	border-bottom-color: #780032;
	border-left-color: #780032;
	margin-left: 12px;
	background-color: #F7F2EA;
	margin-bottom: 12px;
}