@charset "utf-8";
/* CSS Document */
html {margin: 0; padding:0;}
body{
margin:0;
padding:0;
background-image: url(/images/1520_3.jpg);
background-position:top left;
background-repeat:repeat;
background-color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: normal;
line-height: normal;
}
#clear{width:100%; clear:both;}
h1{
font-size: 16px;
font-weight: bold;
color: #CBA425;
font-family: Arial, Helvetica, sans-serif;
}
h2{text-align:left; font-size: 16px;
font-weight: bold;
color: #CBA425;
}
p{
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: normal;
line-height: normal;
}
.style2 {
font-size: 12px;
color: #CC9900;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
}
.style3 { font-size: 16px;
font-weight: bold;
color: #CBA425;
font-family: Arial, Helvetica, sans-serif;
}
.style4 {font-size: 12px; color: #000000; line-height: normal; font-family: Arial, Helvetica, sans-serif; text-align:left;}
.style14 {
font-size: 10px;
color: #663300;
font-weight: normal;
}
.style5 {color: #CBA425;}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #CC9933;
}
a:active {
text-decoration: none;
color: #000000;
}
#container{
width:900px;
padding:0 0 20px 0;
margin: 0 auto;
clear:both;
background:url(images/containerbg.jpg) repeat-y;
min-height: 800px;
}
/*left side - including navigation etc.*/
#leftside{
width:250px;
/*height:1150px;*/
padding:0;
margin:0;
display:inline;
float:left;
}
#leftsideContact{
width:250px;
height:1100px;
padding:0;
margin:0;
background:url(/images/bkg6.jpg) repeat-y;
display:inline;
float:left;
}
#leftsideTreatments{
width:250px;
height:2360px;
padding:0;
margin:0;
background:url(/images/bkg6.jpg) repeat-y;
display:inline;
float:left;
}
#leftsideProducts{
width:250px;
height:2800px;
padding:0;
margin:0;
background:url(/images/bkg6.jpg) repeat-y;
display:inline;
float:left;
}
#navigation{
width:250px;
height:600px;
margin:0;
padding: 0;
background: url(/images/bkg8.jpg) no-repeat top;
display:block;
}
/*ul{
margin:130px 0 0 0;
padding: 0 25px 0 25px;
float: right;
text-align:right;
}
li{
height:24px;
list-style:none;
}*/
#navigation ul{
margin:130px 0 0 0;
padding: 0 25px 0 25px;
float: right;
text-align:right;
}
#navigation li{
height:24px;
list-style:none;
}
ul.home{margin:0; padding: 0; text-align:center; float:none;}
ul.home li{height:auto; list-style:none;}
#leftcontact{
text-align:left;
width:200px;
margin: 10px auto 0 auto;
line-height:1.8;
clear: both;
font-size:12px;
}
#leftcontact .phonenumbers {
width:100%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: solid #000000 1px;
}
#leftcontact .newsletter{
width:100%;
margin: 0 0 5px 0;
padding: 5px 0 5px 0;
}
/*Form Styling*/
#contact{
width: 200px;
margin: 10px auto 0 auto;
padding: 0 0 20px 0;
line-height:1.8;
text-align: left;
border-bottom: solid #000000 1px;
}
label{
display:block;
font-size:12px;
font-style:italic;
}
span.ex{font-size: 10px; font-style:italic;}
#first, #last, #number, #email{
background:#fffce8;
margin-bottom:5px;
}
#newsletter{
width: 200px;
margin: 0 auto 0 auto;
padding: 0;
line-height:1.8;
text-align: left;
}
#emailsignup{margin: 0 0 20px 0;
background:#fffce8;
width: 200px;}
#contact #comments{
height: 120px;
margin: 0 0 20px 0;
width: 200px;
background:#fffce8;
}
/*right side main content and header*/
#maincontent{
text-align:center;
width:650px;
/*height:1150px;*/
margin: 0;
padding: 0;
/*background: #FBF5DB url(/images/bkg12.jpg) repeat-y top right;*/
float:right;
display:inline;
}
#maincontent.left{text-align:left;}
#maincontentTreatments{
text-align:left;
width:650px;
height:2360px;
margin: 0;
padding: 0;
background: #FBF5DB url(/images/bkg12.jpg) repeat-y top right;
float:right;
display:inline;
}
#maincontentProducts{
text-align:center;
width:650px;
height:2800px;
margin: 0;
padding: 0;
background: #FBF5DB url(/images/bkg12.jpg) repeat-y top right;
float:right;
display:inline;
}
#maincontentContact{
text-align:center;
width:650px;
height:1100px;
margin: 0;
padding: 0;
background: #FBF5DB url(/images/bkg12.jpg) repeat-y top right;
float:right;
display:inline;
}
#image{
width: 640px;
margin: 0 auto;
padding: 0 10px 0 10px;
height: auto;
display: inline;
}
#image .pic{
width:auto;
float: left;
padding: 0 5px 0 0;
margin:0;
}
#image .quote{
width: 310px;
margin: 0;
float:left;
clear: right;
line-height:1.8;
}
#header{
width:650px;
margin:0;
clear:both;
height:114px;
padding: 0;
background: #D9B954 url(/images/header2.jpg) no-repeat top right;
}
#pnum{width:625px;
margin:0;
padding:10px 0 0 25px;
text-align:left;
font-size:12px;
color:#000000;
float:left;
font-weight: bold;
}
#text{
width:605px;
margin:0 auto;
padding: 15px 0 0 0;
}
ul#bullets{
width:auto;
margin:0px 50px 0px 15px;
padding: 0px 0px 10px 0px;
text-align:left;
float:left;
display:list-item;
position:relative;
}
li#bullets{
padding-bottom:5px;
}
#map{
width: 425px;
height: 380px;
border: solid #663300 2px;
margin: 0 auto;
padding: 0;
}
/*bottom of site for address and bottom curve*/
#bottom{
width:900px;
margin:0 auto;
padding:0;
height:193px;
background: #FBF5DB url(/images/bkg10.jpg) no-repeat bottom right;
clear: both;
}
#bottom #curve{
width: 650px;
margin: 0;
padding: 0;
height: 193px;
float: right;
clear: right;
display:inline;
}
#bottom #bottomleft{
width:250px;
height:193px;
padding:0;
margin:0;
background:url(/images/bkg6.jpg) repeat-y;
display:inline;
float:left;
}
#bottom #bottomleft .address{
width:193px;
padding: 0 0 0 10px;;
margin: 100px auto 0 auto;
font-size: 11px;
text-align:center;
}
/*footer style*/
#footer{display:block; text-align:center; width:850px; margin: 20px auto 20px auto; padding: 0; font-size: 12px;
color: #CC9900; line-height: 1.8;
}
#footer a:hover {
text-decoration: underline;
color: #CC9933;
}
#footer a {
text-decoration: none;
color: #CC9933;
}
#footer p{line-height:1.6;}
#test{/*for patient testimonials*/
padding: 0 0 5px 0;
border-bottom:dotted #d3ceb9 2px;
width: 580px;
margin: 15px auto 0 auto;
}