/* CSS Document */

/* Top Structure */
html, body {height: 100%;}

body { background: #f9ebeb; text-align: center; font-family: Verdana, Helvetica, "Lucida Grande", Arial, sans-serif; font-size: 75%; color: #535353; line-height: 14px; }

#top_box { background: #f9ebeb url(images/bg_extended_top.png) no-repeat; width:990px; height: 225px; margin-right: auto; margin-left: auto;}
#middle_box { background: #f9ebeb url(images/bg_extended_middle.png) repeat-y; width:990px; min-height:auto; margin-right: auto; margin-left: auto;}
#bottom_box { background: #f9ebeb url(images/bg_extended_bottom.png) no-repeat; width:990px; height: 55px; margin-right: auto; margin-left: auto;}

#frontnews {margin-top: 2em;}

#container {width: 892px; height: 176px; text-align: center; margin-right: auto; margin-left: auto;}
#banner {; width: 892px; height: 176px; padding-top: 49px;  }
/* hide from ie/mac \*/
* html #banner {background: #feb4bb; width: 892px; height: 176px; margin-bottom:-14px; }
/* end hide  */
#left_banner { float: left; background: #f9ecec; width: 182px; height: 176px;  line-height:1px; }
.right_banner { float: right; background: #f9ecec; width: 710px; height: 176px; line-height:1px; }
.inline {display: inline;}

/* Main Nav */
#nav {  width: 182px; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav ul li { margin: 0; padding: 0; }
#nav ul li a { display: block; width: 182px; height: 23px; padding-left: 22px; text-align: left; cursor:pointer; }


/* hide from ie/mac \*/
* html #nav ul { margin-top: 0px;  margin-bottom: 3px; }
* html #nav ul li { margin-top: 0px; }


/* Main Columns */
#columns { clear: both; background: #fff url(images/fauxbg.png) repeat-y; width: 892px; min-height: auto; margin-right: auto; margin-left: auto;}

#left_column { float: left; background: #FAF2ED; width: 199px; height: auto; min-height: 100%; text-align: left; padding-top: 18px; padding-left: 18px; padding-right: 18px; }
#left_column p { line-height: 15px; margin-bottom: 12px; }
#content_links {float: left; width: 234px; min-height: 100%; text-align: left; padding-top: 18px; }

#clearfloats {clear: both;}

#divider {background: url(images/divider.gif) no-repeat; width: 400px; height: 1px;}

#right_column { float: left; background: #FAF2ED; width: 251px; height: auto; min-height: 345px; padding: 0px;}

#pricesection {width: 220px; height: auto; text-align: left; padding-top: 12px; padding-left: 18px; padding-right: 10px; }
#contactsection {width: 226px; height: auto; text-align: left; padding-top: 15px; padding-left: 18px; }

#content { float: right; min-height:100%; width: 625px;  padding-top: 17px; text-align: left; padding-left: 30px; }
#contentbanda { float: left; min-height:100%; width: 574px;  padding-top: 0px; text-align: left; padding-left: 16px; }
.indent {padding-left:30px;}
.quoteleft {float:left; padding-left:140px; text-align:center; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; width:200px; font-size: 240%; font-style: italic; line-height:30px;}
.quoteright {padding-right:40px; float:right; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; width:200px; font-size: 240%; font-style: italic; line-height:26px;}
.subheading {font-weight:bold; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif;}


/* Footer Section */
#footer { clear: both; background: #fff url(images/footer.gif) repeat-x; width: 884px; height: 24px; padding-top: 7px; padding-right: 7px; text-align: right; margin-right: auto; margin-left: auto;}
.rightfootertext { float: right; text-align: right; width:auto; padding-top: 2px; }
.leftfootertext { float: left; text-align: left; width: auto: padding-top: 2px; padding-left: 3px;}


.greenpeel {background:url(images/content_column_greenpeel.jpg) no-repeat;}
.ionzyme {background: url(images/content_ionzyme.jpg) no-repeat;}
.environ {background: url(images/content_environ.jpg) no-repeat;}
.glycolicpeels {background: url(images/content_glycolicpeels.jpg) no-repeat; }
.botomasks {background: url(images/content_botomasks.jpg) no-repeat;}
.botox {background: url(images/content_botox.jpg) no-repeat;}
.collagen {background: url(images/content_collagen.jpg) no-repeat; }
.restylane {background: url(images/content_restylane.jpg) no-repeat; }
.hydrafill {background: url(images/content_hydrafill.jpg) no-repeat; }
.pmc {background: url(images/content_pmc.jpg) no-repeat; }
.microdermabrasion {background: url(images/content_microdermabrasion.jpg) no-repeat; }
.sclerotherapy {background: url(images/content_sclerotherapy.jpg) no-repeat;}
.skincamouflage {background: url(images/content_skincamouflage.jpg) no-repeat; }
.links {background: url(images/content_links.jpg) no-repeat;}
.column {background: url(images/content_column.jpg) no-repeat;}
.veinwave {background: url(images/content_veinwave.jpg) no-repeat;}
.quotes {background: url(images/quotes.jpg) no-repeat;}
.aromatherapy {background: url(images/content_aromatherapy.jpg) no-repeat;}
.reiki {background: url(images/content_reiki.jpg) no-repeat;}
.hopicandles {background: url(images/content_hopicandles.jpg) no-repeat;}
.indianheadmassage {background: url(images/content_column_holistic.jpg) no-repeat;}
.reflexology {background: url(images/content_reflexology.jpg) no-repeat;}
.holistic {background: url(images/content_holistic.jpg) no-repeat;}
.nails {background: url(images/content_nails.jpg) no-repeat;}
.nails_acrylic {background: url(images/content_nails_acrylic.jpg) no-repeat;}
.nails_gel {background: url(images/content_nails_gel.jpg) no-repeat;}
.nails_biosculpture {background: url(images/content_nails_biosculpture.jpg) no-repeat;}

.banda_ionzyme {background: url(images/banda_ionzyme.jpg) no-repeat;}

ul.main{ margin-left: 6px; padding-left: 12px; color: #535353; margin-top: 0px; margin-bottom: 8px; }
ul.main2{ margin-left: 6px; padding-left: 15px; color: #535353; margin-top: 0px; margin-bottom: 10px; }
ul.main li{ list-style-image: url(images/li.gif); margin-top: 2px; line-height: 18px; }


#address { width: 207px; padding-left: 18px; }

/* Sub Navigation */
#navcontainer {width: 217px; margin-top: 7px; }
#navcontainer ul { margin-left: 0; padding-left: 0; margin-top: 0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }
#navcontainer a { display: block; padding: 3px; width: 213px; background-color: #f5dcdd; padding-left: 18px; margin-bottom: 2px; }
#navcontainer a:link, a:visited { color: #666; text-decoration: none; }
#navcontainer a:hover { background-color: #f0295c; color: #ffffff; margin-bottom: 2px; font-weight:bold;}
#navcontainer a.highlighted { background-color: #f0295c; color: #ffffff; margin-bottom: 2px; font-weight:bold;}
#navcontainer li {height: 20px;}
#navcontainer li.breaker {height:10px; width: 234px; background-color: #f3d1d2; margin: 0; padding-top:-3;}
#navcontainer span {display:block; padding: 3px; width: 199px; padding-left:18px; margin-bottom:2px; font-weight: bold;}


/* Body Links */
a.body:link { color: #78B068; text-decoration: none; border-bottom: 1px solid #A5Da76 ; }
a.body:visited { color: #78B068; text-decoration: none; border-bottom: 1px solid #78B068; }
a.body:hover { color: #535353; text-decoration: none; border-bottom: 1px solid #78B068; }
a.body:active { color: #000; text-decoration: none; border-bottom: 1px solid #78B068; }

/* Blue Class for links */
a.blue:link { color: #7ba6d0; text-decoration: none; border-bottom: 1px solid #7195b5;}
a.blue:visited { color: #7ba6d0; text-decoration: none; border-bottom: 1px solid #7195b5}
a.blue:hover { color: #535353; text-decoration: none; border-bottom: 1px solid #7195b5}
a.blue:active { color: #000; text-decoration: none; border-bottom: 1px solid #7195b5}

a.pinklink:link {color: #eb557b; text-decoration:none; border-bottom: 1px solid #eb557b;}
a.pinklink:visited {color: #8f3f54; text-decoration:none; border-bottom: 1px solid #eb557b;}
a.pinklink:hover {color: #ecaebe; text-decoration:none; border-bottom: 1px solid #eb557b;}
a.pinklink:active {color: #eb295a; text-decoration:none; border-bottom: 1px solid #eb557b;}

.pinksmall {color: #eb557b; font-weight: bold; font-size: 80%;}
.pinkbig {color: #eb557b; font-weight: bold; font-size: 120%;}


.bluehelp { color: #7ba6d0; text-decoration: none; font-size:96%;}
a.bluesmall:link { color: #7ba6d0; text-decoration: none; font-size:70%; border-bottom: 1px solid #7195b5;}
a.bluesmall:visited { color: #7ba6d0; text-decoration: none; font-size:70%; border-bottom: 1px solid #7195b5}
a.bluesmall:hover { color: #535353; text-decoration: none; font-size:70%; border-bottom: 1px solid #7195b5}
a.bluesmall:active { color: #000; text-decoration: none; font-size:70%; border-bottom: 1px solid #7195b5}
/* Staple Classes */
img { border: none; margin-bottom :0px; }
.img { border: 0; width: 50px; height: 50px; margin-right: 14px; margin-bottom: 14px; }
p { line-height: 18px; margin-bottom: 5px; margin-top: 2px; } 
.pform { line-height: 0px; margin: 0; }
.clear { height: 1px;clear: both; }
.pricelistitems {float:left; text-align: left;}
.pricelistextra {float:left; text-align: left; width: 400px; font-style: italic; color: #F27BA5;}
.pricelistprices {float:right; text-align: right; font-weight: bold; padding-right: 60px;}
.linkspage {line-height: 20px;}


.big { font-size: 12px; }
.pink { color: #eb557b;}
.pinkbold { color: #eb557b; font-weight: bold;}
.textfield { border: 1px #92c085 solid; height: 14px; width: 120px; margin-bottom: 8px; }
.ad { background: #fff; width: 258px; height: 264px; margin: 0 auto; margin-bottom: 18px; text-align: left; padding-top: 17px; padding-left: 10px; }
p.content { width: 430px; margin-bottom: 5px; }
.contentspan {width: 590px; margin-bottom: 7px; }
.bigimage { width: 415px; padding-left: 51px; }
.leftpad { padding-left: 80px; width: 80px; height: 24px; }
.leftpadding {padding-left: 18px; }
fieldset { border: 0px; padding: 0px; margin: 0px; }

#newsspan {width: 580px; margin-bottom: 7px; }

.floatleft {float: left;}
.floatright {float: right;}

/* Form Attributes */
#formbox { width: 540px; text-align: left; }
#register { float: left; width: 340px; height: 296px; text-align: left; padding-left: 30px; }
#register2 { float: left; width: 340px; height: 296px; text-align: left; }
label,input { display: block; float: left; margin-bottom: 10px; margin: 2px; padding: 2px; }
label { text-align: left; width: 100px; padding-right: 20px; }
.submit_button { height: 24px; width: 56px;margin-top: 0px; margin-bottom: 5px; }
.contact_textfield { background: #f1f1f1; font-family: Arial, Tahoma, sans-serif; font-size: 12px; color: #333; border: 1px #c7c7c7 solid; padding-left: 2px; }
.contact_textarea { background: #f1f1f1; font-family: Arial, Tahoma, sans-serif; font-size: 12px; color: #333; border: 1px #c7c7c7 solid; padding-left: 2px; margin-left: 2px; overflow: auto; margin: 2px; }


/* Headings */
h1 { font-size: 16px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:2px; position:relative; margin:0; padding:0; overflow:hidden; line-height: 22px; }
h1 span { display:block; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0; background: top left no-repeat;  }
h2 { font-size: 24px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:2px; position:relative; margin:0; padding:0; overflow:hidden; line-height: 30px; }
h3 { font-size: 11px; padding: 0; margin: 0; display: block; padding-bottom:0px; color: #999999;}
.leftheader { padding-left: 18px; }
.leftheader2 { padding-left: 18px; padding-top: 16px; }
.leftheader3 {padding-left: 16px; }
#left_column h1 { width:141px; height:21px; }
#left_column h1 span { width:141px; height:21px; background:url("images/cc_introduction.gif"); }
#logo h1 { width:166px; height:41px; padding-left: 16px; text-align: left; }
#logo h1 span { width:182px; height:41px; background:url("images/cc_logo2.gif"); }
#contactsection h1 { width:176px; height:24px;}
#pricesection h1 { width:193px; height:24px;}
#contactsection h1 span { width:176px; height:24px; background:url("images/cc_quickcontact2.gif"); }
#pricesection h1 span { width:146px; height:21px; background:url("images/cc_pricelist.gif"); }
h5 { font-size: 16px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:2px; position:relative; margin:0; padding:0; overflow:hidden; line-height: 22px; display:inline;}
h6.gen {font-family:Garamond; font-size: 34px; color: #f0295c; margin:0;}


/*Top Left Menu*/
#home { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#home span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_home.gif") top left no-repeat; }
#home_on { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#home_on span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_home2.gif") top left no-repeat; }
#services { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#services span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_services.gif") top left no-repeat; }
#services_on { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#services_on span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_services2.gif") top left no-repeat; }
#pricelist { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#pricelist span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_pricelist.gif") top left no-repeat; }
#pricelist_on { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#pricelist_on span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_pricelist2.gif") top left no-repeat; }
#about { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#about span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_about.gif") top left no-repeat; }
#about_on { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#about_on span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_about2.gif") top left no-repeat; }
#contactnav { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#contactnav span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_contact.gif") top left no-repeat; }
#contactnav_on { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#contactnav_on span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_contact2.gif") top left no-repeat; }
#directions { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#directions span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_directions.gif") top left no-repeat; }
#directions_on { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#directions_on span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_directions2.gif") top left no-repeat; }
#testimonials { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#testimonials span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_testimonials.gif") top left no-repeat; }
#testimonials_on { position:relative; width:182px; height:18px; overflow:hidden; line-height: 17px; }
#testimonials_on span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:18px; margin:0; padding:0; background:url("images/cc_testimonials2.gif") top left no-repeat; }
#bottomnav { position:relative; width:182px; height:18px; overflow:hidden; line-height: 9px; }
#bottomnav span { display:block; position:absolute; left:0; top:0; z-index:1; width:182px; height:9px; margin:0; padding:0; background:url("images/bottom.gif") top left no-repeat; }


