@charset "UTF-8";
/* ALL PAGES */

* {border: 0; outline: 0; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 160%; color: #FFFFFF;}

h1, h1 a {font-size: 16px; color: #87B6BA;}
h2, h2 a {font-size: 14px; color: #87B6BA;}
h3, h3 a {font-size: 12px; color: #87B6BA;}

body {
	margin: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	background-attachment: fixed;
}

img#expando {padding: 0; margin: 0; position: absolute; display: none; z-index: 1; -ms-interpolation-mode: bicubic;}
.wide img#expando, .tall img#expando {display: block;}
.wide img#expando {width: 100%; height: auto;}
.tall img#expando {width: auto; height: 100%;}  
.ie6fixed {position: absolute; top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}

#container {position: relative; width: 843px; margin: 0 auto;}

.preload {display: none;}
.preload img {width: 1px; height: 1px;}

.note, .star {font-size: 9px;}
.star {font-style: italic; display: block; margin-top: 6px;}


/* TOP MENU */

#nav {float: right; display: block; height: 70px; width: 598px; overflow:hidden; position:relative;}
#nav a {display: block; float: left; background: #231F20; height: 40px; width: 80px; margin-left: 4px; text-align: center; line-height: 40px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.9;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); -moz-box-shadow: 2px 2px 5px #696969; -webkit-box-shadow: 2px 2px 5px #696969; box-shadow: 2px 2px 5px #696969; progid:DXImageTransform.Microsoft.Shadow(color=#696969,direction=135,strength=4);}
#nav a:hover, #nav a.active {padding-top: 25px; font-size: 11px;}
#nav a.active {background: #58595B;}

#gaugelink { float: left; position: absolute; display: block; top: 0; left: 0; width: 245px; height: 70px; z-index:20; text-decoration: none; }
.gaugewhite {background: transparent url('../_img/_layout/gauge/white.png') 10px 0 no-repeat;}
.gaugegreen {background: transparent url('../_img/_layout/gauge/green.png') 10px 0 no-repeat;}
.gaugeyellow {background: transparent url('../_img/_layout/gauge/yellow.png') 10px 0 no-repeat;}
.gaugered {background: transparent url('../_img/_layout/gauge/red.png') 10px 0 no-repeat;}
.gaugeframe { float: left; position: absolute; display; block; top: 0; left: 10px; width: 230px; height: 70px; z-index: 30;}
#visualization { float: left; position: absolute; top: 0; left: 0; z-index:10; }

/* TEXT BOXES - ABOVE CONTENT, TO RIGHT OF CONTENT */

#textbox_top {
	clear: both;
	display: block;
	height: 36px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#textbox_right {float: right; display: block; width: 164px; height: 530px; text-align: center;}
#textbox_top p {position: absolute; bottom: 6px; left: 0; text-align: right; line-height: 120%;}

#textbox_top p, #textbox_right p, #textbox_top a, #textbox_right a { font-size: 14px; color: #993300; font-weight: bold; text-shadow: -1px 0 #CCC, 0 1px #CCC, 1px 0 #CCC, 0 -1px #CCC; line-height: 120%;}


/* CONTENT */

#content {display: block; float: left; width: 675px; height: 460px; position: relative; -moz-box-shadow: 2px 2px 5px #696969; -webkit-box-shadow: 2px 2px 5px #696969; box-shadow: 2px 2px 5px #696969; ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#696969,direction=135,strength=4)";}
#content .bg {display: block; width: 675px; height: 460px; position: absolute; top: 0; left: 0; background-color: #231F20; opacity: 0.9; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);}
#content .content {position: relative; margin: 10px; z-index: 10; background-color: transparent; }


/* FOOTER */

#footer {float: left; display: block; height: 70px; width: 675px; position: relative; margin-bottom: 50px;}
#footer .leftbg, #footer .rightbg {background: #231F20; display: block; position: absolute; top: 20px; height: 50px; opacity: 0.9; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-box-shadow: 2px 2px 5px #696969; -webkit-box-shadow: 2px 2px 5px #696969; box-shadow: 2px 2px 5px #696969; ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#696969,direction=135,strength=4)";}
#footer .leftbg {width: 230px; left: 0;}
#footer .rightbg {width: 430px; left: 245px;}
#footer .left, #footer .right {position: relative; display: block; float: left;}
#footer .left {width: 230px; margin: 20px 15px 0 0;}
#footer .left p {text-align: center; font-size: 13px; margin-top: 10px;}
#footer .left p img {vertical-align: middle; margin: 0 2px 0 4px;}

#footer .right {width: 430px; margin: 20px 0 0 0;}
#footer .right p {float: left; font-size: 13px; margin: 8px 0 0 8px; line-height: 120%;}
#footer .right p a {text-decoration: none; font-size: 13px; line-height: 120%; margin: 0;}
#footer .right .card {float: left; margin: 3px 0 0 6px;}
#footer .right .eveningmag {float: right; margin: 1px 6px 0 0;}


/* MAIN (INDEX PAGE) */

#main_textbox {display: block; width: 300px; height: 200px; position: absolute; top: 100px; left: -40px;}
#main_textbox .bg {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #231F20; opacity: 0.9; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);}
#main_textbox .main_textbox {position: relative; margin: 20px; }
#main_textbox .main_textbox p {line-height: 140%; font-size: 12px; font-style: italic;}
#main_textbox .main_textbox iframe {position: absolute; top: 140px;}
#main_textbox .main_textbox #twitter {margin: 10px 0; background: #000; padding: 5px;}
#twitter li {list-style: none; display: block;}
#main_textbox .main_textbox #twitter li, #main_textbox .main_textbox #twitter li span, #main_textbox .main_textbox #twitter li a {font-size: 10px !important; line-height: 130% !important; color: #87B6BA;}
#main_textbox .main_textbox #twitter li a {text-decoration: none; font-size: 9px !important; font-style: italic;}
#main_textbox .main_textbox #twitter li a:hover {text-decoration: underline;}
#main_textbox .main_textbox #twitter li a.span {text-decoration: underline; font-size: 10px;}
#main_textbox .connect_widget_text, #main_textbox td, #main_textbox td.label, td.connect_widget_vertical_center {font-size: 10px !important;}


/* ABOUT, SERVICES, STAFF - Menu and Content Framework */

#about_menu, #services_menu, #staff_menu {display: block; width: 198px; height: 300px; position: absolute; top: 145px; left: 0;}
#about_menu li, #services_menu li, #staff_menu li {list-style: none;}
#about_menu li a, #services_menu li a, #staff_menu li a {display: block; text-align: center; width: 198px; height: 28px; line-height: 28px; font-size: 10px; letter-spacing: .05em; color: #FFFFFF; text-transform: uppercase; background: #000000; margin: 6px 0; text-decoration: none; overflow: hidden;}
#about_menu li.ui-state-active a, #services_menu li.ui-state-active a, #staff_menu li.ui-state-active a {background: #87B6BA;}
.ui-tabs .ui-tabs-hide {display: none;}

#about_content, #services_content, #staff_content {height: 300px; position: absolute; top: 140px; left: 208px; z-index: 10; width: 447px;}
#about_content .ui-tabs-panel, #services_content .ui-tabs-panel, #staff_content .ui-tabs-panel {height: 290px; margin-top: 10px; overflow: auto;}
#about_content div p, #services_content div p, #about_content h3, #services_content h3 {margin: 12px;}
#about_content div div p, #services_content div div p {margin: 6px 16px 12px 22px;}
#about_content h3 a, #services_content h3 a, #staff_content h3 a {text-decoration: none;}
#about_content h3.ui-accordion-header, #services_content h3.ui-accordion-header {padding: 0px 16px; margin: 6px; background: transparent url('../_img/_layout/_arrowright.gif') 2px 6px no-repeat;}
#about_content h3.ui-state-active, #services_content h3.ui-state-active {background: transparent url('../_img/_layout/_arrowdown.gif') 0px 8px no-repeat;}

#about_content table, #services_content table {margin: 0 12px;}
#about_content table td, #services_content table td {vertical-align: top; padding-right: 12px;}
#about_content table td h3, #services_content table td h3 {margin: 6px 0;}
#about_content table td.left, #services_content table td.left {width: 175px; padding-right: 0;}


/* ABOUT */

#about_menu li a.experience:hover {background: #87B6BA url('../_img/about_experience_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#about_menu li a.amenities:hover {background: #87B6BA url('../_img/about_amenities_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#about_menu li a.hours:hover {background: #87B6BA url('../_img/about_hours_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#about_menu li a.rates:hover {background: #87B6BA url('../_img/about_rates_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#about_menu li a.preparation:hover {background: #87B6BA url('../_img/about_preparation_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#about_menu li a.employment:hover {background: #87B6BA url('../_img/about_employment_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#about_menu li a.tipsinformation:hover {background: #87B6BA url('../_img/about_tipsinformation_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}


/* SERVICES */

#services_menu li a.massage:hover {background: #87B6BA url('../_img/services_massage_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#services_menu li a.saltscrub:hover {background: #87B6BA url('../_img/services_saltscrub_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#services_menu li a.bodymudwrap:hover {background: #87B6BA url('../_img/services_bodymudwrap_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#services_menu li a.facial:hover {background: #87B6BA url('../_img/services_customfacial_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#services_menu li a.bliss:hover {background: #87B6BA url('../_img/services_bliss_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#services_menu li a.waxing:hover {background: #87B6BA url('../_img/services_waxing_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#services_menu li a.packages:hover {background: #87B6BA url('../_img/services_packages_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}
#services_menu li a.specials:hover {background: #87B6BA url('../_img/services_specials_ru.png') center center no-repeat; color: transparent; text-indent: -350px;}


/* Specials */

#special_menu {display: block; width: 108px; height: 440px; position: absolute; z-index: 1; top: -6px; left: 0;}
#special_menu .prev {display: block; width: 108px; height: 15px; position: absolute; top: 0; left: 0; z-index: 3;}
#special_menu .next {display: block; position: absolute; width: 108px; height: 15px; bottom: 0px; left: 0; z-index: 3;}
#special_menu ul li {display: block; width: 108px; height: 75px; overflow: hidden; margin: 6px 0;}
#special_menu ul li a {display: block; margin-top: -5px;}
#special_image {display: block; width: 537px; height: 440px; overflow: hidden; position: absolute; top: 0; left: 118px;}
#special_image img {width: 537px; z-index: 1;}
.special_title {position: absolute; left: 495px; top: 10px; z-index: 3; width: 150px; height: 51px;}


/* LOCATION */

#location_left {display: block; width: 170px; height: 300px; position: absolute; top: 140px; left: 0px;}
#location_left h2 {margin: 20px 0 0 20px;}
#location_left h3 {margin: 10px 0 0 20px;}
#location_left p {margin: 0 0 0 20px;}
#location_map {height: 300px; position: absolute; top: 150px; left: 200px;}


/* GALLERY */

#gallery_menu {display: block; width: 108px; height: 440px; position: absolute; z-index: 1; top: 0; left: 0;}
#gallery_menu .prev {display: block; width: 108px; height: 15px; position: absolute; top: 0; left: 0; z-index: 3;}
#gallery_menu .next {display: block; position: absolute; width: 108px; height: 15px; bottom: 0px; left: 0; z-index: 3;}
#gallery_menu ul li {display: block; width: 108px; height: 75px; overflow: hidden; margin: 6px 0;}
#gallery_image {display: block; width: 537px; height: 440px; overflow: hidden; position: absolute; top: 0; left: 118px;}
#gallery_image img {width: 537px; z-index: 1;}
.gallery_title {position: absolute; left: 495px; top: 10px; z-index: 3; width: 150px; height: 51px;}


/* PRESS */

#press_left {display: block; width: 200px; height: 440px; position: relative;}
#press_left #twitter h1 {margin: 6px 4px -2px 4px;}
#press_left #twitter h1 a {font-size: 16px; text-decoration: none; margin: 0;}
#press_left #twitter p.alt {margin-left: 4px;}
#press_left #twitter li {margin: 12px 4px; list-style: none;}
#press_left #twitter li a {text-decoration: none; font-style: italic;}
#press_left #twitter li span {line-height: 120%;}
#press_left #twitter li span a {text-decoration: underline; font-style: normal;}
#press_content {width: 445px; display: block; height: 440px; position: absolute; left: 210px; top: 0;}
#press_info {width: 200px; float: left; margin: 5px 0 0 10px;}
#press_info h3 {margin-top: 5px; font-size: 11px;}
#press_info p, #press_pdfs a {font-size: 10px;}
#press_pdfs {width: 235px; float: left; margin-top: 10px;}
#press_pdfs li {list-style: none; margin: 1px 0;}
#press_pdfs li a {background: transparent url('../_img/press_pdficon.gif') center left no-repeat; padding-left: 22px; text-decoration: none;}


/* STAFF */

#staff_menu li a {height: 18px; line-height: 18px; margin: 5px 0;}
#staff_content h3 {margin: 0 0 6px 0;}
#staff_content div p {font-size: 10px; margin: 6px 0;}


/* GIFT CARD */

table.giftcard {height: 300px; width: 100%; text-align: center;}
table.giftcard table {text-align: left;}
table.giftcard table a {color: #FFF !important;}
table select option {color: #000000 !important;}