/* ******************************************************************************* */
body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial,Verdana, Tahoma, Sans-Serif;
	font-size: 0.8em;
	text-align: left;
	color: #5e5e5e;
	text-align: justify;
	background: #FFF url(/grafx/bkgrd_nav2.gif) repeat-x;
}

#int_maincontent a 
	{
	color: #924AEF;
	font-weight: bold;
	padding: 2px;
	}

a img 
	{
	border: 0;
	}

/* ******************************************************************************* */
#wrapper
	{
	margin: 0;
	padding: 0;
	width: 960px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
#int_wrapper
	{
	margin: 0;
	padding: 0;
	width: auto;
	/* width: 960px; */
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#header, #footer
	{
	width: 960px;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
html > body #wrapper 
	{
	margin: -25px 0 0 0;
	}
/* ******************************************************************************* */		
#content 
	{
	margin: 0;
	padding: 0;
	}


/* ******************************************************************************* */
#maincontent
	{
	float: right;
	width: 798px;
	padding: 0;
	background: #fff;
	font-size: .9em;
	}
#maincontent a 
	{
	color: #9579b7;
	text-decoration: none;
	}
#maincontent a:hover
	{
	color: #9579b7;
	text-decoration: underline;
	}
#maincontent a.hardlink
	{
	color: #55316b;
	text-decoration: underline;
	font-weight: bold;
	}



/* ******************************************************************************* */
.homeprocedures a {
	font-size: 12px;
	font-weight: normal;
}
#maincontent h2 span 
	{
	display: none;
	}
#maincontent h2.welcome
	{
	width: 244px;
	height: 20px;
	background: url(/grafx/hdg_welcome.gif) no-repeat;
	}
#maincontent h2.procedures
	{
	width: 244px;
	height: 20px;
	display: block;
	background: url(/grafx/hdg_procedures.gif) no-repeat;	
	}
#maincontent h2.procedures a
	{
	text-decoration: underline;
	}
#maincontent h2.concierge
	{
	width: 244px;
	height: 20px;
	display: block;
	background: url(/grafx/hdg_concierge.gif) no-repeat;	
	}
#maincontent h2.concierge a
	{
	width: 244px;
	height: 20px;
	display: block;
	}
#maincontent h2.faq
	{
	width: 244px;
	height: 20px;
	background: url(/grafx/hdg_faq.gif) no-repeat;	
	}

#int_maincontent h4
	{
	font-size: 18px;
	font-weight: normal;
	}
#int_maincontent h5
	{
	color: #924AEF;
	}
#int_maincontent a.enter
	{
	color: #924AEF;
	font-size: 18px;
	}
#int_maincontent #consultant a {
	width: 524px;
	height: 76px;
	margin: 0 0 25px 0;
	display: block;
	background: #FFF url("/grafx/consultant.gif") no-repeat;
}
#int_maincontent #consultant span {
	display: none;
}

#gallery .style2 
	{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #CFB8EC;
	display: block;
	margin: 0;
	padding: 5px;
	}
#gallery .style1
	{
	font-size: 14px;
	font-weight: bold;
	color: #924AEF;
	margin: 0;
	padding: 5px;
	}



/* ******************************************************************************* */
#maincontent .block_1 
	{
	float: left;
	width: 354px;
	padding: 10px;
	}
	
#maincontent .sugar 
	{
	position: relative;
	float: left;
	width: 11px;
	height: 325px;
	top: 50px;
	padding: 10px;
	background: url(/grafx/bar_vert_fade.gif) no-repeat;
	}

#maincontent .block_2
	{
	float: left;
	width: 354px;
	padding: 10px;
	}



/* ******************************************************************************* */
#sidebar_1
	{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	}
#sidebar_1 h2
	{
	display: none;
	}
#sidebar_1 p
	{
	padding: 0 5px 5px 5px;
	}
#sidebar_1 h2 span
	{
	display: none;
	}



/* ******************************************************************************* */
#sidebar_1 .content
	{
	color: #006288;
	font-size: 12px;
	}
#sidebar_1 .content .heading
	{
	color: #000;
	display: block;
	font-weight: bold;
	}
#sidebar_1 .content .title
	{
	color: #5ba2e1;
	display: block;
	font-weight: bold;
	margin: 0 0 10px 0;
	}
#sidebar_1 .content .excerpt
	{
	display: block;
	}

	
/* ******************************************************************************* */	
#sidebar_1 .left {
	color: #747474;
	text-align: right;
	font-size: .8em;
}
#sidebar_1 .left h3 {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
}
#sidebar_1 .left a {
	color: #B59BD6;
	text-decoration: none;
}
#sidebar_1 .left p 
	{
	margin: 0;
	padding: 5px 0 0 0;
	}

/* ******************************************************************************* */
#sidebar_1 #extradiv
	{
	vertical-align: bottom;
	}


/* ******************************************************************************* */
#sidebar_2
	{
	display: none;
	}
#sidebar_2 h2
	{
	width: 201px;
	height:90px;
	}
#sidebar_2 p
	{
	padding: 5px;
	}
#sidebar_2 h2 span
	{
	display: none;
	}


/* ******************************************************************************* */
#sidebar_2 #extradiv
	{
	/* 
	background: #FFF url("sidebar2_btm.gif") no-repeat;
	*/
	vertical-align: bottom;
	}


/* ******************************************************************************* */
/* Start Mac IE5 filter \*/
#maincontent, #sidebar_1, #sidebar_2
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}


/* ******************************************************************************* */	
#header
    {
	margin: 0;
	padding: 0;
	width: auto;
    }
#header h1
    {
	position: relative;
	/* width: 305px; */
	width: 960px;
	height: 86px;
	left: 0;
	/* old logo ************************
	width: 960px;
	height: 126px;
	margin: 45px 0 10px 0;
	*/
	background: #FFF url(/grafx/logo_new_large.gif) no-repeat;
	padding: 0px;
	margin-top: 85px;
	margin-right: 0;
	margin-left: 15px;
    }
h1 {
	font-size: 16px;
	line-height: 16px;
}
html>body #header h1
    {
	
	}
#header h1 span
	{
	display: none;
	}


/* ******************************************************************************* */	
#nav, #navWrapper
	{
	margin: 0 0 0 0;
	width: auto;
	}
#nav h3
	{
	display: none;
	}


/* ******************************************************************************* */	
#subnav ul, #subnav2 ul, #subnav3 ul
    {
    list-style-type: none;
    margin: 0;
	padding: 0;
	width: auto;
    }	


/* ******************************************************************************* */	
#subnav {
	position: absolute;
    top: 0;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	}
	
#subnav ul {
	margin: 0;
	}
#subnav ul li 
	{	
	float: left;
	margin: 0;
    padding: 0 41px 0 10px;
	}
	
#subnav ul li.home a {
	width: 44px;
	height: 36px;
	display: block;
	background: transparent url("/grafx/nav_home.gif") no-repeat;
}

#subnav ul li.about a {
	width: 140px;
	height: 36px;
	display: block;
	background: transparent url("/grafx/nav_about.gif") no-repeat;
}

#subnav ul li.skincare a {
	width: 67px;
	height: 36px;
	display: block;
	background: transparent url("/grafx/nav_skincare.gif") no-repeat;
}

#subnav ul li.surgery a {
	width: 98px;
	height: 36px;
	display: block;
	background: transparent url("/grafx/nav_surgery.gif") no-repeat;
}

#subnav ul li.health a {
	width: 117px;
	height: 36px;
	display: block;
	background: transparent url("/grafx/nav_continuum.gif") no-repeat;
}

#subnav ul li.concierge a {
	width: 70px;
	height: 36px;
	display: block;
	background: transparent url("/grafx/nav_concierge.gif") no-repeat;
}

#subnav ul li.contact a {
	width: 63px;
	height: 36px;
	display: block;
	background: transparent url("/grafx/nav_contact.gif") no-repeat;
}


#subnav ul li a
    {
    display: block;
    font-size: 14px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin: 0;
    }
	
#subnav ul li span {	
	display: none;
}

/* ******************************************************************************* */	
#subnav2 {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
    top: 0;
	left: 675px;
	width: 271px;
	height: 63px;
	}
#subnav2 ul li
    {
    font-size: 13px;
    padding: 5px 10px 0 10px;
	float: left;
    }
#subnav2 ul li a
    {
    display: block;
    font-size: 12px;
	text-decoration: none;
	color: #3e265b;
	font-weight: bold;
    }


/* ******************************************************************************* */	
#subnav3 
	{
	display: none;
	}
#subnav3 ul li
    {
    font-size: 13px;
    display: block;
    padding: 5px 0;
    }
#subnav3 h3.resources
    {
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }
#subnav2 h3.archives
    {
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    } 


/* ******************************************************************************* */	
#footer
    {
	color: #6e6e6e;
    text-align: left;
    padding: 0;
    font-size: .75em;
	margin: 0 0 0 170px;
	width: 800px;
	z-index: 0;
    }
#footer .footercap {
	width: 800px;
	height: 35px;
	background: url(/grafx/footercap.gif) top center no-repeat;
}

#footer h4
	{
	width: 500px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(/grafx/bar_hor_fade.gif) no-repeat;
	}
#footer #nav 
	{
	clear: both;
	margin: 0;
	}
#footer #nav a
    {
    color: #55316b;
	text-decoration: underline;
	font-size: 1.35em;
    }
/*
#footer #nav a:hover
    {
    background: #6e6e6e;
	color: #FFF;
    }
*/
#footer #nav ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#footer #nav ul li
	{
	float: left;
	margin: 0;
	padding: 0 24px 0 0;
	font-weight: bolder;
	color: #4e4e4e;
	}
#footer #copyright
    {
    color: #6e6e6e;
	width: auto;
	margin: 15px 0 15px 0;
	padding: 0;
	clear: both;
	}
	
		
#footer .bottominfo {
	color: #747474;
	text-align: left;
	font-size: 1em;
	margin: 0 0 45px 0;
	width: 350px;
}
#footer .bottominfo h3 {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
}
#footer .bottominfo a {
	color: #B59BD6;
	text-decoration: none;
}
#footer .bottominfo p 
	{
	margin: 0;
	padding: 5px 0 0 0;
	}
	
	
	
	

/* ******************************************************************************* */
/* INTERIOR PAGE CSS */
/* ******************************************************************************* */
#title h1
	{
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 20px 170px;
	color: #55316b;
	text-transform: uppercase;
	}
	
#titlesub h1
	{
	font-size: 20px;
	font-weight: bold;
	color: #55316b;
	text-transform: uppercase;
	line-height: 15px;
	}

#int_maincontent
	{
	float: left;
	width: 800px;
	/* max-width: 825px; */
	margin: 0;
	}
* html #int_maincontent
	{
	display: inline;
	}
#int_maincontent h2
	{
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
	padding: 0;
	color: #55316b;
	clear: both;
	}
	
#int_maincontent h2.contact
	{
	font-weight: bold;
	font-size: 1.3em;
	margin: 10px 0 0 0;
	padding: 0;
	color: #55316b;
	}

#int_maincontent p
	{
	padding: 0;
	}


/* ******************************************************************************* */
#int_sidebar_1
	{
	position: inherit;
	float: left;
	clear: both;
	/*
	top: 250px;
	left: 0;
	*/
	width: 170px;
	}



/* ******************************************************************************* */
#int_nav ul
	{
	list-style-type: none;
	margin: 0 20px 0 0;
	padding: 0;
	} 
#int_nav ul li
    {
	text-align: right;
	margin: 0 5px 10px 0;
    }
#int_nav ul li a
    {
    font-size: 14px;
	color: #3e265b;
    }



/* ******************************************************************************* */
#int_sidebar_2
	{
	display: none;
	/*
	float: left;
	width: 285px;
	*/
	}
#int_sidebar_2 #newsletter
	{
	width: 285px;
	height: 285px;
	background: url(/grafx/newsletter.gif) no-repeat;
	margin: -50px 0 0 0;
	z-index: 0;
	}
#int_sidebar_2 #newsletter .newsletterform
	{
	position: relative;
	top: 60px;
	left: 90px;
	}
#int_sidebar_2 #newsletter .newsletterform .submitbtn
	{
	position: relative;
	top: 30px;
	left: -88px;
	}

/* ******************************************************************************* */
/* Start Mac IE5 filter \*/

/*
#int_maincontent, #int_sidebar_1, #int_sidebar_2
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
*/


/* ************* PROCEDURES DROP DOWN ****************** */
#navprowrapper {
	margin: 0 0 100px 0;
	z-index: 0;
}

#navpro, #navpro ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
	clear: both; 
	z-index: 999;
}

#navpro a {
	display: block;
	width: auto;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	width: 140px;
}
#navpro a:hover {
	display: block;
	text-decoration: underline;
	background: #924AEF;
	color: white;
}

#navpro li { /* all list items */
	float: left;
	width: 140px; /* width needed or else Opera goes nuts */
	text-align: left;
	border: solid #CCC 1px;
	margin: 0 4px 0 0;
}

#navpro li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 140px;
	margin: 0 4px 0 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navpro li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#navpro li:hover ul ul, #navpro li.sfhover ul ul {
	left: -999em;
}

#navpro li:hover ul, #navpro li li:hover ul, #navpro li.sfhover ul, #navpro li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#newsletterpage {
	padding: 0 0 300px 0;
}
#newsletter {
	position: relative;
	top: -150px;
	float: right;
	width: 500px;
}

#newsletter .newsimage {
	float: right;
}

#newsletter .newsform {
	position: relative;
	float: right;
	right: 0;
	top: -5px;
} 
#newsletter .newsform p {
	padding: 0;
	margin: 0;
}
#newsletter .newsform img{
	border: 0;
	margin: 0 0 -5px 0;
	padding: 0;
}

#int_maincontent table {
	border: 0px none #F1F1F1;
	margin: 15px;
	text-align: center;
}

#int_maincontent table {
	border: 0px none #F1F1F1;
	margin: 0px;
}


table tr td .style1 {
	font-weight: bold;
	text-indent: 12px;
	color: #924AEF;
}

#member h3 {
	position: relative;
	top: -225px;
	width: 300px;
	height: 77px;
	background: #FFF url("/grafx/logo_member.gif") no-repeat;
}

html>body #member h3 {
	top: -25px;
}
#member h3 span {
	display: none;
}


#int_maincontent #bio table {
	border: 0;
	text-align: left;
}

#int_maincontent #bio .style2 {
	font-weight: bold;
	font-size: 14px;
}

table tr td .guide .style1 {
	font-weight: normal;
	text-indent: 12px;
	color: #5e5e5e;
}

#flashprocedures {
	float: left;
	margin: 0 30px 0 0;
}
#procedureslist {
	float: right;
}

#googlemaps {
	position: absolute;
	margin: -275px 0 0 300px;
}

.glossarytitles {
	color: #55316B;
}

#centrelogo {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 300px;
	top: -100px;
	width: 211px;
	height: 72px;
	background: url("/grafx/Centre-Epiderme_sm.gif") no-repeat;
}
.addresspadding {
	padding: 0px 5px 0px 0px;
}