@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:#fff;}
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;}
.highlight {color:#fe0000;}

blockquote{ 
	font-family: "verdana";
	text-decoration: italic;
	font-size: 11px;
	color: #777;
	background: url(images/quote.gif) no-repeat; 
	padding: 15px 20px 0 20px; }
blockquote p {font-style: italic; }

/* === HEADER STYLES === */
div#header {width:100%;margin:10px 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:15px;font-weight:black;color:#336699;text-align:left;letter-spacing:1px;}
   #header #logo h2 {margin:0px 0 12px 0;padding:0;font-family:"Century Gothic";font-size:11px;font-weight:bold;color:#49c7ef;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;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.jpg) no-repeat left;}
   
   /* === MAIN NAVIGATION === */
   #header #navigation {width:100%;height:25px;margin:0;padding:0;background: #0086ce; border-bottom:5px solid #adb2bd;}
   #header #navigation ul {width:565px;margin:0;padding:0;list-style-type:none;float:left;}
   #header #navigation ul li {height:12px;margin:0;padding:3px 31px 10px 31px;float:left;}
   #header #navigation ul li:hover {background:#ff5454;}
   #header #navigation ul li.active {background:#fe0000;}
 
   #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:2px 0 0 0;font-family:"Verdana";font-size:18px;font-weight:bold;color:#FFF;text-align:right;float:left;}
   
/* === 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: transparent;float:left;}
     
   #content #sidebar .box {width:176px;margin:0;padding:15px 11px;}
   #content #sidebar .box h2 {margin:0;padding:0;font-family:"Lucida Sans Unicode";font-size:18px;font-weight:normal;text-align:left;line-height:22px; color: #42BEEF;}
   #content #sidebar .box#service {margin:0 0 10px 0;color:#42BEEF;background: #fff url(images/boxBg.gif) repeat-x top; border: 1px solid #ccc;}
   #content #sidebar .box#service p {margin:10px 0 0 0;padding:0 0 0 10px;font-family:"Lucida Sans Unicode";font-size:10px;color:#42BEEF;text-decoration:none;background:url(images/red-bullet.png) no-repeat left;}
   #content #sidebar .box#service p a {color:#42BEEF;text-decoration:none;}
   
   #content #sidebar .box#appointment {margin:0 0 10px 0;color: #42bde9; background:#fff url(images/boxBg.gif) repeat-x top; border-bottom: 5px solid #422810;border: 1px solid #ccc;}
   #content #sidebar .box#appointment p {margin:0; padding:0; font-family:"Lucida Sans Unicode"; font-size:16px;color: #42bde9; text-align:left;}
   #content #sidebar .box#appointment p a {color:#fd0f0f;text-decoration:underline;}
   
   #content #sidebar #businesshours {margin:0 0 10px 0;color:#43bde6;background: #fff url(images/boxBg.gif) repeat-x top;border: 1px solid #ccc; }
   #content #sidebar #businesshours p.heading {margin:0;padding:0;font-family:"Lucida Sans Unicode";font-size:16px;color: #43bde6;text-align:left;float:left;clear:both}
   #content #sidebar #businesshours p.hours {margin:0;padding:0;font-family:"Lucida Sans Unicode";font-size:12px;color:#949aa5;text-align:left;float:right;clear:both; width:180px;}
   #content #sidebar #businesshours p.hours .time {float:right;}
   #content #sidebar #businesshours p.hours .date {margin:0 10px 0 0;float:left;width:30px;}
   
   /* === SIDE BAR (page two) === */
    #content #sidebar .box#empty { padding: 0px; margin: 0px; background: #fff;}
   
   #content #sidebar {width:204px;margin:0;padding:0;background: transparent;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:#fe0000;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:#777;text-align:left;text-decoration:none;}
   #content.nxt #sidebar #spamenu ul li a:hover {color:#940c08;}
   
   #content.nxt #sidebar .box {width:180px;margin:0;padding:15px 11px;}

   
   #content.nxt #sidebar .box h2 {margin:0;padding:0;font-family:"Lucida Sans unicode";font-size:18px;font-weight:normal;text-align:left;line-height:22px;}
   #content.nxt #sidebar .box#discount {margin:0 0 10px 0;color:#739ace;background: #fff url(images/boxBg.gif) repeat-x top; border: 1px solid #ccc;}
   #content.nxt #sidebar .box#discount p {margin:10px 0 0 0;padding:0 0 0 10px;font-family:"Lucida Sans unicode";font-size:10px;color:#ffd752;text-decoration:none;background:url(images/red-bullet.png) no-repeat left;}
   #content.nxt #sidebar .box#discount p a {color:#ceba8c;text-decoration:none;}
  
  #content #sidebar .box#appointment {margin:0 0 10px 0;color: #42bde9; background:#fff url(images/boxBg.gif) repeat-x top; border-bottom: 5px solid #422810;border: 1px solid #ccc;}
   #content #sidebar .box#appointment p {margin:0; padding:0; font-family:"Lucida Sans Unicode"; font-size:16px;color: #42bde9; text-align:left;}
   #content #sidebar .box#appointment p a {color:#fd0f0f;text-decoration:underline;}
   
  
#content.nxt #sidebar .box h2 {margin:0;padding:0;font-family:"Lucida Sans unicode";font-size:18px;font-weight:normal;text-align:left;line-height:22px;}
   #content.nxt #sidebar .box#discount {margin:5px 0 10px 0;color:#739ace; background: #fff url(images/boxBg.gif) repeat-x top; border: 1px solid #ccc;}
   #content.nxt #sidebar .box#discount p {margin:10px 0 0 0;padding:0 0 0 10px;font-family:"Lucida Sans unicode";font-size:10px;color:#739ace;text-decoration:none;background:url(images/red-bullet.gif) no-repeat left;}
   #content.nxt #sidebar .box#discount p a {color:#949aa5;text-decoration:none;}
   
   
   /* === CONTEXT === */
   #content #context {width:460px;margin:0;padding:0;float:right;}
   #content #context h2 {margin:0;padding:0;font-family:"Century Gothic";font-size:20px;font-weight:bold;color:#087dc6;text-align:left;}
   #content #context h3 {margin: 10px 0 10px 25px;padding:0;font-family:"Century Gothic";font-size:16px;font-weight:bold;color:#f78a10;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:##fff url(images/boxBg.gif) repeat-x; border: 1px solid #ccc;}
   #content .callToAction h1 { font-family: verdana; font-size: 12px; line-height: 1.6em; color: #0086ce; font-weight: normal;}
   #content .callToAction a { color: #f78a10; }
   #content .callToAction a:hover { color: #92968b; }
   
   #content #context img.content{ border: 3px solid; 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:#0059c6;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:0;padding:0;list-style-type:none;}
   #content.nxt #context ul li {margin:0 0 0 30px;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#777;font-weight:normal;text-align:left;}
   #content.nxt #context table {width:518px;margin:10px auto;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#777;text-align:left;background:#fff url(images/boxBg.gif) repeat-x; border: 1px solid #ccc;}
   #content.nxt #context table td {border-bottom:1px solid #FFF;}
   #content.nxt #context table .divider {height:0px;border-top:5px solid #;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;7bb208}
   #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;}