@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: SPA
Author: InterDevil.com - Creative Design Studio
Website: www.INTERDEVIL.com / www.XHTMLIT.com
Description: Main style sheet for all pages.
Created: November 19, 2007
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

/* === GENERAL STYLES === */
body {margin:0;padding:0;background:#c6cbbd;}
img {border:0;vertical-align:middle;}
.clear {clear:both;}
.body-wrap {width:733px;margin:0 auto;padding:0;}
.jsvalidation { font-family: verdana; font-size: 11px; color: #777; margin-left: 10px;}


/* === HEADER STYLES === */
div#header {width:100%;margin:44px 0 0 0;padding:0;}
   
   /* === LOGO === */
   #header #logo {width:30%;margin:0;padding:0;float:left;}
   #header #logo h1 {margin:0;padding:0;font-family:"Century Gothic";font-size:24px;font-weight:bold;color:#7a3a76;text-align:left;letter-spacing:4px;}
   #header #logo h2 {margin:-5px 0 12px 0;padding:0;font-family:"Century Gothic";font-size:11px;font-weight:normal;color:#7b8673;text-align:left;letter-spacing:4px;float:left;}
   
   /* === TOP NAV === */
   #header #topnav {width:70%;margin:0;padding:0;float:right;}
   #header #topnav ul {margin:10px 0 0 0;padding:0;list-style-type:none;}
   #header #topnav ul li {margin:0 0 0 5px;padding:0 10px 0 15px;background:url(images/topnav-bullet.jpg) no-repeat left;border-right:1px solid #63695a;float:right;}
   #header #topnav ul li a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;color:#63695a;text-decoration:none;}
   #header #topnav ul li a:hover {color:#734d29;text-decoration:none;}
   #header #topnav ul li:hover {background:url(images/topnav-bullet-over.jpg) no-repeat left;}
   
   /* === MAIN NAVIGATION === */
   #header #navigation {width:100%;height:25px;margin:0;padding:0;background: #7b8773; border-bottom:5px solid #a5bead;}
   #header #navigation ul {width:80%;margin:0;padding:0;list-style-type:none;float:left;}
   #header #navigation ul li {height:12px;margin:0;padding:3px 20px 10px 20px;float:left;}
   #header #navigation ul li:hover {background:#a5bead;}
   #header #navigation ul li.active {background:#a5bead;}

   #header #navigation ul li a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#FFF;text-decoration:none;}
   
   #header #navigation #phone {margin:0 10px 0 0;padding:5px 0 0 0;font-family:"Lucida Sans";font-size:10px;font-weight:normal;color:#FFF;text-align:right;float:right;}
   
/* === CONTENT STYLES === */
div#content {width:693px;margin:0;padding:30px 20px;background:#FFF;}

/* === CONTENT STYLES (page two) === */
div#content.nxt {width:733px;margin:0;padding:0;background:#FFF;}
    
   /* === SIDE BAR === */
   
   #content #sidebar .box#empty { padding: 0px; margin: 0px; background: #fff;}
   
   #content #sidebar {width:198px;margin:0;padding:0;background:#fff;float:left;}
     
   #content #sidebar .box {width:176px;margin:0;padding:15px 11px;}
   #content #sidebar .box h2 {margin:0;padding:0;font-family:"Lucida Sans";font-size:18px;font-weight:normal;text-align:left;line-height:22px;}
   #content #sidebar .box#service {margin:0 0 5px 0;color:#ffd752;background:#7a3a76; border-bottom: 5px solid #ffffff;}
   #content #sidebar .box#service p {margin:10px 0 0 0;padding:0 0 0 10px;font-family:"Lucida Sans";font-size:10px;color:#ffd752;text-decoration:none;background:url(images/red-bullet.jpg) no-repeat left;}
   #content #sidebar .box#service p a {color:#FFD752;text-decoration:none;}
   
   #content #sidebar .box#appointment {margin:0;color:#FFF;background:#7a3a76; border-bottom: 5px solid #ffffff;}
   #content #sidebar .box#appointment p {margin:0;padding:0;font-family:"Lucida Sans";font-size:16px;color:#FFF;text-align:left;}
   #content #sidebar .box#appointment p a {color:#fff;text-decoration:underline;}
   
   #content #sidebar .box#businesshours {margin:0 0 5px 0;color:#FFF;background:#7b8673;}
   #content #sidebar .box#businesshours p.heading {margin:0;padding:0;font-family:"Lucida Sans";font-size:16px;color:#FFF;text-align:left;display:block;}
   #content #sidebar .box#businesshours p.hours {margin:0;padding:0;font-family:"Lucida Sans";font-size:12px;color:#FFF;text-align:left;}
   #content #sidebar .box#businesshours p.hours .time {float:right;}
   #content #sidebar .box#businesshours p.hours .date {margin:0 10px 0 0;float:left;}
   
   /* === SIDE BAR (page two) === */
   #content.nxt #sidebar {width:204px;margin:0;padding:0;background:#ffffff;float:left;}
   
   /* === SIDE BAR (page two) -> SPA MENU === */
   #content.nxt #sidebar #spamenu {width:100%;margin:0;padding:0 0 20px 0;background:#FFF;}
   #content.nxt #sidebar #spamenu h1 {margin:0 0 10px 37px;padding:20px 0 0 0;font-family:"Century Gothic";font-size:14px;font-weight:bold;color:#7a3a76;text-align:left;}
   #content.nxt #sidebar #spamenu ul {margin:0 0 0 37px;padding:0;list-style-type:none;}
   #content.nxt #sidebar #spamenu ul li {margin:0;padding:0;}
   #content.nxt #sidebar #spamenu ul li a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#7b8673;text-align:left;text-decoration:none;}
   #content.nxt #sidebar #spamenu ul li a:hover {color:#7a3a76;}
   
   #content.nxt #sidebar .box {width:182px;margin:0;padding:15px 11px;}
   
   #content.nxt #sidebar .box h2 {margin:0;padding:0;font-family:"Lucida Sans";font-size:18px;font-weight:normal;text-align:left;line-height:22px;}
   #content.nxt #sidebar .box#discount {margin:0;color:#ffffff;background:#7a3a76;  border-bottom: 5px solid #ffffff;}
   #content.nxt #sidebar .box#discount p {margin:10px 0 0 0;padding:0 0 0 10px;font-family:"Lucida Sans";font-size:10px;color:#ffd752;text-decoration:none;background:url(images/red-bullet.jpg) no-repeat left;}
   #content.nxt #sidebar .box#discount p a {color:#ffffff;text-decoration:none;}
   
   #content.nxt #sidebar .box#appointment {margin:0;color:#FFF;background:#7a3a76;}
   #content.nxt #sidebar .box#appointment p {margin:0;padding:0;font-family:"Lucida Sans";font-size:16px;color:#FFF;text-align:left;}
   #content.nxt #sidebar .box#appointment p a {color:#fff;text-decoration:underline;}
   
   
   /* === CONTEXT === */
   #content #context {width:455px;margin:0;padding:0;float:right;}
   #content #context h2 {margin:0;padding:0;font-family:"Century Gothic";font-size:20px;font-weight:bold;color:#7a3a76;text-align:left;}
   #content #context h3 {margin: 10px 0 10px 25px;padding:0;font-family:"Century Gothic";font-size:16px;font-weight:bold;color:#a5bead;text-align:left;}
   #content #context p {margin:10px 0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; line-height: 1.6em;color:#9c9a9c;font-weight:normal;text-align:left;}
   #content #context ul {margin:10px 0;padding:0;list-style-type:disc;}
   #content #context ul li {margin:0 0 0 25px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#9c9a9c;text-align:left; line-height: 1.6em;}
   #content #context ol {margin:10px 0;padding:0;}
   #content #context ol li {margin:0 0 0 25px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#9c9a9c;text-align:left;line-height: 1.6em;}
   
   #content #context label { display: block;margin:10px 0 0 20px;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; line-height: 1.6em;color:#9c9a9c;font-weight:bold;text-align:left;}
   #content #context input, textarea, select { margin: 0 0 0 20px; }
   
   #content .callToAction { padding: 5px 0; border: 2px dashed #a5bead; margin: 20px; text-align: center; background:#c6cbbd  }
   #content .callToAction h1 { font-family: verdana; font-size: 12px; line-height: 1.6em; color: #7b8773; font-weight: normal;}
   #content .callToAction a { color: #fff; }
   #content .callToAction a:hover { color: #92968b; }
   
   #content #context img.content{ border: 3px solid #c6cbbd; float: right; margin: 0 0 10px 10px; }
   /* === CONTEXT (page two) === */
   #content.nxt #context {width:529px;margin:0;padding:0 0px;float:left;}
   #content.nxt #context h2 {margin:15px 20px;padding:0;font-family:"Century Gothic";font-size:18px;color:#7a3a76;font-weight:bold;text-align:left;}
   #content.nxt #context p {margin:20px;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#777;font-weight:normal;text-align:left;}
   #content.nxt #context ul {margin:10px 0;padding:0;list-style-type:disc;}
   #content.nxt #context ul li{margin:0 0 0 45px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#9c9a9c;text-align:left; line-height: 1.6em;}

   #content.nxt #context table {width:518px;margin:10px auto;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#FFF;text-align:left;background:#a5bead;}
   #content.nxt #context table td {border-bottom:1px solid #FFF;}
   #content.nxt #context table .divider {height:0px;border-top:5px solid #422810;border-bottom:1px solid #FFF;}
   #content.nxt #context table .service {width:95px;margin:0;padding:5px 20px;}
   #content.nxt #context table .desc {width:275px;margin:0;padding:5px 10px;}
   #content.nxt #context table .price {width:30px;margin:0;padding:5px 20px;}
   
/* === FOOTER STYLES === */
div#footer {width:100%;margin:0;padding:20px 0;font-family:"Trebuchet MS";font-size:9px;font-weight:normal;color:#7b8673;text-align:center;}