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

html { height: 100%;  margin-bottom: 1px; }
html * { padding: 0; margin: 0; }

body { text-align: left; padding: 0px 0px 0px 0px; font-size: 62.5%; background: #45255e; font-family:Verdana, Geneva, sans-serif; }

#everythingLeft { text-align: left;  margin: 0; width:900px; }

#everythingFooter { text-align: center;  background: #20242e no-repeat; margin: 23 auto 0; height: 50px; font-size: 14px; color: #FFF; border-top-width: 1px; border-top-style: solid; border-top-color: #715e37; }
	#everythingFooter a:link { color: #c3dced; text-decoration: none; }
	#everythingFooter a:hover { color: #09F; text-decoration: none; }
	#everythingFooter a:visited { color: #c3dced; text-decoration: none; }

/* links  */

a:link { color: #CCC; }
a:hover { color: #FFF; }
a:visited { color: #FFC; }

/*all other plain*/

.clear {clear:both;}
.imgLeft { float:left; margin-right: 5px; }
.imgRight {float:right margin-left:10px; margin-bottom:10px;}
p { margin-bottom:10px;  }


#header { height:45px; width:900px; background: url(../images/header-bgd.jpg) no-repeat; }

#image-slider { height:230px; width:634px; float:left; background: url(../images/image-slider.jpg) no-repeat; }

slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(../images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#logo { height:230px; width:265px; float:left; background: url(../images/logo.jpg) no-repeat; }

#nav { height:42px; width:900px; background: url(../images/nav-bgd.jpg) no-repeat; }

#locations #nav { height:42px; width:900px; background: url(../images/nav-bgd-locations.jpg) no-repeat; }

#nav-home { height:42px; width:900px; background: url(../images/nav-bgd.jpg) no-repeat; }

#under-nav { height:18px; width:900px; background: url(../images/under-nav-home.jpg) no-repeat; }

#locations #under-nav-height { width:900px; background: url(../images/under-nav-locations.jpg) no-repeat -2px 0px; padding-bottom: 1px; }



#content { width:900px; background: url(../images/home-content-bgd.jpg) repeat-y; height: 300px; }

#content-interior { width:900px; background: url(../images/interior-content-bgd.jpg) repeat-y; padding-bottom: 1px; }

#white #content-interior { width:900px; background: url(../images/interior-content-bgd.jpg) repeat-y; padding-bottom: 1px; float: left; margin-top: -24px; }

#footer { width:900px; height:50px; background: #45255E url(../images/footer-bgd.png) no-repeat; }

#logo h1 {  }
#logo h1 a { height:230px; width:265px; float:left; background: url(../images/logo.jpg) no-repeat; display:block; text-indent:-10000px;  }
#logo h1 a:hover {  }


#nav-home ul { margin-left: 20px; }
#nav-home ul li { display:inline; list-style:none; }
#nav-home ul li a { display: block; float: left; font-family: "Arial Narrow", Helvetica, sans-serif; text-transform: uppercase; font-size: 18px; text-decoration: none; padding: 10px 35px; color: #c9c7ca; }
#nav-home ul li a:hover { color: #FFF; } 

ul#services { float: left; list-style:none; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; margin-left: 200px; }

ul#products { float: left; list-style:none; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; margin-left: 50px; }

ul#special-offers { float: left; list-style:none; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; margin-left: 85px; }

ul#services li a, ul#products li a, ul#special-offers li a { color:#FFF; text-decoration:none; padding:5px 0px; display:block; }

ul#services li a:hover, ul#products li a:hover, ul#special-offers li a:hover { color:#ccc;  }

ul#locations { list-style-type: none; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 15px; text-align: center; float:left; margin-left:75px; }
ul#locations li a { text-decoration:none; color:#FFF; padding-bottom:20px; display:block; }
ul#locations li a span { text-decoration:none; color:#a88cac; }

ul#locations-new { list-style-type: none; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 15px; text-align: center; float:left; margin-left:655px; }
ul#locations-new li a { text-decoration:none; color:#FFF; padding-bottom:20px; display:block; }
ul#locations-new li a span { text-decoration:none; color:#a88cac; }

ul#locations-all { list-style-type: none; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 15px; text-align: center; margin-left:655px; width: 190px; padding-top: 18px; }
ul#locations-all li a { text-decoration:none; color:#FFF; padding-bottom:20px; display:block; }
ul#locations-all li a span { text-decoration:none; color:#a88cac; }

#headline h1 { font-size:20px; color:#FFF; margin-left:15px; position: relative; opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75; /* FF lt 1.5, Netscape */ width: 600px; }

#headline-left { float:left; width:600px; margin-top: 85px; }
#dermalogica-right { float:right; margin-right: 75px; position: relative; }

#footer-content { width:634px; padding-top: 18px; font-family: Geneva, sans-serif; font-size: 9px; color: #FFF; float: left; }

.footer-left { width:33%; text-align:left; float:left; padding:0px 10px; }
.footer-middle { width:23%; text-align:center; float:left; padding:5px 10px; }
.footer-right { width:33%; text-align:right; float:left; padding:0px 10px; }

#footer-content a { color:#FFF; text-decoration:none; }

.footer-left a { background: url(../images/malcolmwolf.jpg) no-repeat right top; display: block; padding-top: 5px; padding-bottom: 5px; width: 140px; }
.footer-right a { background: url(../images/facebook.jpg) no-repeat right top; display: block; padding-top: 5px; padding-bottom: 5px; padding-right:30px }

#text { width:550px; padding:0px 20px 0px 50px; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 15px; margin-top: -30px; }
#text p { line-height:20px; margin-bottom: 25px; }

#white #text { width:620px; padding:0px 5px 0px 5px; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 15px; margin-top: -130px; }

#text h1 { font-size:30px; color:#45255e; text-transform:uppercase; font-weight:bold; }
#text h2 { font-size:24px; color:#45255e; font-weight:bold; }
#text h3 { font-size:18px; margin-top: 20px; margin-bottom: 20px; }
#text h4 { font-size:15px; color:#45255e;  }
.headline-purple { font-size:15px; color:#45255e; font-family:Arial Narrow, Helvetica, sans-serif; }


#text a { color:#45255e; }
#text a:link {  }
#text a:hover { color:#333; }

#gallery-aurora { height:305px; margin-left:231px; margin-top:142px; position:absolute; width:532px; }

#gallery-batavia { height:305px; margin-left:231px; margin-top:780px; position:absolute; width:532px; margin-top:1010px\9; *margin-top:1180px; }

.css-grid { display: block; width: 290px; float: left; }

#spa-parties #under-nav-height { width:900px; background: url(../images/under-nav-spa-parties.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#spa-parties #nav { height:42px; width:900px; background: url(../images/nav-bgd-spa-parties.jpg) no-repeat; }

#massage #under-nav-height { width:900px; background: url(../images/under-nav-massage.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#massage #nav { height:42px; width:900px; background: url(../images/nav-bgd-massage.jpg) no-repeat; }

#skin-care #under-nav-height { width:900px; background: url(../images/under-nav-skin-care.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#skin-care #nav { height:42px; width:900px; background: url(../images/nav-bgd-skin-care.jpg) no-repeat; }

#hair-and-makeup #under-nav-height { width:900px; background: url(../images/under-nav-hair-and-makeup.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#hair-and-makeup #nav { height:42px; width:900px; background: url(../images/nav-bgd-hair-and-makeup.jpg) no-repeat; }


#jac-makeup #under-nav-height { width:900px; background: url(../images/under-nav-jac-makeup.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#jac-makeup #nav { height:42px; width:900px; background: url(../images/nav-bgd-jac-makeup.jpg) no-repeat; }

#dermalogica #under-nav-height { width:900px; background: url(../images/under-nav-dermalogica.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#dermalogica #nav { height:42px; width:900px; background: url(../images/nav-bgd-dermalogica.jpg) no-repeat; }

#order-online #under-nav-height { width:900px; background: url(../images/under-nav-order-online.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#order-online #nav { height:42px; width:900px; background: url(../images/nav-bgd-order-online.jpg) no-repeat; }


#specials #under-nav-height { width:900px; background: url(../images/under-nav-specials.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#specials #nav { height:42px; width:900px; background: url(../images/nav-bgd-specials.jpg) no-repeat; }

#packages #under-nav-height { width:900px; background: url(../images/under-nav-packages.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#packages #nav { height:42px; width:900px; background: url(../images/nav-bgd-packages.jpg) no-repeat; }

#personal-training #under-nav-height { width:900px; background: url(../images/under-nav-personal-training.jpg) no-repeat 0px 0px; padding-bottom: 1px; }
#personal-training #nav { height:42px; width:900px; background: url(../images/nav-bgd-personal-training.jpg) no-repeat; }

.strikethrough { text-decoration:line-through; }

.hiddenGallery { display:none; }

.superscript { font-size:12px; display: inline; }

#order-online #text { margin-top: 20px; }

.center { text-align:center; }

#white #under-nav-height { width:900px;background: url(../images/under-nav-white.jpg) no-repeat 0px 0px;  padding-bottom: 1px; float: left; }
#white #nav { height:42px; width:900px; background: url(../images/nav-bgd-white.jpg) no-repeat; }

#text p.cufon {  }

.input-style { -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3-4 */
          border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
		  padding:7px;
		  width:240px;
		  border: 1px solid #ccc;
		  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #cccccc, #ffffff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cccccc),color-stop(1, #ffffff)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#ffffff')"; /* IE8 */ 
		 font-size:12px; }
		 
		 .input-style:focus {
			 
			 
			  }
		 
		 .input-width { width:240px; padding:7px; }
		 .error { font-size:10px; color:#F00; margin-left:5px; }
		 .100percent { width:550px; }