@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;
}





/* 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;
}
#header_wrapper {
width: 800px;
margin: 0 auto;
min-height: 125px;
padding-top: 10px;
}
#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;
}



/* 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;
}





/* NAVIGATION STYLES ----------------------------------- */
/* ----------------------------------------------------- */
#main_navigation {
float: right;
margin-top: 45px;
}
#main_navigation a {
text-decoration: none;
font-family: "Georgia", Times New Roman;
font-size: 16px;
}
#main_navigation a:hover {
color: #7d30a0;
}
#main_navigation a.active {
color: #7d30a0;
}
ul#navigation {
list-style: none;
}
ul#navigation li {
display: inline;
margin-left: 14px;
}





/* 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;
}




/* 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;
}