/*
Theme Name: Millennium Health Spa
Theme URI: http://www.myocweightloss.com/
Description: The main style sheet for Millennium Helath Spa web site.
Version: 1.0
Author: Todd Libby
Author URI: http://six03.com/
*/

/* Reset the browser defaults */
@import url('reset.css');

/* CONTAINERS */
body {
 background:#988E53 url(images/background.jpg) top left repeat-x;
}

#wrapper {
 width:980px;
 margin:10px auto 0 auto;
}

#header {
 height:87px;
 background:#fff url(images/masthead-bg.jpg) center left no-repeat;
}

#header h1 {
 font:normal bold 15px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#733147;
 float:right;
 padding:3px 12px 0 0;
}

#header h2 {
 font:normal normal 19px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#5e4a3a;
 float:right;
 clear:both;
 padding:7px 12px 0 0;
}


ul#primary-nav,
ul#primary-nav ul {
 width:auto;
}

ul#primary-nav {
 z-index: 999999;
 height:29px;
 width:800px;
 background:#753248 url(images/nav-bg.gif) center left repeat-x;
 float:right;
 position:relative;
 top:-31px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border:1px solid #753248;
}

ul#primary-nav:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

ul#primary-nav li {
 position:relative;
 left:10px;
 list-style:none;
 float:left;
 width:auto; /* Width of Menu Items */
 font:normal 11px/2.6em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 padding:0 14px;
 color:#fff;
}

ul#primary-nav li a,
ul#primary-nav li li a {
 display:block;
 text-decoration:none;
 color:#fff;
 padding:8px 4px;
 font:normal 11px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
}

ul#primary-nav ul {
 position:absolute;
 left:5px;
 display:none;
 background-color:#753248;
}

ul#primary-nav ul ul {
 background-color:#753248;
 left:130px;
 top:0;
}

/* Sub Menu Styles */
ul#primary-nav li ul li a { padding:2px 5px; border-bottom:1px solid #98284d; }

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display:none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display:block; } /* The magic */

ul#primary-nav a,
ul#primary-nav li.menuparent { 
 background:transparent;
}

ul#primary-nav li ul li a{
 height:20px;
 padding:5px 23px 5px 20px;
 background-color:#753248;
 font-weight:normal;
 line-height:1.8;
 margin-left:-31px;
 width:130px;
}

ul#primary-nav li ul li a:hover { background-color:#801337; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background:transparent url(images/menu_on.png)top left repeat-x !important; }

ul#primary-nav li a:hover {
 color:#fff; 
 background:transparent;
}

#content {
 width:980px;
 height:645px;
 background:#fff url(images/content-bg.jpg) top left no-repeat;
 clear:both;
}

#myFlashContent {
 height:255px;
 width:650px;
 background:transparent;
 float:right;
 margin-right:8px;
}

#four-panel {
 float:right;
 height:363px;
 width:651px;
 margin-right:6px;
}

#content-releana,
#content-app-supp,
#content-botox,
#content-lip-aug,
#content-chem-peels,
#content-hormone,
#content-skincare,
#content-company-info-bios,
#content-before-after,
#content-contact-us-directions,
#content-fine-line,
#content-juvederm,
#content-radiesse,
#content-perlane,
#content-restylane,
#content-testimonials {
 width:980px;
 float:right;
 background-color:#fff;
 position:relative;
 top:-20px;
 padding-bottom:80px;
 margin-bottom:-20px;
}

#content-releana {
 background-image:url(images/releana-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-app-supp {
 background-image:url(images/app-supp-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-botox {
 background-image:url(images/botox-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-lip-aug {
 background-image:url(images/lip-aug-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-chem-peels {
 background-image:url(images/chem-peels-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-hormone {
 background-image:url(images/hormone-replace-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-skincare {
 background-image:url(images/skincare-top.jpg);
 background-position:top center;
 background-repeat:no-repeat;
}

#content-company-info-bios,
#content-before-after,
#content-contact-us-directions {
 background-image:url(images/before-after-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}


#content-fine-line {
 background-image:url(images/fine-line-filling-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-juvederm {
 background-image:url(images/injectable-fillers-juvederm-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-radiesse {
 background-image:url(images/injectable-fillers-radiesse-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-perlane {
 background-image:url(images/injectable-fillers-perlane-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-restylane {
 background-image:url(images/restylane-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#content-testimonials {
 background-image:url(images/testimonials-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}

#releana,
#app-supp,
#botox,
#lip-aug,
#chem-peels,
#hormone,
#company-info-bios,
#fine-line,
#juvederm,
#radiesse,
#perlane,
#restylane,
#before-after,
#contact-us-directions,
#testimonials {
 width:620px;
 float:right;
 margin-right:20px;
 padding-top:10px;
}

#skincare {
 margin:0 auto;
}

#address {
clear: both;
float: right;
padding-right: 150px;
}


#app-supp h1,
#botox h1,
#lip-aug h1,
#skincare h1,
#company-info-bios h1,
#juvederm h1,
#radiesse h1,
#perlane h1,
#restylane h1,
#before-after h1,
#contact-us-directions h1,
#testimonials h1 {
 font:normal 27px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 padding:22px 0;
 margin-left:-12px;
}


#releana h1,
#hormone h1 {
 font:normal 27px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 padding:5px 0;
 margin-left:-12px;
}


#skincare h1 {
 font:normal 27px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 padding-bottom:5px;
 margin-left:-12px;
 text-align:center;
}

h1.chem-peel-title,
#fine-line h1  {
 font:normal 27px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 margin-left:-12px;
}


#app-supp h2,
#botox h2,
#lip-aug h2,
#chem-peels h2,
#fine-line h2,
#juvederm h2,
#radiesse h2,
#restylane h2,
#perlane h2 {
 font:normal 19px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 padding:12px 0;
}

#hormone h2,
#releana h2 {
 font:normal 25px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 padding-bottom:10px;
 margin-left:-12px;
}

#skincare h2 {
 font:normal 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
 padding:10px 0;
 text-align:center;
}

#company-info-bios h2 {
 font:normal 19px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#733147;
 padding:0px 0px 5px 0px;
}


#contact-us-directions h2 {
 font:normal 19px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#733147;
 padding:5px 0px 15px 0px;
}

#before-after h2 {
 font:normal 19px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#608dad;
 padding-bottom: 10px;
}

#testimonials h2 {
 font:normal bold 13px/1.4em Arial, Helvetica, Verdana, sans-serif;
 color:#733147;
 margin-bottom:15px;
}

#before-after h3, #contact-us-directions h4 {
 font:normal bold 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#608dad;
}

#app-supp h3,
#botox h3,
#chem-peels h3,
#hormone h4,
#fine-line h3,
#juvederm h4,
#radiesse h4,
#releana h4,
#restylane h4,
#perlane h4 {
 font:normal bold 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
 padding:10px 0;
}

#hormone h4 a, #radiesse h4 a, #chem-peels a, #fine-line a { color:#8a9b32; }

#hormone h3,
#releana h3  {
 font:normal 19px/1.4em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 padding:15px 0;
}

#before-after h4 {
 font:normal 19px/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 padding:10px 0;
}

#contact-us-directions h3 {
 padding-left: 0;
 padding-bottom: 15px;
 padding-right: 0;
 padding-top: 10px;
 font:normal 19px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
}

#company-info-bios h3 {
 float:right;
 font:normal bold 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
 text-align:left;
 width:280px;
}

h3.name {
 position:relative; 
 right:75px;
}

.bio-holder h3 a, #bio h3.name a {
 color:#8a9b32;
 font-weight:normal;
}

.bio-holder h3 {
 position:relative;
 top:90px;
}

.bio-holder h3.name, #bio h3.name {
 position:relative;
 top:100px;
}

#juvederm h3 {
 font:bold italic 13px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
 color:#8a9b32;
 padding:5px 0;
}

#perlane h3 {
 font:normal bold 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
}

#radiesse h3 {
 font:normal bold 13px/1.2em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
}

#restylane h3 {
 font:normal bold 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
}

#testimonials h3 {
 font:normal bold 13px/1em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
 padding-top:10px;
}

#releana p,
#app-supp p,
#botox p,
#lip-aug p,
#chem-peels p,
#hormone p,
#company-info-bios p,
#fine-line p,
#juvederm p,
#radiesse p,
#perlane p,
#restylane p,
#contact-us-directions p {
 font:normal 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
 padding:8px 0;
}

#contact_logo {
padding: 5px 0px 20px 0px;
}

#before-after p {
 line-height: 1.5em;
 font:normal 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
 padding:15px 0;
}


#testimonials p {
 font:normal 13px/1.2em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
 padding:10px 0;
}

#releana ul {
 margin:10px 0 0 30px;
}

#releana ul li {
 font:normal 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
 padding:8px 0;
}

#releana ol li span.text,
span.patient,
span.address {
 font:normal 13px/1em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
}

#releana ol li span.list-title {
 font:normal bold 13px/1.4em Arial, Helvetica, Verdana, sans-serif;
 color:#733147;
}

#chem-peels dl dt {
 font:normal 13px/1.2em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
 padding:10px 0;
}

#chem-peels dl dd {
 font:bold italic 13px/1em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
 padding:5px 0;
}

#fine-line ul li {
 font:bold italic 13px/1em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
 padding:3px 0 0 10px;
}

#fine-line ul li a, a:visited{
 text-decoration: none;
 font:bold italic 13px/1em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
}


#lip-aug ul li {
 padding-left: 10px;
 padding-bottom: 3px;
 padding-right: 0;
 padding-top: 3px;
 font:bold italic 13px/1em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
}

#lip-aug ul li a, a:visited{
 text-decoration: none;
 font:bold italic 13px/1em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
}

#chem-peels ul, #hormone ul, #releana, #juvederm ul, #perlane ul {
 margin: 5px 0 10px 70px;
}

#chem-peels ul li, #hormone ul li, #releana ul li, #juvederm ul li, #perlane ul li {
 list-style-type:circle;
 list-style-image:url(images/list-tick.png);
 font:normal 13px/.8em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
 padding:5px 0;
}

.logo-holder a img, img#clarsonic {
 padding:10px;
}

.logo-panel {
 width:50%;
 margin:0 auto;
 text-align:center;
}

span.superscript, span.super {
 vertical-align:super;
 font-size:60%;
}

span.bo-tox {
 text-transform:uppercase;
}

span.patient {
 padding-left:5px;
}

#contactinfo li {width:300px;}
#contactinfo li a {
 width:300px;
 text-decoration:underline;
 font:normal 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
}

#contactinfo li#email {
 margin:20px 0;
}

span.phone-number {
 float:right;
 font:normal bold 13px/1.5em Arial, Helvetica, Verdana, sans-serif;
 color:#8a9b32;
 position:relative;
 right:80px;
}

#contact-us-directions h5,
ul#contactinfo li {
 font:normal 13px/1.7em Arial, Helvetica, Verdana, sans-serif;
 color:#666;
}

#company-info-bios img {
 border:1px solid #666;
 margin:15px 0;
}

#googlemap {
 border:1px solid #666;
 margin-top: 20px;
}

.audio {
 padding: 10px 0;
}

.before-after-block {
 padding-left: 0;
 padding-bottom: 12px;
 padding-right: 0;
 padding-top: 8px;
 border-bottom: 1px solid #cdcdcd;
}

.before-after-block-last {
 padding-left: 0;
 padding-bottom: 12px;
 padding-right: 0;
 padding-top: 22px;
 border-bottom: 1px solid #fff;
}

.before-after-block-last img {
 padding-left: 0;
 padding-bottom: 5px;
 padding-right: 0;
 padding-top: 14px;
}

.before-after-block-last h2 {
 padding-bottom: 0px;
}



.before-after-block h2{
 padding-left: 0;
 padding-bottom: 6px;
 padding-right: 0;
 padding-top: 14px;
}

.before-after-block img{
 padding-left: 0;
 padding-bottom: 6px;
 padding-right: 0;
 padding-top: 0px;
}


.beforeafter_photos {
 padding-bottom: 14px;
 padding-top: 12px;

}


.statement {
 
	line-height: 25px;
 
}


.bio-holder {
 border-bottom:1px solid #cdcdcd;
 padding:10px 0;
}

#bio {
 border:none;
 padding:10px 0;
}

.restylane-image {margin-bottom:30px;}

.restylane-image img#restylane-before1,
.restylane-image img#restylane-before2 {
 float:left;
 padding-right:90px;
}


#footer {
 clear:both;
 background-color:#753248;
 height:100px;
 width:980px;
}

#footer p {
 font:normal 12px/2.5em Arial, Helvetica, Verdana, sans-serif;
 color:#fff;
 text-align:center;
 padding-top:18px;
}

#footer a {
 color:#fff;
 text-decoration:underline;
}