/*Copyright (c) 2006,Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version 0.12.1*/
/*reset.css*/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, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/*fonts.css*/body { font:13px arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% arial,helvetica,clean,sans-serif; }
pre, code { font:115% monospace; *font-size:100%; }
body * { line-height:1.22em; }

/* our stuff */
body { background:#FFF;} /*url(../images/background.jpg) repeat-y; }*/
/*#right_side {background: url(../images/background_right.jpg) right top repeat-y;}
*/#container { width:850px; margin:auto; background: url(../images/seascape.jpg) repeat-x 0px 0px;}
#content { background: transparent url(../images/sidebar.png) repeat-y; min-height:500px; margin-top:125px; }
#logo { background:transparent url(../images/logo.png) no-repeat; height:100px; }
#main { margin-left:270px; padding: 1px 15px 20px 5px; text-align: left; background: transparent;}

/* typography */
body { margin:0; padding:0; font-family:verdana, arial, helvetica, sans-serif; font-size:76% /*font sizing in ems, baby. if you want to change anything, just change this.*/ /*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/; }
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1 { width:50%; line-height:1.3em; }
.narrow2 { width:50%; line-height:1.5em; }
		
/*typography*/
a { text-decoration:none; font-weight:bold; color:#2463C2; }
a:link { }
a:visited { color:#004880; }
a:active { }
a:hover { text-decoration:underline; color:#2463C2;}
h1 { font-size:2.0em; font-weight:normal; margin-top:0em; margin-bottom:0em /*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/; }
h2 { font-family: zapfino, verdana, arial, helvetica, sans-serif;}
h2 { font-size:1.7em; margin:1.5em 0em 0.6em 0em; padding-bottom: 0.3em; font-weight:normal; background: transparent url(../images/underline.png) no-repeat bottom left; }
h3 { font-size:1.4em; margin:.6em 0em 0.5em 0em; font-weight:bold; }
h4 { font-size:1.2em; margin:1.2em 0em 1.2em 0em; font-weight:bold; }
h5 { font-size:1.0em; margin:1.2em 0em 1.2em 0em; font-weight:bold; }
h6 { font-size:0.8em; margin:1.2em 0em 1.2em 0em; font-weight:bold; }
img { border:0; }
ol, ul, li { /*
	list-style: none;*/font-size:1.0em; line-height:1.8em; margin-top:0.2em; margin-bottom:0.1em; }
p, table { font-size:1.0em; line-height:1.8em; margin:0.2em 0em 1.2em 0em; }
li>p { margin-top:0.2em; }
pre { /*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/font-family:monospace; font-size:1.0em; }
strong, b { font-weight:bold; }

p.small, span.small {font-size: smaller}
td {padding-right: 1em}
#main ul { list-style:disc outside; }
#main li { margin-left: 1.2em }

#navbar { float:left; width:210px; text-align:right; font-size:120%; padding-top:25px; }
#navbar li { height:35px; padding-right:1px; }
#navbar a { display:block; width:100%; height:100%; padding-right:10px; padding-top:7px; text-decoration:none; color:#fff; }
#navbar a:hover, #navbar a.selected { background:url(../images/menubar.png) no-repeat top right; color:#000; }

.img_r, .right {float: right; padding: 10px; padding-right: 0;}
.img_l, .left {float: left; padding: 10px; padding-left: 0;}

.treatments_page td, .packages_page td {font-weight:bold}

#map h3 { font-size: 14px; font-weight: bold; font-family:verdana, arial, helvetica, sans-serif}
input {margin-right: 1em}
#contact_body { width: 300px}
#index_table td{height: 25px; padding-left: 10px;}

/* back to top */

#back-to-top,
#back-to-top.visible {
  display: none;
}
 
body>#back-to-top {
  position: fixed;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 3px 17px 3px 7px;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #22e3ed;
  background: #3b1907 url(triangle-gray-up.png) no-repeat right center;
}
 
body>#back-to-top.visible {
  display: inline;
}

.prices { display: block; float:right; font-weight: bold; margin-top: 0.45em}
#footer { border-top: 4px solid #3b1907; padding: 5px 0 20px}

/* newsletter sign-up */
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }