
@charset "utf-8";

/* MAIN CSS */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../images/site_bg.jpg);
	background-repeat: repeat;
}

p {
	font-size: .9em;
}

h1 {
	font-size: 0.95em;
}

/* MAIN CSS END */


/* HEADER CSS */
#top_bg {
	background-image: url(../images/top_bg.jpg);
	background-repeat: repeat-x;
	height: 384px;
	width: auto;
}

#container  {
	width: 970px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header  {
	margin: 0 auto;
	height: 270px;
	padding-top: 20px;
}

#logo {
	float: left;
}

#appt  {
	float: right;
}

#top_nav {
	margin: 0 auto;
	height: 151px;
	width: 900px;
}

#tagline {
	text-align: center;
	margin-bottom: 30px;
}

#mainContent  {
	padding: 0px;
	margin-bottom: 10px;
}
/* HEADER CSS END */


/* LEFT COL NAV CSS */
#left_col {
	width: 335px;
	float: left;
	margin-right: 17px;
	padding-top: 2px;
}

#left_col #left_nav {
	background-image: url(../images/left_nav_bg.png);
	background-repeat: no-repeat;
	height: 385px;
}

#imgReplacement {
	padding:60px 0px 0px 0px;
	margin:0;
	list-style:none;
}

#imgReplacement li.home {width:335px; height:33px; overflow:hidden;}
#imgReplacement li.home img {width:335px; height:33px; border:0;}

#imgReplacement li.about {width:335px; height:31px; overflow:hidden;}
#imgReplacement li.about img {width:335px; height:31px; border:0;}

#imgReplacement li.philosophy {width:335px; height:33px; overflow:hidden;}
#imgReplacement li.philosophy img {width:335px; height:33px; border:0;}

#imgReplacement li.treatments {width:335px; height:33px; overflow:hidden;}
#imgReplacement li.treatments img {width:335px; height:33px; border:0;}

#imgReplacement li.products {width:335px; height:32px; overflow:hidden;}
#imgReplacement li.products img {width:335px; height:32px; border:0;}

#imgReplacement li.references {width:335px; height:31px; overflow:hidden;}
#imgReplacement li.references img {width:335px; height:31px; border:0;}

#imgReplacement li.photos {width:335px; height:31px; overflow:hidden;}
#imgReplacement li.photos img {width:335px; height:31px; border:0;}

#imgReplacement li.contact {width:335px; height:33px; overflow:hidden;}
#imgReplacement li.contact img {width:335px; height:33px; border:0;}

#left_col .bg_top_sm {
	background-image: url(../images/bg_top_sm.png);
	background-repeat: no-repeat;
	height: 14px;
	margin-top: 2px;
}

#left_col .bg_side_sm {
	background-image: url(../images/bg_side_sm.png);
	background-repeat: repeat-y;
}

#left_col .bg_bottom_sm {
	background-image: url(../images/bg_bottom_sm.png);
	background-repeat: no-repeat;
	height: 11px;
}

#left_col .title_bar_sm {
	height: 45px;
	background-image: url(../images/title_bar_sm.png);
	background-repeat: no-repeat;
}
/* LEFT COL NAV CSS END */


/* LEFT COL LOCATION CSS */
#left_col #locationContent {
	width: 285px;
	height: 350px;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 7px;
	padding-top: 1px;
}

#left_col #locationContent p{
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	color: #000;
	padding-left: 2px;
	padding-top: 1px;
	font-size: 13px;
}

#left_col #locationContentLeft {
	width: 65px;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 0px;
	padding-top: 10px;
	float: left;
}

#left_col #locationContentLeft img{
	padding-bottom: 1px;
}

#left_col #locationContentRight {
	width: 220px;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 0px;
	padding-top: 12px;
}
/* LEFT COL LOCATION CSS END */


/* LEFT COL LINKS CSS */
#sideLinks {
	width: 285px;
	height: 330px;
	background-color: #FFF;
	margin: 0 auto;
	padding-top: 5px;
}

#sideLinks img{
	padding-left: 10px;
	padding-bottom: 5px;
}

/* LEFT COL LINKS CSS END */


/* RIGHT COL CSS */
#right_col {
	width: 618px;
	float: left;
}

#right_col .bg_top_lg {
	background-image: url(../images/bg_top_lg.png);
	background-repeat: no-repeat;
	height: 14px;
}

#right_col .bg_side_lg {
	background-image: url(../images/bg_side_lg.png);
	background-repeat: repeat-y;
}

#right_col .bg_bottom_lg {
	background-image: url(../images/bg_bottom_lg.png);
	background-repeat: no-repeat;
	height: 11px;
}

#right_col .title_bar_lg {
	height: 45px;
	background-image: url(../images/title_bar_lg.png);
	background-repeat: no-repeat;
}

#right_col .title_bar_lg .left_title {
	width: 570px;
}

.title_bar_lg h1 , .title_bar_sm h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #FFF;
	padding-left: 20px;
	padding-top: 8px;
	font-size: 1.1em;
}

#right_col #section1Content {
	width: 570px;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 10px;
}

#right_col #section2Content {
	width: 570px;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 4px;
}

#right_col #section3Content {
	width: 570px;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 4px;
}

/* RIGHT COL CSS END */


/* FOOTER CSS */
#bottom_bg {
	height: 70px;
	background-image: url(../images/bottom_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	width: auto;
}

#footer {
	width: 970px;
	margin: 0 auto;
	padding-top: 20px;
	color: #FFF;
	height: 50px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
}

#bottom_nav   {
	text-align: center;
}

#bottom_nav ul {
	margin-top: 0px;
	padding-top: 5px;
}

#bottom_nav li {
	display: inline;
	width: auto;
}

#bottom_nav li a {
	padding-right: 4px;
	padding-left: 4px;
	text-decoration: none;
	color: #FFF;
	font-size: .9em;
	font-weight: normal;
}

#bottom_nav li a:hover {
	color: #b3d235;
}

#copy_credit {
	font-size: .8em;
	color: #FFF;
	padding-top: 10px;
}

.copyright   {
	float: left;
	text-align: left;
}

.credit  {
	float: right;
	text-align: right;
}

.credit a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

.credit a:hover {
	color: #b3d235;
}
/* FOOTER CSS END */


/* GENERAL CSS */
.clear {
	clear: both;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

#content {
	height: 1340px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}

#content h2 {
	font-size: 0.9em;
	padding-top: 5px;
}

#content img {
	float: right;
	margin: 0;
	padding: 0 0 10px 10px;
}

#contentSecondary {
	height: 933px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}

.label {
	font-size: 1.2em;
}

.philosophy_ad {
	float: left;
	padding-left: 15px;
}
	
h3 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-top: 5px;
	text-decoration: underline;
}

#treatments p {
	font-size: 0.78em;
}

#top {
	height: 245px;
	width: 570px;
}

#top a {
	font-size: .8em;
	text-decoration: none;
	color:#4E3E25;
}

#top img {
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 10px;
}

#mid {
	height: 227px;
	width: 570px;
}

#mid a {
	font-size: .8em;
	text-decoration: none;
	color:#4E3E25;
}

#bottomright {
	height: 341px;
	width: 285px;
	float: right;
	clear: right;
	margin-left: 20px;
}

#bottom {
	height: 341px;
	width: 570px;
}

#bottom img {
	margin-right: 5px;
}

#bottom a {
	font-size: .8em;
	text-decoration: none;
	color:#4E3E25;
}

.smalltext {
	font-size: .75em;
}

/* GENERAL CSS END */


/* PRODUCTS PAGE CSS */
.products1 {
	padding-bottom: 25px;
}

#products p {
	font-size: 0.8em;
	padding-top: 5px;
}

.productnotes {
	font-size: 0.75em;
}

#products h2 {
	font-size: 0.9em;
	padding-top: 5px;
}

#products h3 {
	font-size: .9em;
	font-weight:bold;
}

#products .product_title   {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #573A1A;
	margin-bottom: 1px;
	width: 360px;
}

#products img {
	float:left;
	padding-right: 20px;
	padding-bottom: 10px;
}

#products .sourcetext{
	font-size: .70em;
	color: #777777;
	font-style: italic;
}

#products .quotetext{
	font-size: .80em;
	color: #7D9C00;
	font-style: italic;
}
/* PRODUCTS PAGE CSS END */


/* PHOTOS PAGE CSS */

#photocontent {
	height: 1340px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
	padding: 0;
	text-align: left;
	color: #000000;
}

#photocontent h2 {
	font-size: 0.9em;
	padding-top: 5px;
}

#photocontent img {
	margin: 0;
	padding-right: 12px;
}

/* PHOTOS PAGE CSS END */


/* CONTACT PAGE CSS */
#contact #email_form{
	margin-left: 10px;
}
#contact h4 {
	font-size: .9em;
	font-weight: bold;
	padding-bottom: 3px;
}
#contact #contact_text  {
	margin-bottom: 20px;
	border-bottom: 1px solid #442813;
	padding-bottom: 20px;
}
#contact img.alignleft {
	float: left;
	padding-right: 10px;
}
#contact #contact_bottom {
	width: 480px;
	margin: 0 35px 0 0;
	padding: 0 35px 0 0;
	border-right: none;
}
#contact .contact_img {
	padding-bottom: 5px;
}
#contact .form {
	height:40px;
}
#contact .form input {
	width:500px;
	background:#fff;
	color:#442813;
	border:1px solid #a09b96;
	padding:2px 0 2px 3px;
}

#contact textarea {
	background:#fff;
	overflow:auto;
	color:#442813;
	padding-left:3px;
	border:1px solid #a09b96;
	margin-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}
#contact a.form_buttons{
	padding-right:16px;
	text-decoration: none;
	color: #8d501a;
	font-variant: small-caps;
	font-size: 0.8em;
}
#contact a:hover.form_buttons {
	color: #8d501a;
}
#contact .contact_btn  {
	float: right;
}
/* CONTACT PAGE CSS END */

