html, body
	{ margin: 0; padding: 0; min-height: 100%; height: 100%; width: 100%; }

body {
	font: 0.7em/1.5em tahoma, 'lucida grande', verdana, sans-serif;
	background: #f4fdfd url(background.gif) top center repeat-y;
	color: #3b2443; text-align: center;
}

#all
{
	position: relative; min-height: 100%; height: auto !important; height: 100%;
	background-color: #fff; width: 768px;
	margin: 0 auto; text-align: left;
	border-left: solid 1px #dee2e7;
	border-right: solid 1px #dee2e7;
}

/* block elements */
p, blockquote, h1, h2, h3, h4, h5, h6
	{ margin: 0 0 1.5em 0; }
	
h1, h2, h3, h4
	{ font-family: arial; font-weight: normal; margin-top: 1.5em; color: #61436b; }

h1, h2 { font-size: 1.8em; line-height: 1.2em; margin: 1em 0 1.2em 0; }

#submenu h2 { font-size: 1.5em; margin-top: 1.5em; }

h2 { font-size: 1.45em; }
h2 { color: #990033; }

h3 { font-size: 1.4em; }
h1 em { font-style: normal; color: #990033; }

blockquote
	{ border-left: solid 2px #ccc; padding-left: 1em; margin-left: 1em; }
a, a:visited
	{ color: #6d578e; text-decoration: none; font-weight: bold; padding: 1px; }
	
a:hover
	{ color: #594971; background-color: #ead3f5; }

.clearer { clear: both; line-height: 0; font-size: 0; }

/*
 *
 * Header
 * (body > #all > #header) 
 *  
 */


#header
	{ height: 317px; background-color: #999; font-size: 1px; line-height: 1px; } 


/*
 *
 * Menu
 * (body > #all > #menu) 
 *
 */


#menu
{
	height: 43px;
	background: #59375d url(menu-bg.gif) repeat-x;
	text-align: center;
	
} 

/* Offset */
#menu ul { position: relative; left: 4px; }

#menu ul, #menu li
	{ list-style-type: none; margin: 0; padding: 0; line-height: 0; }

#menu li
{
	display: block; float: left;
	padding: 0 1px 0 0; position: relative;
	height: 34px;
	background: url(menu-separator.gif) top right no-repeat;
}

#menu li a
{
	display: block; width: 126px; height: 30px;
	position: relative; top: 3px; padding: 0;
	text-transform: uppercase;
	font: bold 1em arial;
}

#menu li a span
	{ padding: 0px 20px; position: relative; top: 7px; color: #594971; }

#menu li a span, #menu li a:visited span
	{ color: #eddfef; }

/* Bg of hover main item */
#menu li a:hover, #menu li:hover a, #menu li.hover a
	{ background-color: #8d6f93; }

/* Bg of dropdown */
#menu li:hover li a, #menu li.hover li a
	{ background-color: #76567b; }

/* The last */
li#menu-contactus
	{ background: none; }

/* Remove text and place the images */
#menu li span { position: relative; left: -9999px; }
#menu li a { background: center center no-repeat; }
li#menu-ourservices a { background-image: url(menuitem-ourservices.gif); }
li#menu-medical-services a { background-image: url(menuitem-medicalservices.gif); }
li#menu-onlinestore a { background-image: url(menuitem-onlinestore.gif); }
li#menu-aboutus     a { background-image: url(menuitem-aboutus.gif); }
li#menu-partners    a { background-image: url(menuitem-partners.gif); }
li#menu-contactus   a { background-image: url(menuitem-contactus.gif); }
li#menu-home   a { background-image: url(menuitem-home.gif); }


/*
 *
 * Dropdown submenu
 * (body > #all > #menu > ul > li > ul)
 *
 */ 

#menu li ul
{
	/* background-color: #c6aac8; */
	position: absolute; top: 33px; left: -9999px;
	 z-index: 2;
}

#menu li:hover ul,
#menu li.hover ul { left: 0; }

#menu li ul li
{
	padding: 0; height: auto;
	float: none; background: transparent;
	background-image: none;
	text-align: left;
}

#menu li ul li a
{
	background: transparent;
	position: static;
	margin: 0; display: block; height: auto; text-transform: none;
}
#menu ul li ul li a span { position: static; top: 0; display: block; padding: 4px; }


#menu li ul li a:hover
	{ color: #594971; background-color: #9f86a4; }


/*
 *
 * Area
 * (body > #all > #area)
 *
 */


#area
	{ background: #fff url(content-bg.gif) top left repeat-x; } 
	
#area #content,
#area #featured,
#area #treatments,
#area #submenu
	{ padding: 15px; height: 100%; min-height: 100%; height: auto !important; }

#area table td { vertical-align: top; }

#area #submenu,
#area #treatments { width: 162px; }
#area #featured   { width: 162px; background: url(featured-bg.gif) top left repeat-x; }
#area #content    { width: 344px; padding-right: 25px; }

#treatments, #submenu       { text-align: right; }
#treatments h2, #submenu h2 { color: #990033; }
#treatments ul, #treatments li,
#submenu ul, #submenu li
	{ margin: 0; padding: 0; list-style-type: none; }

#featured h2 { color: #567a72; }
#featured p.image { clear: right; text-align: center; }
#featured p.image a:hover { background: transparent; }
#featured img { border: 0; } 
#featured p.more { text-align: right; }
#featured a, #featured a:visited { color: #71aea2; }
#featured a:hover { background-color: #cff0ea; color: #ddf6f1; }


/*
 *
 * Footer
 * (body > #all > #footer) 
 *
 */


#footer
{
	height: 5em; background: #fff url(footer-bg.gif) top left repeat-x;
	position: asbolute; bottom: 0;
	padding: 14px 10px 0 10px;
}

#footer a, #footer a:visited { color: #4c9385; font-weight: normal; }
#footer a:hover { }
#footer #vanishing-veins
	{ display: block; width: 164px; float: left; font-weight: bold; text-align: right; overflow: hidden; }

#footer #footer-text
	{ float: right; color: #aaa; font-size: 0.9em; width: 360px; }


/*
 *
 * Headings
 *
 */

#h-treatments { background: url(h-treatments.gif) top right no-repeat; width: 100%; height: 40px; }
#h-treatments span { font-size: 1px; position: relative; left: -9999px; }

#h-featured { background: url(h-featured.gif) top center no-repeat; height: 19px; }
#h-featured span { font-size: 1px; position: relative; left: -9999px; } 

#h-zispa { background: url(h-zispa.gif) top left no-repeat; height: 19px; }
#h-zispa span { font-size: 1px; position: relative; left: -9999px; }

/*
 * A few more image replacements
 */
 
.more a { display: block; background: url(a-readmore.gif) center right no-repeat; height: 20px; }
.more a span { font-size: 1px; position: relative; left: -9999px; }
.more a:hover { background-color: #333; }

a#vanishing-veins { position: relative; top: 5px; background: url(a-vanishingveins.gif) top right no-repeat; height: 9px; padding: 0; z-index: 1; }
a#vanishing-veins:hover { background-position: right -9px; }
#vanishing-veins span { font-size: 1px; position: relative; left: -9999px; }


.sub-image { float: right; margin: 0 0 1em 1em; }
.mini-right { float: right; margin: 0 0 1em 1em; }
.mini-left { float: left; margin: 0 1em 1em 0; }


div.before-after { text-align: center; }
table.before-after td { text-align: center; width: 49%; }
table.before-after td strong { font-size: 1.2em; }

.caption { text-align: center; font-size: 0.9em; font-weight: bold; }