@charset "UTF-8";
/* CSS Document */

/* Information: ---------------------------------------- */
/* This is the style sheet for the Pearl Medpa website.  */ 
/* Web slicing and coding was done by Matthew Stroh of   */
/* www.matthewstroh.com, a Freelance web developer       */
/* currently living in Portland, OR. 503-341-8113.       */
/* ----------------------------------------------------- */





/* COLOR PALLETTE -------------------------------------- */
/* ----------------------------------------------------- */
/*
ff00bb - pink
ff3399 - dull pink
3e3125 - background brown
282018 - dark brown
7d30a0 - new pink
*/





/* RESET CODE ------------------------------------------ */
/* ----------------------------------------------------- */
/*
Reset Code Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}





/* MAIN STYLES ----------------------------------------- */
/* ----------------------------------------------------- */
body {
background-color: #ffffff;
color: #444444;
font-family: Helvetica, Arial, Sans-serif;
font-size: .75em;
margin: 0px;
padding: 0px;
}
img {
border: none;
}
ul#navigation li a {
color: #ffffff;
}
a {
color: #444444;
}
a.back_to_top {
font-family: "Georgia", "Times New Roman", Times, serif;
font-style: italic;
}
a:hover {
color: #7d30a0;
}
h1, h2, h3, h4, h5 {
margin: 0px;
padding: 0px;
color: #7d30a0;
}
.link_arrow_pink {
color: #7d30a0;
}
h1 span.reg {
font-size: 16px;
}
hr {
padding-top: 10px;
margin-bottom: 30px;
border: none;
border-bottom: 1px dotted #ccc;
}
div.clear {
clear: both;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
ul.bulleted-list {
padding-left: 15px;
list-style: disc;
line-height: 17px;
}


/* BOX STYLES ------------------------------------------ */
/* ----------------------------------------------------- */
#page_wrapper {
background-image: url(http://www.pearlmedspa.com/images/backgrounds/BKGD_main.jpg);
background-position: center top;
background-repeat: no-repeat;
}
#main_wrapper {
width: 900px;
margin: 0 auto;
position: relative;
}
#header_wrapper {
width: 800px;
margin: 0 auto;
min-height: 125px;
padding-top: 10px;
position: relative;
}
#header_logo {
float: left;
}
#main_content_area {
background-position: center top;
background-repeat: no-repeat;
min-height: 280px;
width: 900px;
padding-top: 25px;
}
#main_content_box {
width: 800px;
margin: 0 auto;
padding-bottom: 40px;
overflow: auto;
}
#homepage_billboard {
width: 225px;
float: left;
margin: 0px 0px 25px 27px;
line-height: 18px;
}
#homepage_billboard h3 a {
text-decoration: none;
color: #7d30a0;
}
#homepage_billboard h3 a:hover {
text-decoration: underline;
color: #fff;
}
#infobox img {
float: left
}
#infobox_content {
width: 580px;
float: right;
line-height: 1.5em;
}
#infobox_content.wide {
width: 770px;
}
#main_content_area.no_background {
background-image: none;
}
#banner_band {
border-top: 10px solid #7d30a0;
width: 800px;
margin: 0 auto;
}
ul#portfolio {
z-index: 1;
}


/* HEADER TEXT STYLES ---------------------------------- */
/* ----------------------------------------------------- */
h1 {
font-size: 24px;
font-weight: normal;
font-family: "Georgia", Times New Roman, Serif;
margin-bottom: 7px;
}
h2 {
font-size: 20px;
font-weight: normal;
font-family: "Georgia", Times New Roman, Serif;
margin-bottom: 5px;
}
h3 {
font-size: 16px;
font-weight: normal;
font-family: "Georgia", Times New Roman, Serif;
}




/* NEWSLETTER SIGNUP STYLES ---------------------------- */
/* ----------------------------------------------------- */
#newsletter_form {
background-image: url(http://www.pearlmedspa.com/images/common/BKGD_newsletter_input.png);
background-repeat: no-repeat;
min-height: 35px;
height: auto !important;
height: 35px;
}
#newsletter_form input.the_field {
background: none;
border: none;
width: 127px;
border: none;
margin: 0px 0px 0px 10px;
color: #333;
}
#newsletter_form input.the_button {
margin: 5px;
}




/* FEATURE BAR STYLES ---------------------------------- */
/* ----------------------------------------------------- */
#feature_bar {
background-color: #fff;
color: #000;
border-top: 10px solid #7d30a0;
border-bottom: 10px solid #7d30a0;
margin: 0 auto;
padding: 0px;
min-height: 187px;
height: auto !important;
height: 187px;
overflow: hidden;
width: 800px;
}
#feature_bar.about_us {
background-image: url(http://www.pearlmedspa.com/images/faders/outdoor_sign.jpg);
background-position: right top;
background-repeat: no-repeat;
}
#feature_bar_content {
width: 320px;
padding: 15px 0px 0px 30px;
margin-bottom: 10px;
float: left;
line-height: 18px;
}
#feature_bar_images {
float: right;
width: 435px;
}
#feature_bar_content a {
color: #7d30a0;
}
#feature_bar.botox {
background-image: url(http://www.pearlmedspa.com/images/content_images/botox-allergen-model.jpg);
background-position: right bottom;
background-repeat: no-repeat;
}
#feature_bar.thermage {
background-image: url(http://www.pearlmedspa.com/images/content_images/thermage-model.jpg);
background-position: 340px -100px;
background-repeat: no-repeat;
}
#feature_bar.laser_hair {
background-image: url(http://www.pearlmedspa.com/images/content_images/laser-hair-removal-model.jpg);
background-position: 320px bottom;
background-repeat: no-repeat;
}
#feature_bar.fraxel {
background-image: url(http://www.pearlmedspa.com/images/content_images/fraxel-model.jpg);
background-position: 340px bottom;
background-repeat: no-repeat;
min-height: 380px;
}
h1#clear-brilliant-logo {
width: 322px;
height: 128px;
background-image: url(http://www.pearlmedspa.com/images/content_images/clear-brilliant-logo.gif);
font-size: 1px;
text-indent: -9999px;
}
#feature_bar.clear_brilliant {
background-image: url(http://www.pearlmedspa.com/images/content_images/clear-brilliant-model.jpg);
background-position: 420px top;
background-repeat: no-repeat;
min-height: 550px;

}
h1#coolsculpting-logo {
width: 322px;
height: 128px;
background-image: url(http://www.pearlmedspa.com/images/content_images/coolsculpting-logo.gif);
font-size: 1px;
text-indent: -9999px;
}
#feature_bar.coolsculpting {
background-image: url(http://www.pearlmedspa.com/images/content_images/coolsculpting-model.jpg);
background-position: 390px bottom;
background-repeat: no-repeat;
min-height: 550px;
}
h1#venus-freeze-logo {
width: 322px;
height: 128px;
background-image: url(http://www.pearlmedspa.com/images/content_images/venus-freeze-logo.gif);
font-size: 1px;
text-indent: -9999px;
}
#feature_bar.venus_freeze {
background-image: url(http://www.pearlmedspa.com/images/content_images/venus-freeze-model.jpg);
background-position: 380px top;
background-repeat: no-repeat;
min-height: 550px;
}


/* INFO BOX STYLES ------------------------------------- */
/* ----------------------------------------------------- */
#infobox_content ul {
margin: 0px 0px 30px 20px;
list-style: disc;
}
#infobox_content ul li {
list-style: disc;
margin: 0px 0px 7px 0px;
}
#infobox_content em {
font-style: italic;
}






/* SUB-PAGE STYLES ---------------------------------- */
/* ----------------------------------------------------- */
img.content_image {
border: 4px solid #d4beec;
}






/* FOOTER STYLES --------------------------------------- */
/* ----------------------------------------------------- */
#footer_wrapper {
font-size: 9px;
color: #838383;
margin: 0px 0px 0px 200px;
padding-bottom: 20px;
width: 650px;
overflow: auto;
}
#footer_wrapper a {
color: #838383;
}
#footer_wrapper a:hover {
color: #7d30a0;
}
#footer_logo {
float: left;
}
#footer_links {
float: left;
padding: 5px 0px 0px 10px;
}
#footer_bar {
border-top: 10px solid #7d30a0;
width: 800px;
margin: 0 auto;
padding-bottom: 20px;
}






/* LIST STYLES ----------------------------------------- */
/* ----------------------------------------------------- */
ul {
line-height: 1em;
}
ul#column_1, ul#column_2 {
width: 200px;
float: left;
padding-top: 5px;
padding-bottom: 40px;
}
ul#column_3 {
width: 300px;
float: left;
padding-top: 5px;
padding-bottom: 40px;
}





/* SPECIALS STYLES ------------------------------------- */
/* ----------------------------------------------------- */
#specials_header_wrapper {
margin-bottom: 45px;
}
#specials_left {
width: 500px;
float: left;
}
#specials_newsletter_box {
float: right;
width: 225px;
margin-right: 15px;
}

#specials_box {
width: 340px;
min-height: 135px;
background-color: #fff;
background-position: top right;
background-repeat: no-repeat;
color: #000;
padding: 10px 10px 10px 10px;
border: 3px solid #d4beec;
margin: 0px 15px 15px 0px;
float: left;
}
#specials_box_featured {
width: 720px;
min-height: 135px;
background-color: #fff;
background-position: top right;
background-repeat: no-repeat;
color: #000;
padding: 10px 10px 10px 10px;
border: 3px solid #6d6050;
margin: 0px 15px 15px 0px;
}
#specials_content_featured {
width: 485px;
padding-right: 20px;
border-right: 1px solid #f0f0f0;
}
#view_our_ad {
float: right;
width: 140px;
margin: 30px 45px 0px 0px;
}
#specials_box h3, #specials_box_featured h3 {
font-size: 14px;
color: #3e3125;
}
#pricing {
font-family: "Georgia", Times New Roman, Serif;
font-size: 14px;
font-style: italic;
color: #3e3125;
margin-top: 10px;
}
span.price {
color: #7d30a0;
}

/* SPECIALS RIBBONS */
#specials_box_featured.ribbon_featured_special {
background-image: url(http://www.pearlmedspa.com/images/specials/GFK_ribbon_featured_special.gif);
}
#specials_box.ribbon_featured_special {
background-image: url(http://www.pearlmedspa.com/images/specials/GFK_ribbon_featured_special.gif);
}
#specials_box.ribbon_great_gift {
background-image: url(http://www.pearlmedspa.com/images/specials/GFK_ribbon_great_gift.gif);
}
#specials_box.ribbon_great_gift #specials_content {
width: 300px;
}
#specials_box.ribbon_january_only {
background-image: url(http://www.pearlmedspa.com/images/specials/GFK_ribbon_january_only.gif);
}
#specials_box.ribbon_january_only #specials_content {
width: 300px;
}
#specials_box.ribbon_50_off {
background-image: url(http://www.pearlmedspa.com/images/specials/GFK_ribbon_50_off.gif);
}


#services_box h3 {
margin-top: 30px;
}
#services_box p {
margin-bottom: 0.8em;
}



/* MAP BOX STYLES -------------------------------------- */
/* ----------------------------------------------------- */
#map_box {
border: 3px solid #6d6050;
width: 730px;
}





/* DROP DOWN MENU STYLES -------------------------------------------------- */
/* Styles: Javascript-Array.com Simple Drop-Down Menu Plugin -------------- */
/* Source: http://javascript-array.com/scripts/jquery_simple_drop_down_menu */

#main_navigation_drop_down {
position: absolute;
right: -10px;
top: 50px;
}

#jsddm {
margin: 0;
padding: 0;
z-index: 1000;
}
#jsddm li {	
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}
#jsddm li a {	
display: block;
padding: 5px 10px;
text-decoration: none;
color: #fff;
white-space: nowrap;
text-decoration: none;
font-family: "Georgia", Times New Roman;
font-size: 14px;
}
#jsddm li a.active {	
color: #7D30A0;
}
#jsddm li a:hover {	
background: none;
color: #7D30A0;
}
#jsddm li ul {	
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
z-index: 1000; /* Added to not conflict with fading images */
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
#jsddm li ul li {	
float: none;
display: inline;
}
#jsddm li ul li a {	
width: auto;
background: #9353DF;
color: #fff;
font-size: 11.5px;
font-style: italic;
}
#jsddm li ul li a:hover	{	
background: #7D30A0;
color: #fff;
}
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}








p.allergan {
font-size: 10px;
padding-top: 4px;
font-style: italic;
}


#feature_bar_content.thermage_content {
width: 770px;
}
div#thermage-columns {
}
div.thermage-left {
width: 319px;
float: left;
}
div.thermage-right {
width: 430px;
float: right;
}
div.thermage-right #before-and-afters img{
margin-right: 15px;
margin-bottom: 20px;
}






/* GIVING BACK */
ul#charities {
margin-top: 40px;
}
ul#charities li {
width: 190px;
float: left;
min-height: 180px;
text-align: center;
}
ul#charities li img {
margin-left: 13px;
margin-right: 10px;
margin-bottom: 10px;
}

ul#charities li a {
font-weight: normal;
color: Purple;
text-decoration: none;
font-size: 10px;
font-style: italic;
font-family: "Georgia", "Times New Roman", Times, serif;
}
ul#charities li a:hover {
text-decoration: underline;
color: #666;
}body.giving-back #page_wrapper {
background-image: url(http://www.pearlmedspa.com/images/backgrounds/BKGD_main.jpg);
background-position: center -150px;
background-repeat: no-repeat;
}