/* CSS Document */

body {
	margin: 10px 0 10px 0; padding: 0px 0 0 0; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	font-family:verdana;
	font-size:12px;
	background: #fff;
/* static backgroun: background: url(../images/mainbackground.jpg) no-repeat center top;*/
}
.cl { clear: both; height: 1%; }
img {border: none;}
h1 { font-family: Georgia, sans-serif; font-weight: normal; color: #505050; font-size: 3.2em; text-align: left; margin: 0px; padding: 0 10px 10px 10px }
h2 { font-family: "Trebuchet MS",sans-serif; font-weight: bold; color: #333; font-size: 20px; line-height: 22px; text-align: left; margin: 0px; padding: 0 0 10px 0; }
h2 a { color: #58585A; }
h2 a:hover { text-decoration: underline;}
h3 { font-family: arial; font-weight: bold; color: #333; font-size: 12px; text-align: left; margin: 0px; padding: 0 0 10px 10px; }
h3 a { color: #333; }
h3 a:hover { text-decoration: underline;}
p { font-family: verdana; font-weight: normal; font-size: 1.1em; line-height: 1.1em; margin: 0px; padding: 0px 10px 15px 10px; color: #666; text-align: left; }
p a { color: #BC4088; text-decoration: underline;}
p a:hover { text-decoration: underline; }
#bullet ul{ padding: 0px 0px 0px 0px; margin: 0px 0px 20px 30px; }
#bullet ul li { font-weight: normal; color: #666; margin: 0px 0px 8px 0px; text-align: left; list-style-position: outside; list-style-image: url("../images/bullet.gif"); }

/* Layout Items*/

.clearboth { clear: both; }
.clearinherit { clear: inherit; }
.clearright { clear: right; }
.clearleft { clear: left; }

#container { background-color: #FFFFFF; padding: 0; width: 946px; margin: 0px auto; /* Right and left margin widths set to "auto" */ text-align: left; /* Counteract to IE5/Win Hack */ }
#banner { clear: both; }

#images { width: 946px; padding: 0px; margin: 0px }

#imagehome { width: 250px; float: left; padding: 0 10px 0 0; clear: both; }
#imagefacials { width: 255px; float:left; padding: 0 10px 0 0; clear: both; }
#imagemassage { width: 380px; float: left; padding: 0 10px 0 0; clear: both; }
#imagenails { width: 275px; float: left; padding: 0px; clear: both; }
#imagewaxing { width: 430px; float: right; padding: 0px; margin: 0px; }
#textwaxing { width: 450px; float:left; padding: 0px; clear: both}
#imagetints { width: 250px; float:left; padding: 0 10px 0 0; }
#imagemums { width: 280px; float: left; padding: 0 0 0 56px; }
#imagebride { width: 280px; float:left; padding: 0 10px 0 0; }

#text210 { width: 220px; float:left; padding: 0px; clear: left; }
#text220 { width: 220px; float:left; padding: 0px; margin: 0 110px 0 0; }
#text230 { width: 230px; float:left; padding: 0px; clear: both; }
#text280 { width: 280px; float:left; padding: 0px; clear: both; }
#text300 { width: 300px; float:left; padding: 0px; clear: both; }
#text345 { width: 345px; float:left; padding: 0px; margin: 0px; }
#text370 { width: 370px; float:left; padding: 0px; }
#textmap { width: 400px; float:left; padding: 0 0 0 35px; }
#text450 { width: 450px; float:left; padding: 0px; }
#text500 { width: 500px; float:left; padding: 0px; }
#text500wax { width: 500px; float:left; padding: 0px; clear: both; }
#text610 { width: 610px; float:left; padding: 0px; clear: both; }
#text620 { width: 620px; padding: 0px; clear: both}
#text670 { width: 670px; float:left; padding: 0px; }
#text800 { width: 746px; float:left; padding: 0 200px 0 0; }
#text946 { width: 946px; float:left; padding: 0px; }

#imageright { clear: both; float: right; padding: 10px; }

#columnhalf1{ width:478px; float:left; margin: 0px; padding: 0px; }
#columnhalf2{ width:468px; float:right; margin:0px; padding: 0px; }

/* Nav Buttons */

#nav { 	float: left; width: 946px; padding: 0px 0 ; margin: 120px 0 10px 0 ; background: transparent url("../images/nav-background.jpg") 0 0 no-repeat; }
#nav ul { float: left; width: 980px; list-style: none; margin: 0; padding: 0; }
#nav ul li { float: left; background: transparent; padding: 0px 20px 0 5px;}
#nav ul li a { display: block; margin: 0; padding: 0px; background: transparent; text-decoration: none;}


#nav ul li #home { float: left; background: transparent; width: 55px;  } 
#nav ul li a#home { display: block; margin: 0 0 0 8px; height: 21px; padding: 0px; background: #fff url("../images/buttons/home.jpg") 0 0 no-repeat; }
#nav ul li a#home:hover { color: #fff; text-decoration: none; background: #fff url("../images/buttons/home2.jpg") 0 0 no-repeat; }
#nav ul li a#ghome.active { font-family: verdana; font-size:12px; color: #fff; text-decoration: none; padding: 0px 20px 0 8px; background: #fff url("../images/buttons/home2.jpg") 0 0 no-repeat; }

#nav ul li #massage { float: left; background: transparent; width: 92px; }
#nav ul li a#massage { display: block; margin: 0px; height: 21px; padding: 0px; background: #fff url("../images/buttons/massage.jpg") 0 0 no-repeat; }
#nav ul li a#massage:hover { color: #fff; text-decoration: none; background: #fff url("../images/buttons/massage2.jpg") 0 0 no-repeat; }
#nav ul li a#massage.active { color: #fff; text-decoration: none; padding: 0px 20px 0 8px; background: #fff url("../images/buttons/massage2.jpg") 0 0 no-repeat; }

#nav ul li #facials { float: left; background: transparent; width: 62px;}
#nav ul li a#facials { display: block; margin: 0; height: 21px; padding: 0px; background: #fff url("../images/buttons/facials.jpg") 0 0 no-repeat; }
#nav ul li a#facials:hover { color: #fff; text-decoration: none; background: #fff url("../images/buttons/facials2.jpg") 0 0 no-repeat; }
#nav ul li a#facials.active { color: #fff; text-decoration: none; padding: 0px 20px 0 8px; background: #fff url("../images/buttons/facials2.jpg") 0 0 no-repeat; }

#nav ul li #nails { float: left; background: transparent; width: 40px;}
#nav ul li a#nails { display: block; margin: 0; height: 21px; padding: 0px; background: #fff url("../images/buttons/nails.jpg") 0 0 no-repeat; }
#nav ul li a#nails:hover { color: #fff; text-decoration: none; background: #fff url("../images/buttons/nails2.jpg") 0 0 no-repeat; }
#nav ul li a#nails.active { color: #fff; text-decoration: none; padding: 0px 20px 0 8px; background: #fff url("../images/buttons/nails2.jpg") 0 0 no-repeat; }

#nav ul li #tints { float: left; background: transparent; width: 36px;}
#nav ul li a#tints { display: block; margin: 0; height: 21px; padding: 0px; background: #fff url("../images/buttons/tints.jpg") 0 0 no-repeat; }
#nav ul li a#tints:hover { color: #fff; text-decoration: none; background: #fff url("../images/buttons/tints2.jpg") 0 0 no-repeat; }
#nav ul li a#tints.active { color: #fff; text-decoration: none; padding: 0px 20px 0 8px; background: #fff url("../images/buttons/tints2.jpg") 0 0 no-repeat; }

#nav ul li #waxing{ float: left; background: transparent; width: 70px;}
#nav ul li a#waxing {display: block; margin: 0; height: 21px; padding: 0px; background: #fff url("../images/buttons/waxing.jpg") 0 0 no-repeat; }
#nav ul li a#waxing:hover { color: #fff; text-decoration: none; background: #fff url("../images/buttons/waxing2.jpg") 0 0 no-repeat; }
#nav ul li a#waxing.active { color: #fff; text-decoration: none; padding: 0px 20px 0 8px; background: #fff url("../images/buttons/waxing2.jpg") 0 0 no-repeat; }

#nav ul li #pamperparties { float: left; background: transparent; width: 150px;}
#nav ul li a#pamperparties { display: block; margin: 0; height: 21px; padding: 0px; background: #fff url("../images/buttons/pamperparties.jpg") 0 0 no-repeat; }
#nav ul li a#pamperparties:hover { color: #fff; text-decoration: none; background: #fff url("../images/buttons/pamperparties2.jpg") 0 0 no-repeat; }
#nav ul li a#pamperparties.active { color: #fff; text-decoration: none; padding: 0px 8px 0 8px; background:#fff  url("../images/buttons/pamperparties2.jpg") 0 0 no-repeat; }

#nav ul li #contact { float: left; background: transparent; width: 117px;}
#nav ul li a#contact { display: block; margin: 0; height: 21px; padding: 0px; background: #fff url("../images/buttons/contactme.jpg") 0 0 no-repeat; }
#nav ul li a#contact:hover { color: #fff; text-decoration: none; background: #fff url("../images/buttons/contactme2.jpg") 0 0 no-repeat; }
#nav ul li a#contact.active { color: #fff; text-decoration: none; padding: 0px 8px 0 8px;; background:#fff  url("../images/buttons/contactme2.jpg") 0 0 no-repeat; }

/* Section Backgrounds */

#sectionbackground { clear: both; margin: 0px ; background: #fff url("../images/subheaders/newsectionbackground.jpg") 0 0 no-repeat; padding: 0 0 10px 0;}
#sectionbackground110 { clear: both; margin: 15px 0 0 0 ; background: #fff url("../images/subheaders/newsectionbackground110.jpg") 0 0 no-repeat; padding: 10px 0 10px 0;}

/* Page Title H Tags Graphics */

#pagetitle { margin: 20px 0 0 0; padding: 0 0 0 10px; }
#pagetitle h1{ text-indent:-9000px; font-size: 1px; margin: 0px;}
#pagetitle h1.beauty-care-treatments-home { height: 29px; background: url("../images/headers/beauty-care-treatments-home.jpg") no-repeat; margin: 0px;}
#pagetitle h1.massage { height: 29px; background: url("../images/headers/massage.jpg") no-repeat; margin: 0px;}
#pagetitle h1.facials { height: 29px; background:   url("../images/headers/facials.jpg") no-repeat; margin: 0px;}
#pagetitle h1.perfect-nails { height: 29px; background:  url("../images/headers/perfect-nails.jpg") no-repeat; }
#pagetitle h1.eyebrow-eyelash-tinting { height: 29px; background: url("../images/headers/eyebrow-eyelash-tinting.jpg") no-repeat; margin: 0px;}
#pagetitle h1.waxing { height: 29px; background: url("../images/headers/get-smooth-warm-hot-wax-treatments.jpg") no-repeat; margin: 0px;}
#pagetitle h1.pamper-parties { height: 29px; background: url("../images/headers/pamper-parties.jpg") no-repeat; margin: 0px;}
#pagetitle h1.contact { height: 29px; background: url("../images/headers/contact.jpg") no-repeat; margin: 0px;}

#pagetitle h1.free-mini-manicure-pedicure-facial { height: 29px; background: url("../images/headers/free-mini-manicure-pedicure-facial.jpg") no-repeat; margin: 0px;}


#subheaders { margin: 0px; padding: 0px; }
#subheaders h2{ height: 24px; text-indent: -9000px; font-size: 1px; margin: 0 0 0 10px;}
#subheaders h2.full-body-massage { background: url("../images/headers/full-body-massage.jpg") no-repeat; }
#subheaders h2.back-neck-shoulder-massage { background: url("../images/headers/back-neck-shoulder-massage.jpg") no-repeat; }
#subheaders h2.scalp-massage { background: url("../images/headers/scalp-massage.jpg") no-repeat; }
#subheaders h2.foot-massage { background: url("../images/headers/foot-massage.jpg") no-repeat; }
#subheaders h2.hands-massage { background: url("../images/headers/hands-massage.jpg") no-repeat; }
#subheaders h2.face-massage { background: url("../images/headers/face-massage.jpg") no-repeat; }

#subheaders h2.mini-facial { background:  url("../images/headers/mini-facial.jpg") no-repeat; }
#subheaders h2.personal-blend-facial { background:  url("../images/headers/personal-blend-facial.jpg") no-repeat; }
#subheaders h2.luxury-facial { background:  url("../images/headers/luxury-facial.jpg") no-repeat; }

#subheaders h2.perfect-nails { background:  url("../images/headers/perfect-nails.jpg") no-repeat; }
#subheaders h2.file-polish { background:  url("../images/headers/file-polish.jpg") no-repeat; }
#subheaders h2.hands-mini-manicure { background:  url("../images/headers/hands-mini-manicure.jpg") no-repeat; }
#subheaders h2.hands-luxury-manicure { background:  url("../images/headers/hands-luxury-manicure.jpg") no-repeat; }
#subheaders h2.feet-mini-pedicure { background:  url("../images/headers/feet-mini-pedicure.jpg") no-repeat; }
#subheaders h2.feet-luxury-pedicure { background:  url("../images/headers/feet-luxury-pedicure.jpg") no-repeat; }

#subheaders h2.subtle-tints { background:  url("../images/headers/subtle-tints.jpg") no-repeat; }

#subheaders h2.get-smooth { height: 55px; background:  url("../images/headers/get-smooth.jpg") no-repeat; }
#subheaders h2.leg-waxing { background:  url("../images/headers/leg-waxing.jpg") no-repeat; }
#subheaders h2.bikini-waxing { background:  url("../images/headers/bikini-waxing.jpg") no-repeat; }
#subheaders h2.more-waxing { background:  url("../images/headers/more-waxing.jpg") no-repeat; }

#subheaders h2.brides-to-be { background:  url("../images/headers/brides-to-be.jpg") no-repeat;  }
#subheaders h2.hen-parties { background:  url("../images/headers/hen-parties.jpg") no-repeat; margin: -9px 0 0 9px;}
#subheaders h2.one-day-to-go { background:  url("../images/headers/1-day-to-go.jpg") no-repeat; }
#subheaders h2.big-day { background:  url("../images/headers/big-day.jpg") no-repeat; }
#subheaders h2.mums-to-be { background:  url("../images/headers/mums-to-be.jpg") no-repeat; }
#subheaders h2.baby-showers { background:  url("../images/headers/baby-showers.jpg") no-repeat; margin: -9px 0 0 9px; }
#subheaders h2.nct { background:  url("../images/headers/nct.jpg") no-repeat; }

#specialoffer { height: 288px; margin: 0 0 0 6px; background: #fff url("../images/offers/offer.jpg") 0 0 no-repeat; padding: 10px 0px 0px 10px;}
#specialoffer p { font-family: verdana; font-weight: normal; font-size: 1.2em; line-height: 1.1em; margin: -10px 0 0 0; padding: 0px 30px 15px 2px; color: #fff; text-align: left; }
#specialoffer p a { color: #fff; text-decoration: underline;}
#specialoffer h2 { text-indent: -9000px; font-size: 1px; margin: 0 0 0 10px; }
#specialoffer h2.offer { height: 50px; margin: 35px 0px 10px 0px; background: url("../images/offers/offer.png") no-repeat; }


#specialoffer h2.free-mini-manicure-pedicure { height: 60px; margin: 45px 0px 10px 0px; background: url("../images/offers/free-mini-manicure-pedicure-facial.png") no-repeat; }
#specialoffer h2.free-file-polish { height: 70px; margin: 45px 0px 10px 0px; background: url("../images/offers/free-file-polish.png") no-repeat; }
#specialoffer h2.three-free { height: 90px; margin: 45px 0px 10px 0px; background: url("../images/offers/three-free.png") no-repeat; }
#specialoffer h2.mother { height: 130px; margin: 45px 0px 10px 0px; background: url("../images/offers/mother.png") no-repeat; }
#specialoffer h2.june { height: 95px; margin: 45px 0px 10px 0px; background: url("../images/offers/june.png") no-repeat; }
#specialoffer h2.july { height: 95px; margin: 45px 0px 10px 0px; background: url("../images/offers/july.png") no-repeat; }
#specialoffer h2.august { height: 140px; margin: 45px 0px 10px 0px; background: url("../images/offers/august.png") no-repeat; }
#specialoffer h2.autumn { height: 172px; margin: 40px 0px 10px 0px; background: url("../images/offers/autumn-pamper.png") no-repeat; }

#subheaders h2.area { margin: 40px 0 0 9px; background:  url("../images/headers/area-covered.jpg") no-repeat; }

/* Forms */

fieldset { width: 478px; height: 415px; border: 0px solid #fff; margin: 0 0 20px 0px!important; padding: 10px 0 0 20px; background: #fff url("../images/contactus-form-background.jpg") 0 0 no-repeat; }
legend { display: none; margin: 0; padding: 0; }
label { font-size: 70%; font-family: Verdana; font-weight: bold; display: block; color: #444; margin: 0; padding: 0 0 5px 0px; }
labelcheckbox { display: inline!important; display: none; font-size: 90%; color: #000; margin: 0; padding: 0 0 5px 1px; font-weight: bold; }
form .txt { font-family: Verdana; font-size: 100%; background: #fff url("../images/background_field.gif") 0 0 no-repeat; width: 200px; margin: 0; padding: 3px 5px; border: 1px solid #84044F; color: #666; }
form .select { background: #fff url("../images/background_field.gif") 0 0 no-repeat; width: 340px; margin: 0; padding: 2px 2px 2px 5px; border: 1px solid #84044F; color: #666; }
form .select_auto { font-family: Verdana; font-size: 100%; background: #fff url("../images/background_field.gif") 0 0 no-repeat; width: auto; margin: 0; padding: 2px 2px 2px 5px; border: 1px solid #84044F; color: #666; }
form .area_small { font-family: Verdana; font-size: 100%; background: #fff url("../images/background_field.gif") 0 0 no-repeat; width: 200px; height: 70px; overflow: auto; margin: 0; padding: 3px 5px; border: 1px solid #84044F;  color: #666; }
form .area_medium { font-family: Verdana; font-size: 100%; background: #fff url("../images/background_field.gif") 0 0 no-repeat; width: 200px; height: 120px; overflow: auto; margin: 0; padding: 3px 5px; border: 1px solid #84044F;  color: #666; }
form .area_large { font-family: Verdana; font-size: 100%; background: #fff url("../images/background_field.gif") 0 0 no-repeat; width: 200px; height: 70px; overflow: auto; margin: 0; padding: 3px 5px; border: 1px solid #84044F;  color: #666; }
form div { font-size: 95%; color: #fff; clear: both; margin: 0 0 5px 0; padding: 0; }
form div h3 { color: #426123; font-size: 100%; text-transform: capitalize; margin: 0; padding: 10px 0 15px 0; }
form div h4 { font-family: Verdana; font-size: 100%; color: #666; text-transform: capitalize; margin: 0; padding: 10px 0 15px 0; }
.button { margin: 5px 0 5px 0; padding: 3px 2px 3px 2px!important; padding: 3px 2px 3px 2px; font: 80% Verdana; font-weight: bold; cursor: pointer; color: #fff; border: 2px solid #84044F; background: #ccc url("../images/submit-button.jpg") 0 0 repeat-x; }

/* Footer */

#footer { clear: both; margin: 1px 0 10px 0; width: 936px; height: 50px; padding: 10px 10px 0 0 ; background: #fff url("../images/footerbackground.jpg") 0 0 repeat-x;}
#footerleft { float: left; width: 426px; text-align: left; padding: 0 0 0 10px }
#footerright { float: right; width: 500px; text-align: right; }
.intro { color: #C1709D; font-family: verdana; font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; text-align: right;}