#wrap { margin-top: -2em;}

img#logo {
	float: left;
	width: 82px;
	height: 92px;
	padding-top: 10px;
}


h1, h2 {
	float: left;
	width: 400px;
	padding-left: 30px;
	color: #007789;
	font-family: Georgia, serif;
	text-transform: uppercase;
}

h1 {font-size: 1.9em; letter-spacing: 2px; padding-top: 30px;}
h2 {font-size: 2.35em; letter-spacing: 3px; font-weight: bold}

strong { font-weight: bold}

#main, #footer {
	width: 845px;
	margin: 0 auto;
}

#contactdata {
	color: #007789;
	text-align: right;
	font-size: 1em;
	padding-top: 3em;
}
#contactdata p { line-height: 1.5em}

div#images .noscroll {
	margin-right: 15px;
	padding: 0;
	float: left;
}
div#sky {
	float: right;
	width: 200px;
	height: 200px;
}

div#images {
	margin: 1em 0 2em 0;
	height: 200px;
}

div#content {
	width: 630px;
}

div#content h3 {
	color: #007789;
	font-family: Georgia, serif;
	font-size: 1.7em;
	letter-spacing: 1.9px;
	text-transform: uppercase;
	margin-bottom: 0.8em;
}
	.firstline { color: #8dc63f;}

div#content p, div#content h4 {
	font-size: 1.2em;
	color: #007789;
	margin-bottom: 1em;
}

div#content h4 { font-weight: bold;}

div#content a {
	text-decoration: none;
	font-weight: bold;
	color: #007789;
}

div#content a:hover {
	text-decoration: underline;
}

div#content ul li {
	width: 50%;
	float: left;
	list-style: circle inside;
	color: #007789;
	font-size: 1.2em;
}

#footer { 
	background: #8dc63f; 
	color: white;
	padding: 1em 1em 2em 1em;
}
#footer p {
	float: left;
	width: 25%;
}
#footer #tc {
	text-align: right;
}

.altface {
	font-family: Georgia, serif;
	text-transform: uppercase;	
}

#tc a { color: white; text-decoration: none;}
#tc a:hover { text-decoration: underline;}
.accred { float: right; margin-bottom: 1em;}

/* navigation */
#navcontainer
{
margin-top: 1em;
height: 42px;
border-bottom: 2px solid #007789;
}

#navcontainer ul
{
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
font-family: Georgia, serif;
text-transform: uppercase;
}

#navcontainer ul li a
{
background: #fff;
width: 89px;
padding: 18px 0 8px 0;
margin: 0 0 10px 0;
color: #007789;
text-decoration: none;
display: block;
text-align: center;
border-right: 3px solid white;
}
#navcontainer ul li a.longer { width: 160px;}
#navcontainer ul li a#last { border-right: 0; width: 121px;}


#navcontainer ul li a:hover
{
color: white;
background: #007789;
}

#navcontainer a:active, #navcontainer li#active a
{
color: white;
background: #007789;
}

#navcontainer li#active a
{
color: white;
background: #007789;
}

.reciprocal { color: #007789;}
.reciprocal a { color: #007789;}

td {width: 250px; padding-bottom: 0.25em; color: #007789; font-size: 1.2em; vertical-align: top}

/* Sticky Footer Solution by http://stever.ca */
* {margin:0;padding:0;} 
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding: 2em;}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -2em; /* negative value of footer height */
	height: 2em;
	clear:both;} 
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}

#footer p { padding-top: 0.5em;}

.testimonial { border-top: 1px solid #ccc; padding: 20px 0; color: #007789; font-size: 1.2em; clear:both}

.treatmentsButton {
color: white;
float: right; 
background-color: #0c677c; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 0; 
padding: 10px 5px 10px 20px;
width: 175px;
font-family: Georgia, serif;
font-size: 1.3em;
margin-bottom: 10px;
}

.activeButton {
background-color: #8dc63f; 
}

.treatmentsButton a {
color: white;
text-decoration: none;
}
.treatmentsButton a:hover {
text-decoration: underline;
}