* { margin: 0; }

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	font-size: 14px;
	color: #555555;
	background: #ffffff;
}

#page-container { 
	width:100%; 
	margin:auto; 
	text-align: left; 
	position: relative; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	background:url(../Images/Menu/Banner-Back.jpg) repeat-x;
}

#banner-container
{
	height:300px;
	width: 100%;
	text-align:center;	
	margin:0 auto;
}

/* Logo and search box */

#banner-container #header{
	height:100px;
	width:778px;
	margin-left:auto;
	margin-right:auto;
}
#banner-container #header h1 {
	float: left;
	margin-top: 3px;
	margin-left: 10px;
	padding-top:0px;
}
#banner-container #header #search_box {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	padding-top: 0px;
}

#banner-container #header #search_box span {
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
}
/* Main Navigation */
#main-nav { 
	width:778px; 
	height: 30px; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#main-nav dl { 
	padding: 0; 
	float: left;
	width:100%;
	margin: 0 auto;
	text-align:center; 
	/*background-image: url(../Images/Menu/Menu-Back.gif);*/
}
#main-nav dt { 
	float: left;
	width:100%;
}
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */ 
	padding: 30px 5 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#main-nav dt a:hover {
	background-position: 0 -30px;
}
#main-nav dt#Home,
#main-nav dt#Home a { width: 110px; background-image: url(../Images/Menu/Menu-Home.gif); }

#main-nav dt#Why_Us,
#main-nav dt#Why_Us a { width: 112px; background-image: url(../Images/Menu/Menu-Why-Us.gif); }

#main-nav dt#Meet_The_Team,
#main-nav dt#Meet_The_Team a { width: 111px; background-image: url(../Images/Menu/Menu-Meet-The-Team.gif); }

#main-nav dt#Treatments,
#main-nav dt#Treatments a { width: 111px; background-image: url(../Images/Menu/Menu-Treatments.gif); }

#main-nav dt#Conditions,
#main-nav dt#Conditions a { width: 110px; background-image: url(../Images/Menu/Menu-Conditions.gif); }

#main-nav dt#Promotions,
#main-nav dt#Promotions a { width: 110px; background-image: url(../Images/Menu/Menu-Promotions.gif); }

#main-nav dt#Press,
#main-nav dt#Press a { width: 114px; background-image: url(../Images/Menu/Menu-Press.gif);}

#titles { 
	width:778px; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#content-container
{
	width: 100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#content { 
	width:778px; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.list-staff {
	float:left;
	width:33%;
	display:inline-block;
	height:230px;
	text-align:left;
}
.class{
	clear:left;
}

#footer {
	clear:both;
	width: 100%;
	background-image:url(../Images/Menu/Footer_Back.gif);
	position:absolute;
	text-align:left;
	bottom: 0 !important;
	bottom: -1px;
	height: 30px;
	margin-bottom:-15px;
}

#footer p {
	font:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	margin-top:10px;
}

h1{ font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 18px; color: #b9aed6; text-align:center; }
h2 { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 16px; color: #b9aed6; }
h3 { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 16px; color: #555555; }
h4 { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 14px; color: #b9aed6; }
h5 { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 14px; color: #555555; }
h6 { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 12px; color: #b9aed6; }
pre { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 14px; color: #555555; }

p { 
	font-family: Verdana, Tahoma, Arial, Sans-serif; 
	font-size: 14px; 
	color: #555555;
}

p.small{ 
	font-family: Verdana, Tahoma, Arial, Sans-serif; 
	font-size: 12px; 
	color: #555555; 
}


p.white { 
	font-family: Verdana, Tahoma, Arial, Sans-serif; 
	font-size: 15px; 
	color: #ffffff;
	font-weight:bold;
}

span { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 14px; color: #555555; font-weight:bold; }
span.fade { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 14px; color:#CCCCCC; }
span.white { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 14px; color:#ffffff; }
span.small { font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 10px; color: #555555; }

a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9084af;
font-weight:bold;
text-decoration:underline;
}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#636363;
font-weight:bold;
text-decoration:underline;
}

a.bredcrumb {
	color: #ffffff;
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-weight:bold;
	text-decoration: none;
	font-size: 15px;
}
a:hover.bredcrumb {
	color: #666699;
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-weight:bold;
	text-decoration: none;
	font-size: 15px;
}

a.small_nounder{
	font-weight:bold;
	color: #ffffff;
	font: bold 12px Verdana, Tahoma, Arial, Sans-serif;
	text-decoration:none;
}

a:hover.small_nounder{
	font-weight:bold;
	color: #666699;
	font: bold 12px Verdana, Tahoma, Arial, Sans-serif;
	text-decoration:none;
}

.inputfield {
	border: 1px #cdcdcd solid;
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size: 14px;
}

hr{
	border: 0;
	width: 90%;
	background-color: #b9aed6;
	height: 1px;
}


ul{
	list-style: disc inside; 
	padding-top: 1em;
	padding-left: 2em;
}

ol{
	list-style: disc inside; 
	padding-top: 1em;
	padding-left: 2em;
}

li{
	font-family: Verdana, Tahoma, Arial, Sans-serif; 
	font-size: 14px; 
	color: #555555;
}

blockquote
{
	padding-left: 1em;
}

#right-menu ul {
list-style-position: outside;
padding: 6px;
margin: 2px;
}

#right-menu li{
margin-bottom:1px;
}


#right-menu ul li{
padding-bottom:10px;
text-decoration: none;
}

#right-menu ul li a {
color: #9973af; /* #4c4c80 */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#right-menu ul li a:hover,
#right-menu ul li.product-selected a,
#right-menu ul li.treatment-selected a {
color: #959595;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#right-menu .table{
width:150px;
text-align:left;
border-bottom:1px #ffffff solid;
border-left:1px #ffffff solid;
border-top:1px #ffffff solid;
border-right:1px #ffffff solid;
padding-bottom:10px;
}

.newspanel {
text-align:left;	
padding: 2px 2px 2px 2px;
width:100%;
}

td.newsdate {
padding: 4px 4px 4px 4px;
width:80px;
}

.blog_listbox{
overflow:hidden;
width:100%;
min-height:100px;
max-height:150px;
font:1em/1.2 Arial, Helvetica, sans-serif;
height:expression(this.scrollHeight > 150? "150px" : "auto" );
}


.blog_date{
overflow:hidden;
width:100%;
font:14px Arial, Helvetica, sans-serif;
color:#333;
margin-top:10px;
margin-bottom:10px;
border-bottom:dotted #999;
}

span.blog{
font:14px Arial, Helvetica, sans-serif;
color:#333;
font-weight:bold;
}

.blog_continue{
width:190px;
text-align:left;	
border: 2px #c6c6e6 solid;
background-color:#b9aed6;
padding: 4px 4px 4px 4px;
color: #295479;
font: bold 12px Arial, Helvetica, sans-serif;
}

.tableback {
text-align:left;	
border: 2px #666 solid;
background-color:#b9aed6;
padding: 2px 2px 2px 2px;
color: #ffffff;
font: bold 12px Arial, Helvetica, sans-serif;
}

.table100 {
text-align:center;	
border: 2px #666 solid;
padding: 2px 2px 2px 2px;
color: #b9aed6;
width:100%;
font: bold 16px Arial, Helvetica, sans-serif;
margin-bottom:20px;
}
