@charset "UTF-8";

/*----RESET----*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
em {
	font-style:italic;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
h1 span {display:none;}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
:focus {
	outline:none;
}
/*----General Styles---*/
a {text-decoration:underline; color:#695e4a;}
a:hover {text-decoration:none; color:#695e4a;}
p {color:#282010;}
/*----Background----*/
body {
	background:url(background-texture.gif) repeat-x #a59e92;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#261c02;
}
#background {
	height:803px;
}
body#home #background, body#about #background {
	border-top:10px #261c02 solid;
}
body#salon #background {
	border-top:10px #c60651 solid;
}
body#spa #background {
	border-top:10px #ffe14f solid;
}
body#laser #background {
	border-top:10px #f78e1e solid;
}
body#store #background{
	border-top:10px #cbc0b7 solid;
}
#wrapper {
	width:940px;
	margin:0px auto 0px auto;
}
#banner {
	margin-bottom:5px;
	height:155px;
}
#logo {
	width:161px;
	padding-top:23px;
	float:left;
}
body#home #logo, body#about #logo {
	background:url(arrow-home.gif) top center no-repeat;
}
#appt p {
	float: right;
	padding-top:23px;
	padding-bottom:15px;
	line-height:10px;
	color:#695e4a;
}
#nav {
	width:640px;
	float:right;
	background:url(nav-bg.gif) left top no-repeat;
	margin-left:134px;
	overflow:visible;
}
#nav ul {
	width:160px;
	float:left;
}
#nav ul ul {
	width:140px;
	margin-top: 0px;
	overflow: hidden;
	height: 51px;
}
#nav ul li {padding-left: 20px;}
#nav ul li ul li {
	padding-left:0px;
	color:#c9c1b8;
	line-height:10px;
	font-size:11px;
}
#nav li a {
	color:#282010;
	text-decoration:none;
	font-size:11px;
	line-height:18px;
	padding-top:0px;
}
#nav li a:hover {text-decoration:underline;}
#nav li span, #content #tweets a span, #emails a span, #content #specials a span, #footer #bar #column #title span {display:none;}
#nav ul li p {height:53px; width:83px; background:url(nav-titles.gif) left top no-repeat; overflow:hidden;}
#nav ul li .salon {background-position:0px -165px;}
#nav ul li .spa {background-position:0px -110px;}
#nav ul li .laser {background-position:0px 0px;}
#nav ul li .store {background-position:0px -55px;}
#nav ul li ul li .coming-soon {display:inline; font-size:9px; line-height:9px;}
#nav ul.salon, #nav ul.spa, #nav ul.laser, #nav ul.store {position:relative;}
#arrow {
	background-repeat:no-repeat;
	top:-48px;
	position:absolute;
	width:80px;
	height:11px;
	left: -35px;
}
#nav ul.salon #arrow {background-image:url(arrow-salon.gif); }
#nav ul.spa #arrow {background-image:url(arrow-spa.gif); }
#nav ul.laser #arrow {background-image:url(arrow-laser.gif); }
#nav ul.store #arrow {
	background-image:url(arrow-store.gif);
}
#content {
	position:relative;
	height: 430px;
	background-image: url(panel-shadow.png);
	background-position: center top;
	background-repeat:no-repeat;
}
body#home #content {
	height: 380px;
	background-image:none;
}
#content #tweets {
	width:70px;
	height:60px;
	position:absolute;
	right:-7px;
	z-index: 1000;
	top: -55px;
}
#content #tweets a {
	width:70px;
	height:60px;
	background:url(tweets.gif) 0px 0px no-repeat;
	display:block;
}
#content #tweets a:hover {background-position:0px -60px;}
#content #emails {
	width:40px;
	height:55px;
	position:absolute;
	left: 892px;
	top: -112px;
} 
#content #emails a {background-image:url(btn-mail-small.png); background-position: 0px 0px; width:40px;height:55px; display:block;}
#content #emails a:hover {background-position:-46px 0px;}
#home-buttons {
	margin-right:20px;
	float:left;
	height:300px;
	width:300px;
	margin-top: 10px;
}
#home-buttons.last, li.last {margin-right:0px;}
#content #specials {height:50px; width:940px; margin:15px 0px; float:left;}
#content #specials a {height:50px; background:url(specials.png) 0px 0px no-repeat; width:940px; display:block;}
#content #specials a:hover {background-position:0px -50px;}
#footer #bar {
	height:145px;
	width:938px;
	border:#695e4a 1px solid;
	background:url(footer-center.gif) repeat-x top left;
	overflow:hidden;
	margin-bottom:10px;
}
#footer #bar #column {width:259px; height:125px; float:left; padding: 20px 0px 0px 40px;}
#footer #bar #column.left {background-image:url(footer-left.gif); background-position: top left; background-repeat:no-repeat;}
#footer #bar #column.middle {width:260px; margin:0px 20px;}
#footer #bar #column.right {margin-right:0px; background-image:url(footer-right.gif); background-position: top right; background-repeat:no-repeat;}
#footer #bar #column #title { height:22px; width:152px; background-image:url(footer-headers.gif); background-position: 0px 0px; background-repeat: no-repeat; margin-bottom:15px;}
#footer #bar #column #title.hrs { background-position:0px -46px;}
#footer #bar #column #title.loc { background-position:0px -23px;}
#footer #bar #column #title.appt { background-position:0px 0px;}
#footer #bar #column p {color:#695e4a; line-height:15px; font-weight:bold; margin:0px; padding:0px;}
#footer #bar #column p a {color:#c9c1b8;text-decoration: none;}
#footer #bar #column p a:hover {text-decoration:underline;}
#footer #bar #column p.day {float:left; width:30px; margin-right:10px; text-align:right;}
#footer #bar #column p.time {float:left; width:50px;}
#footer p.copyright {
	color:#695e4a;
	width: 650px;
	float: left;
}
#footer p.copyright a {color:#261c02;text-decoration:none;}
#footer p.copyright a:hover {text-decoration:underline;}
#footer p.designers {
	float:right;
	font-size:11px;
	text-align:right;
	color:#695e4a;
	line-height: 14px;
}
#footer p.designers a {color:#695e4a; text-decoration:underline;}
#footer p.designers a:hover {text-decoration:none;}

/*---Panel Styles---*/
ul.panel-nav {list-style:none; padding:0px; margin: 110px 0px 0px 0px; float:left;}
ul.panel-nav li {height:41px; width:220px;margin:5px 0px;padding:0px;  }
ul.panel-nav li a {height:17px; width:196px; background:url(menu-hover.png) 0px -46px no-repeat; display:block; font-size:17px; padding:12px; line-height:17px; text-decoration:none;}
ul.panel-nav li a:hover, ul.panel-nav li a.active {background-position:0px 0px; text-decoration:none;}
body#salon ul.panel-nav li a {color:#ee2b74;}
body#spa ul.panel-nav li a {color:#deb408;}
body#laser ul.panel-nav li a {color:#f7ab14;}
body#salon ul.panel-nav li a:hover, body#salon ul.panel-nav li a.active {color:#c11f3e;}
body#spa ul.panel-nav li a:hover, body#spa ul.panel-nav li a.active {color:#d06f1a;}
body#laser ul.panel-nav li a:hover, body#laser ul.panel-nav li a.active {color:#cc4623;}

.services .tab div {
	width:240px;
	margin-right:15px;
	float:left;
}
li#panel_services .download a {
	bottom:10px;
	display:block;
	font-size:11px;
	position:absolute;
	right:95px;
	z-index:10;
	padding-left:20px;
	background:url(pdficon_small.gif) no-repeat left top;
	color:#282010;
	text-decoration:none;
}
li#panel_services .download a:hover {text-decoration:underline;}

.services h5, .staff h5, .content h5, .photos h5, #legal h5 {font-size:11px; font-weight:bold; text-transform:uppercase; margin-top:0px;line-height:16px; color:#474220;}
.services h5 span, .staff h5 span, .content h5 span, .photos h5 span {font-weight:normal; text-transform:none;}
.services ul, .staff ul, .content ul, .photos ul {
	margin-bottom:10px;
}
.services ul li, .staff ul li, .content ul li, .photos ul li {list-style-type:disc; margin-left:20px; margin-bottom:3px; padding-left:0px; font-size:11px; line-height:14px; color:#474220;}
.services p, .staff p, .content p, .photos p, #legal p {
	font-size:11px;
	line-height:14px;
	margin-bottom: 10px;
	color:#474220;
}
.services .footnote {font-size:9px; margin:10px 0px 5px; line-height:12px;}

.services .tab table {margin-bottom:10px;}
.services .tab table tr td {
	font-size:12px;
	padding: 4px 5px 3px 10px;
	line-height: 15px;
}
table tr.border-row td {border-bottom:1px solid #bbb6ad;}
table tr td.border-column {border-left:1px solid #695e4a;border-right:1px solid #695e4a;}
body#store #store-giftcards #button a {width:164px; height:36px; background-image:url(btn-giftcard.gif); background-position:0px -36px; display:block; margin:10px 0px 25px 0px;}
body#store #store-giftcards #button a:hover {background-position:0px 0px;}
body#store #store-giftcards #button a span {display:none;}
ul.staff-nav li {
	float:left;
	height:74px;
	width:40px;
	list-style-type:none;
	margin:0px 5px;
}
.staff ul li a {text-decoration:none;
	height:74px;
	width:40px;
	display:block;
}
.staff ul li a img {
	margin:0px;
	float: left;
}
.staff ul li a span {
	width:38px;
	padding: 0px;
	font-size: 8px;
	line-height: 15px;
	border: solid 1px #b2b2b2;
	text-align: center;
	display: block;
	float: left;
	color:#474220;
	text-decoration:none;
}
.staff ul li.activeli a img, button.disabled  {
	opacity: 0.4;
	filter: alpha(opacity = 40);
}
.staff ul li a img:hover {
	opacity: 0.75;
	filter: alpha(opacity = 75);
}
.staff ul li a:hover {text-decoration:none;}
.staff ul li a span:hover {
	color:#ffffff;
	background-color:#bbb6ad;
	text-decoration:none;
}
.nav {	
	height:74px;
	overflow:hidden;
	margin:10px 10px -5px 245px;
}
.nav #laser-staff-nav, .nav #spa-staff-nav, .nav #salon-staff-nav {}
.nav button.prev, .nav button.next {
	width:4px; height:74px; background-position:0px 0px; background-repeat:no-repeat; background-color:#ffffff; border:none; display:block; overflow:hidden;font-size:0px; cursor:pointer; float:left; padding:0px;}
.nav button.prev {
	background-image:url(content-arrows-sm-l.gif);
	padding-right:5px;
}
.nav button.next {background-image:url(content-arrows-sm-r.gif);}
.staff div .tab {
	height: 313px;
	overflow:hidden;
}
.staff div .tab .photo {
	float: left;
	margin: 0px 15px;
}
.staff div .tab .bio {
	float:left;
	width:505px;
	padding-top: 20px;
}
ul.photos-nav {
	list-style:none;
	padding:0px;
	margin: 110px 0px 0px 20px;
	float:left;
	width: 300px;
}
ul.photos-nav li {
	width: 60px;
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
}
.panel_content ul.photos-nav li a {
	display:block;
	width:60px;
	height:60px;
}
.panel_content ul.photos-nav li a img {border:none;}
div.photos {float:left; padding:5px 0px 0px 10px; width:430px; margin:0px;}
div.photos .tab p.caption, .photos .tab p.attribute {padding-top:5px; margin-bottom:0px;}
div.photos .tab p.attribute {color:#695e4a; font-size:9px; line-height:11px;}
#panel-contact .content .banner {margin:20px auto; height:60px; width:270px;}
#panel-contact .content form div {float:left; width:240px;}
#panel-contact .content form div, #panel-contact .content form div label {margin-top:10px;}
#panel-contact .content form div textarea, #panel-contact .content form div input {margin-top:3px;}
#panel-contact .content form div p input#submit {width:120px; height:30px; background-image:url(btn-submit.gif); background-position:0px 0px; background-repeat:no-repeat; border:none; display:block; overflow:hidden;font-size:0px; cursor:pointer;}
#panel-contact .content form div p input#submit:hover {background-position:0px -35px;}
#panel-contact .content form input, #panel-contact .content form textarea {background-color:#eeeeee; border:1px solid #c1c1c1;}
#panel-contact .content form input#radio {background-color:none; border:0px solid #ffffff;}
#panel-contact #mail {width:220px; float:left;}
#panel-contact #mail p a {background-image:url(btn-mail-large.gif); background-position:0px 0px; width:110px; height:150px; display:block; margin:125px auto 0px auto;}
#panel-contact #mail p a:hover {background-position:-115px 0px;}
#panel-contact #mail p a span {display:none;}
.panel_content #one-column {
	width:620px;
	margin:0px auto;
	position: relative;
}
.panel_content #one-column img {width:300px; margin:15px auto; height:60px; display:block;}
.panel_content #one-column p img {width:auto; margin:0px; height:auto;}
.panel_content #one-column h1 img {width:auto; margin:10px 0px;; height:auto;}
.panel_content #one-column p {font-size:12px; line-height:17px;}
.panel_content #one-column p.footnote {font-size:8px; line-height:12px;color:#c9c1b8;}
.arrow-left, .arrow-right {float:left; display:block; width:7px; height:15px; margin-bottom:5px; text-decoration:none;}
div.staff .arrow-left {margin-right:186px; }
div.photos .arrow-left {margin-right:406px; }
body#home .about {height:430px !important;}
ul#legal-nav {
	width:290px;
	margin:20px auto;
	height: 30px;
}
ul#legal-nav li {
	width:130px;
	height:30px;
	float:left;
	margin:0px 0px 0px 10px;
	list-style-type:none;
}
ul#legal-nav li a {
	display:block;
	width:130px;
	height:30px;
	background-image: url(btn-privacy-tos.gif);
}
ul#legal-nav li a.privacy {background-position:0px 0px;}
ul#legal-nav li a.tos {background-position:0px -30px;}
ul#legal-nav li a span {display:none;}
.content h3 {
	font-size: 17px;
	padding:15px 0px;
}


/*---Clear Floats---*/
p.clear:after {
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
p.clear {
	clear:both;
	margin:0;
	padding:0;
}

