  html { height: 100%; }
  body { text-align:left; margin:0 auto; padding: 0; width: 100%; font-family: 'Lato', sans-serif; background: url('/img/img_background.jpg') center center no-repeat fixed; background-size: cover; }
  body.other { background: url('/img/img_background_other.jpg') center center no-repeat fixed; background-size: cover; }
  img { border:0;-ms-interpolation-mode: bicubic; } img { -ms-interpolation-mode: bicubic; }
  p { text-decoration:none; color:#fff; font-family: 'Lato', sans-serif; }
  a { text-decoration:none; color: #FFF; font-weight:bold; font-size:15px; font-family: 'Lato', sans-serif; }

  .cursor:hover { cursor: pointer; }
  .bold { font-weight:bold; }
  .loader { display:none; margin-top:20px; }

  h1, h2, div.home-content #home-content-inner #home-content-twitter h4 { font-size: 18px; line-height:180%; padding: 20px 0 3px 0; width:100%; text-transform: uppercase; text-align:center; font-family: 'Lato', sans-serif; font-weight: 300; color: black; }

/* horizontal trim bar */
  div#horizontal-nav-bar { position:absolute; top:275px; height:51px; width:100%; background:#000 url('/img/img_background_horizontal_bar.png') top left repeat-x; z-index:-100; }

/* header */
  div#header { text-align:center; width:100%; margin:0 auto; color:#b60b9a; padding:0; margin-top: 20px; }
  #header-logo { margin:0; position:relative; text-align:left; padding: 0; height: 205px; }
  #header-logo img#logo { position:relative; z-index: 2; bottom: 20px; float: left; top: 0; }

/* main-content */
  div#main-content { position:relative; width: 100%; padding: 0; margin: 0; font-size:14px; color:#fff; background:none; behavior: url('/PIE.php'); border:none; height: 100%; 
-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 1000px;
    }
  div#categories { height: 60px; }
  ul#categories { list-style-type:none; margin: 0; padding:0; text-align:center; position: relative; width: 100%; float: left; z-index: 1; background: rgba(184, 176, 157, 1); height: 38px; }
  ul#categories .areas-heading { display:block; padding: 5px 0; text-align:center; text-transform: uppercase; color: #000; height: 28px; font-size: 14px; line-height: 28px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; -webkit-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
  ul#categories .areas-heading:hover { background: #FFF; }
  ul#categories li { display:none; background: rgba(184, 176, 157, 1); }
  ul#categories li a { display:block; padding:0; padding: 5px 0; text-align:center; color: #000; height: 25px; font-size: 12px; line-height: 25px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
  ul#categories lh { cursor:pointer; }

  /* nav drop down */
  div#nav .nav-item { float: left; padding: 0 15px; }
  div#nav .nav-item ul { margin: 0 ; padding: 0; }
  div#nav .nav-item ul li { list-style: none; margin:0; padding: 0; text-align: center; }
  div#nav ul ul ul { display: none; position: relative; z-index: 4; margin-top: 14px; }
  div#nav ul ul li:hover > ul { display: block; background: white; }
  div#nav ul ul li ul li a { cursor: pointer; font-size: 11px; height: auto; line-height: 20px; padding: 20px 0 0; width: 100%; background: white; }
  li.our-locations-nav-item, li.massage-nav-item { width: 96px !important; }
  li.our-locations-nav-item ul li, li.massage-nav-item ul li { padding: 0 !important; }

  #massages-box { max-width: 1200px; margin: 0 auto; }
  #massages-box h2 { margin: 20px 0; width: 100%; text-align: center; }
  #massages-box #inner { float: left; width: 100%; } 
  #massages-box #inner .item { width: 25%; text-align: center; float: left; padding: 10px 0; }
  #massages-box #inner .item a { color: black; }
  div#body.massage-body { max-width: 1200px; margin: 0 auto; }
  div#body.massage-body p { color: black; padding: 0 10px; text-align: justify; }

/* Left Home */
  
/* About Page */ 

  div#main-content .left img.logo-about { position: absolute; top: 5%; left: 13%; width: 24%; }
  div#main-content #body h1 { color: #000; width: 100%; margin: 10px auto; font-size: 16px; }
  
  #main-content div#body.home-body div#images h2 { text-align: center; }
  
  img.header-logo { position: absolute; padding: 0 0 0 30px; z-index: 1; }
  div.contact-number { position: absolute; right : 0; z-index: 1; padding: 7px 35px 0 0; font-size: 24px; font-weight: 100; }
  div.contact-number span { color: #F8C8FC; text-transform: uppercase; }
  div#home-body { width: 96%; height: 93%; position: absolute; padding: 48px; background: black; }
  div#home-body p { color: #FFF; }
  div#home-body h2 { width: 100% !important; margin-left: 0 !important; text-align: center !important; }
  
  /* profile & rates */
 
  div#main-content #profiles-wrapper { width: 100%; max-width: 1500px; margin: 0 auto; height: 93%; }
  div#main-content #profiles-wrapper #body.gallery { position:relative; width: 50%; margin-top: 5%; z-index: 1; padding:0; float: left; }
  div#main-content #profiles-wrapper #body #profile-wrapper { margin:0 0 10px 0; padding:0; clear:both; }
  div#main-content #profiles-wrapper #body #profile_stats { width: 100%; float:left; margin: 0 0 20px 0; padding:0; }
  div#main-content #profiles-wrapper #body #profile_stats  h2 { width:100%; }
  div#main-content #profiles-wrapper #body #profile-wrapper .attribute { position:relative; text-align:left; color: #000; width: 25%; float: left; margin-left: 25%; text-transform: uppercase; font-weight: 700; }
  div#main-content #profiles-wrapper #body #profile-wrapper .stat { position:relative; text-align:left; color: #000; width: 25%; float: left; text-transform: uppercase; font-weight: 300; }
  div#main-content #profiles-wrapper #body #profile_bio { clear:both; margin: 0; color: #000; padding: 1px 0 1px 0; }
  div#main-content #profiles-wrapper #body #profile_bio h1, h2 { padding: 0; color: #000; font-weight: 700; font-size: 14px; width: 25%; margin-left: 25%; text-align: left; }
  div#main-content #profiles-wrapper #body #profile_bio p { color: #000; margin-left: 25%; padding: 0; width: 50%; }
  div#main-content #profiles-wrapper #body #rates-wrapper {  float:left; width: 75%; min-height: 400px; padding:0; margin-left: 25%; }
  div#main-content #profiles-wrapper #body #rates-wrapper h2 { width: 75%; margin-left: 0; }
  div#main-content #profiles-wrapper #body #rates-wrapper .rate { position:relative; margin: 5px 0; padding: 0; text-align:left; color: #000; width: 100px; float: left; font-size: 14px; text-transform: uppercase; font-weight: 300; }
  div#main-content #profiles-wrapper #body #rates-wrapper .time { color: #000; font-weight: 300; }
  div#main-content #profiles-wrapper #body #rates-wrapper .incall { color: #000; font-weight: 300; }
  div#main-content #profiles-wrapper #body #rates-wrapper .outcall { font-weight: 300; }
  #profile-left-col { width: 30%; float: left; margin: 0 0 0 20%; padding: 0; height: 100%; }
  div#main-content #profiles-wrapper #profile-left-col h1 { text-align: center; font-size: 40px; width: 100%; }
  div#main-content #profiles-wrapper #profile-left-col .slideshow { margin: 0 auto; width: 100%; height: 635px; }
  div#main-content #profiles-wrapper #profile-left-col .slideshow img { width: 90% !important; height: auto !important; border: 10px solid #b8b09d; }
  div#bottom-images { position: relative; width: 100%; z-index: 5; }
  div#bottom-images img { width: 48%; border: 2px solid #b8b09d; }

  /* footer */
  #footer-wrapper { position:relative; clear:both; margin:0 auto 0 auto; height:20px; font-size:13px;}
  #footer-wrapper a { font-size:13px; color:#b88767; }
  #footer-wrapper #right { position:absolute; right:0; padding-top:40px; width:320px; text-align:left; color:#000; }
  #footer-wrapper #right span { display:block; }
  #footer-wrapper #right span#name { margin-top:25px; font-size:16px; font-weight:bold; }
  #footer-wrapper #right span#accreditations { font-size:15px; }
  #footer-wrapper #right span#tel { margin-top:25px; font-size:18px; }
  #footer-wrapper #right span#email { font-size:18px; }
  #footer-wrapper p { color:#000; }

/* form stuff */
  div#contact-form { position:relative; width: 100%; margin: 20px auto; padding:0; min-height:500px; max-width: 1000px; }
  div#contact-form .element { padding:5px 0; width: 95%; float: left; margin: 0 30px 0 1.2%; }
  div#contact-form h2 { text-align:left; font-size: 32px; color: #000; line-height:100%; padding:0; margin:0 0 20px 5px; }
  div#contact-form h3 { text-align:left; font-size:26px; color: #000; line-height:100%; padding:0; margin:0 0 20px 5px; }
  div#contact-form h4 { text-align:left; font-size:16px; color:#fff; line-height:100%; padding:0; margin:0 0 20px 5px; }  
  div#contact-form input[type="text"] { behavior: url('/PIE.php'); outline:none; position:relative; font-size:14px; width: 100%; color:#000; padding:8px 10px 8px 10px; margin:5px 0 25px 0; border: 1px solid #000; }
  div#contact-form textarea { behavior: url('/PIE.php'); outline:none; position:relative; font-size:14px; width: 100%; height:86px; color:#000; padding:8px 10px 8px 10px; margin:5px 0 25px 0; border: 1px solid #000; background: #b8b09d; }
  div#contact-form textarea.warning-input, div#contact-form input[type="text"].warning-input { background: #F00; }
  div#contact-form #submit { position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:8px 15px 8px 15px; text-align:center; width:120px; font-size:15px; font-weight:bold; color:#000; border:0; background:#fff; }
  div#contact-form #submit:hover { background: rgba(57, 59, 64, 0.7); cursor:pointer; }
  div#contact-form #submit:disabled { background: #FFF; cursor:default; }
  div#contact-form label { text-align:left; margin:0 10px 0 5px; color: #000; text-transform: uppercase; font-weight: 500; }

  input[type="text"], input[type="file"], textarea, select { background: #b8b09d; padding:3px; color: #FFF; }
  input[type="submit"] { clear:both; margin:20px 0; border:1px solid #545454; background:#545454; color:#fff; padding:5px; font-weight:bold;  }
  div.formElementContainer { float:left; padding:0 10px 0 0; margin:10px 10px 5px 0; }
  .clear { width:1px; height:1px; clear:both; }
  
  #addThis { width:310px; position:relative; left:721px; top:3px; }

  #links { padding:20px !important; background: none; }
  #rates { padding:20px !important; background: #ccc7c0; /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2NjN2MwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTQ4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
						background: -moz-linear-gradient(-45deg,  #ccc7c0 0%, #99948f 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ccc7c0), color-stop(100%,#99948f)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(-45deg,  #ccc7c0 0%,#99948f 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(-45deg,  #ccc7c0 0%,#99948f 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(-45deg,  #ccc7c0 0%,#99948f 100%); /* IE10+ */
						background: linear-gradient(135deg,  #ccc7c0 0%,#99948f 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc7c0', endColorstr='#99948f',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ }

  .linksbody { width:940px !important; }
  
  #body.form_body { padding:0 !important; margin:0 20px !important; width:650px !important; z-index: 1; background:rgba(000,000,000,0.8);}
  #body.form_body p { padding:0 20px 20px !important; color:#fff !important; }
  #body.form_body div{ padding:0 20px 20px !important; color:#fff; }
  #body.form_body .radio { padding:5px !important; }
  #body.form_body div.element { padding:0 0 20px !important; color:#fff; }
  #body.form_body h2 { background:none; text-align:left; font-size:14px; line-height:100%; padding:0; margin:0 0 20px 20px; color:#ff66cc; }
  #body.form_body h3 { text-align:left; font-size:14px; color:#ff66cc; line-height:100%; padding:0; margin:0 0 20px 20px; }
  #body.form_body h4 { text-align:left; font-size:14px; color:#ff66cc; line-height:100%; padding:0; margin:0 0 20px 20px; }
  
  #body.news_body { background:rgba(000,000,000,0.5); padding:0 !important; z-index:1; }
  #body.news_body p { padding:0 20px 20px !important; }
  #body.news_body div{ padding:0 20px 20px !important; color:#fff; }
  #body.news_body div.item { padding:0 0 20px !important; color:#fff; }
  #body.news_body h2 { background:none; text-align:left; font-size:14px; line-height:100%; padding:0; margin:0 0 20px 20px; color:#ff66cc; }
  #body.news_body h3 { text-align:left; font-size:24px; color:#ff66cc; line-height:100%; padding:0; margin:0 0 20px 20px; }
  #body.news_body h4 { text-align:left; font-size:14px; color:#ff66cc; line-height:100%; padding:0; margin:0 0 20px 20px; }  
  #body.news_body a { text-align:left; font-size:16px; color:#ff66cc; line-height:100%; padding:0; margin:0 0 20px 20px; }  
  #body.news_body a:hover { color:#fffb96 !important; }
  
  #bookings-form-wrapper { padding:0 0; float:left; width: 100%; }
  
  div#images div.gallery-item .hover-box{position: absolute; left:-100%; height: 91%; width: 100%; background: #f8c8fc; opacity: 0.8;  transition: 1s; -webkit-transition: 1s; -moz-transition:1s; -o-transition: 1s;}
  div#images div.gallery-item .hover-box a { position: relative; top: 47%; color: #000; text-transform: uppercase; font-weight: 300; font-size: 14px; }
  div#images div.gallery-item:hover .hover-box{ left:0; z-index: 3; transition: 1s; -webkit-transition: 1s; -moz-transition:1s; -o-transition: 1s;}
  div#images div.gallery-item .hover-box p{ }

  div#body, div#images, div#wrapper { width: 100%; height: 100%; }
  div#images { max-width: 1500px; margin: 0 auto; }
  div#images { margin-top: 2%; }
  div#images img { position:relative; margin: 0; padding:0; width: 91%; border: 10px solid #FFF; transition: 1s; -webkit-transition: 1s; -moz-transition:1s; -o-transition: 1s; }
  div#images img:hover { border: 10px solid #b8b09d; }
  div#images div.gallery-item { position:relative; text-align:center; float:left; overflow: hidden; margin-bottom: 2%; margin: 0 1%; width: 18%; }
  div.name { width: 100%; margin: 0 auto; text-align: center; }
  div.name a { color: #b8b09d; text-transform: uppercase; font-weight: 500; font-size: 14px; }
	

  .content{ right: -100%; position: absolute; width: 400px; z-index: 999; opacity: 0.7; background: #000; height: 100%; overflow-y: scroll; }
  .content p { font-size: 12px; padding: 0 5%; text-align: justify; }
  
    ::-webkit-scrollbar { width: 9px; background: #2f2d2d; } 
  ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } 
  ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background: #000; }


/* New Styles */

div.content-box {
position: absolute;
right: 0;
width: 20%;
min-width: 320px;
background: #393b40;
height: 100%;
overflow-y: scroll;
}

div.content-box h1 {
color: white;
}

div.content-box h2, div.content-box h3 {
color: white;
margin-left: 0;
width: 100%;
text-align: center;
}

div.content-box p {
color: #FFF;
font-weight: 100;
text-align: justify;
padding: 5px 20px;
}

div.content-box p.ac {
position: absolute;
width: 100%;
text-align: center;
bottom: 5px;
padding: 0;
}

div.top-bar {
height: 50px;
width: 100%;
position: fixed;
top: 0;
background: #393B40;
z-index: 7;
}

div#nav-container {
width: 700px;
margin: 0 auto;
background: none;
height: 50px;
}

div#nav {
width: 100%;
height: 50px;
}



div#nav ul {
width: 100%;
list-style-type: none;
padding: 0;
}

div#nav ul li {
float: left;
padding: 0 22px;
text-align: center;
height: 30px;
}

div#nav ul li a {
font-weight: 300;
text-transform: uppercase;
color: #b8b09d;
font-family: 'Lato', Arial, sans-serif;
font-size: 12px;
}

div#blog-wrapper {
width: 100%;
max-width: 1500px;
margin: 0 auto;
}

div#blog-wrapper #left-col, div#blog-wrapper #left-col h2, div#blog-wrapper #left-col a {
float: left;
width: 100%;
text-align: center;
margin-left: 0;
color: black;
}

div#blog-body {
margin: 0 auto;
max-width: 1200px;
}

div#blog-body h3, div#blog-body h3 {
color: black;
text-align: center;
}

div#blog-body p {
text-align: justify;
color: black;
}

div#previous-and-next {
margin: 0 auto;
width: 254px;
}

div#previous-and-next a {
background: #393B40;
padding: 25px;
line-height: 68px;
color: white;
text-transform: uppercase;
font-family: 'Lato', Arial, sans-serif;
font-weight: 100;
margin: 0 2px 0 0;
}

div.galleryview p {
color: black;
width: 100%;
max-width: 1500px;
margin: 0 auto;
float: none;
padding: 10px;
text-align: justify;
}

div.galleryview h2 {
width: 100%;
margin: 10px 0;
text-align: center;
}

div.home-container {
max-width: 1200px;
margin: 12% auto 0;
text-align: center;
}

div.home-container p {
font-size: 24px;
margin: 0;
color: rgba(184, 176, 157, 1);
position: relative;
bottom: 35px;
}

div.home-container div.home-logo {
height: 287px;
width: 287px;
margin: 0 auto;
background: url('/img/img_logo.png') center center no-repeat;
transition: 1s;
-webkit-transition: 1s;
-moz-transition:1s;
-o-transition: 1s;
}

div.home-container div.home-logo:hover {
background: url('/img/img_logo1.png') center center no-repeat;;
}

div.home-container div.nav-home ul {
list-style-type: none;
padding: 0;
margin: 0;
height: 50px;
}

div.home-container div.nav-home ul li {
float: left;
margin: 0 18px;
height: 50px;
}

div.home-container div.nav-home ul li a {
text-transform: uppercase;
color: #FFF;
font-size: 12px;
font-weight: 300;
line-height: 50px;
}

div.home-content {
max-width: 1200px;
margin: 5% auto 0;
background: rgba(184, 176, 157, 0.5);
}

div.home-content #home-content-inner {
  float: left;
  width: 100%;
  background: rgba(184, 176, 157, 0.5);
}

div.home-content #home-content-inner #home-content-text {
  float: left; width: 73%; margin: 0 1%;
}

div.home-content #home-content-inner #home-content-twitter {
  float: left; width: 23%; margin: 0 1%;
}

div.home-content #home-content-inner #home-content-twitter h4 {
  margin-top: 10px;
}

div.home-content #home-content-inner #home-content-twitter .gallery-item {
  width: 48%;
  float: left;
  margin: 0 1%;
}

div.home-content #home-content-inner #home-content-twitter .gallery-item img {
  width: 100%;
}

div.home-content #home-content-inner #home-content-twitter .gallery-item .name {
  padding: 5px 0 15px;
}

div.home-content #home-content-inner #home-content-twitter .gallery-item .name a {
  color: #FFF;
}

div.home-content h2, div.home-content h3, div.home-content h4 {
width: 100%;
text-align: center;
margin-left: 0;
color: black;
}

div.home-content p {
color: black;
text-align: justify;
padding: 0 5%;
}

#topnav8 a {
  position: relative;
  display: inline-block;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
}

#topnav8 a:hover,
#topnav8 a:focus {
  outline: none;
}

#topnav8 {
  position: relative;
  z-index: 1;
  margin: 2% auto;
  width: 600px;
}

#topnav8 a {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

#topnav8 a::before,
#topnav8 a::after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 1px;
  margin-top: -1px;
  background: #FFF;
  content: '';
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}

#topnav8 a::before {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  transform: translateY(-20px);
}

#topnav8 a::after {
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform: translateY(20px);
}

#topnav8 a:hover,
#topnav8 a:focus {
}

#topnav8 a:hover::before,
#topnav8 a:hover::after,
#topnav8 a:focus::before,
#topnav8 a:focus::after {
  opacity: 0.7;
}

#topnav8 a:hover::before,
#topnav8 a:focus::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

#topnav8 a:hover::after,
#topnav8 a:focus::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
    display: none;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #b8b09d;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: none;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background: #b8b09d;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
    text-transform: uppercase;
    font-weight: 300;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

@media screen and (max-width: 570px) {
  .menu {
    display:none;
  }

  div#nav-container {
    display: none;
  }
  
  .slicknav_menu {
    display:block;
  }

  li.our-locations-nav-item, li.massage-nav-item {
    width: auto !important;
  }

  #footer-images img {
    max-width: 100%;
  }
}


