/*
-----------------------------------------------
DrPeters - Relaxed dentistry
Created by David M. Allen
----------------------------------------------- */

body {
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.7em;
	text-align:center;
	background-image: url(../images/spaheaderback.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #f2f2f2;
  }

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl {
	margin:0;
	padding:0;
	}
#container {
	margin: 0 auto;
	width: 666px;
	text-align: left;
  }

#container2 {
  margin: 0 auto;
  width: 780px;
  text-align: center;
  }
p  {
	margin: 0;
}

/* MISC: =Links
----------------------------------------------- */
a:link, a:visited, a:active {
	color: #81AABC;
}
a:hover {
	color: #416471;
	text-decoration: none;
}

a.red:link, a.red:visited, a.red:active {
	color: #FF0000;
	border-bottom: #cccccc 1px;
}

a.red:hover {
	color: #000000;
	border-bottom: #999999 1px;
}
.testpad{
	padding: 10px 10px 10px 10px;
  }
.testquote{
	padding: 10px 25px 7px 10px;
	font-size: 12px;
	line-height: 1.6em;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #AD5F66;
	text-align: justify;
  }
.testname{
	padding: 0 15px 15px 10px;
	font-size: 12px;
	line-height: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999999;
	font-style: italic;
	font-weight: bold;
  }
.testnamesmall{
	padding: 0 15px 15px 10px;
	font-size: 10px;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999999;
	font-style: italic;
	font-weight: bold;
  }
.testtext{
	padding: 8px 15px 10px 10px;
	font-size: 10px;
	line-height: 1.4em;
	vertical-align: middle;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
.testfloatleft{
	color:#999999;
	font-size:10px;
	width:133px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	height: 100px;
}

.floatleft{
	clear:left;
	color:#999999;
	float:left;
	font-size:10px;
	width:215px;
	margin: 0 -10px 7px 0;
}
.floatrightcover{
	clear:right;
	color:#999999;
	float:right;
	font-size:10px;
	width:200px;
	background-color: #DAE0D4;
	background-image: url(../images/payment_shadow.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0 0 7px 15px;
}

  
/*  =Tables
----------------------------------------------- */
.servicestitle {
	padding: 20px 0 9px 10px;
  }
.servicesmenu {
	padding: 0 5px 9px 8px;
	font-size: 12px;
	line-height: 1.7em;
  }
.servicesheader{
	padding: 10px 15px 7px 10px;
	color: #AD5F66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
  }
.paymentheader{
	padding: 17px 15px 2px 0;
	color: #AD5F66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
  }
.hours{
	padding: 0 4px 4px 10px;
	color: #AD5F66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
  }
.servicestext{
	padding: 0 15px 10px 10px;
	font-size: 11px;
	color: #333333;
	line-height: 1.7em;
  }
.hoursright{
	padding: 0 10px 10px 5px;
	font-size: 10px;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
  }
.ptext {
	padding: 0 7px 10px 19px;
	line-height: 1.5em;
	color: #666666;
  }

.welcomepadleft {
	padding-left: 10px;
  }
.meettext {
	padding: 20px 20px 15px 20px;
	font-size: 11px;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
  }
.mtitle {
	padding: 0 0 9px 10px;
  }
#lineh {
	line-height: normal;
  }
#philosophy {
	padding: 0 10px 15px 10px;
  }
#welcome {
	padding: 15px 20px 15px 10px;
  }
#ourservices{
	background-image: url(../images/leftback.gif);
	background-repeat: repeat-y;
	padding: 10px 10px 25px 22px;
	line-height: normal;
	font-size: 10px;
	color: #666666;
}
#leftgreen{
	background-image: url(../images/leftback_green.gif);
	background-repeat: repeat-y;
	padding: 10px 10px 25px 22px;
	line-height: 1.7em;
	font-size: 11px;
	color: #666666;
}
#contenttable {
	background-color: #FFFFFF;
	background-image: url(../images/spacontentback.gif);
	background-repeat: repeat-y;
  }
#contenttable2 {
	background-color: #FFFFFF;
	background-image: url(../images/contenttableback_green.gif);
	background-repeat: repeat-y;
  }
#contenttable3 {
	background-color: #FFFFFF;
  }
#leftside {
	background-repeat: repeat-y;
	background-image: url(../images/leftsideback.gif);
	background-position: top;
  }
#rightside {
	background-repeat: repeat-y;
	background-image: url(../images/rightsideback.gif);
	background-position: top;
  }
#meet {
	background-image: url(../images/meetdrback.gif);
  }
#services {
	background-color: #FFFFFF;
  }
#testimonies {
	background-color: #FFFFFF;
  }
#directions {
	background-color: #FFFFFF;
  }
#id25{
	margin-top: 25px;
  }
  
/* MISC: =Headings
----------------------------------------------- */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #336666;
	margin: 0;
	font-style: italic;
	padding: 5px 0 0 0;
  }
h2, h2 a, h2 a:visited {
	color:#003333;
	border-width:0;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0;
  }
h2 a:hover {
  color:#974;
  text-decoration:none;
  }
h3 {
	margin:10px 0 0 0;
	font:110%/1.5em Georgia,Serif;
	color: #000000;
  }
h3 a {
  border-width:0;
  }
  
.maintext h4{
	margin:15px 4px 3px 0;
	color:#666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: oblique;
	font-weight: bold;
  }

h4 {
  margin:15px 4px 3px 0;
  font:125% Georgia,Serif;
  color:#6987A9;
  }
h5 {
	font:125% Georgia,Serif;
	color:#FF0000;
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 12px;
  }
 h6 {
	margin:0;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	font-style: italic;
	color: #4B6F9F;
  }
/* MISC: =Text attributes
----------------------------------------------- */

.footer {
	color:#666666;
	padding: 25px 3px 15px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
  }
.footer a :link, .footer a:visited, .footer a:active {
	color:#999999;
	text-decoration: none;
  }
.footer a:hover {
	color:#FF0000;
	text-decoration: underline;
  }
  
/* =Pamper
----------------------------------------------- */
#pamper{
	padding: 20px 15px 20px 0;
	line-height: 1.5em;
  }
.mainspalist p{
	padding: 0 2px 15px 25px;
	line-height: 1.3em;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	color: #999999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
  }
.pamperone{
	color:#546063;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 5px 0;
	letter-spacing: -1px;
  }

.pampertwo{
	color:#546063;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	padding: 7px 0 15px 0;
  }

.pamperthree{
	color:#546063;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
  }

/* =Misc
----------------------------------------------- */

blockquote {
  margin:1em 0 1em 2px;
  padding:0 1em;
  border-left:2px solid #ccc;
  }
blockquote p {
  margin:0 0 .75em;
  font-style:italic;
  color:#666;
  }
blockquote p em {
  font-style:normal;
  }
ul	{
	padding-right: 0px;
	padding-bottom: 0px;
  }

.boxshade{
	background-color: #F2F2F2;
	margin: 5px 10px 5px 10px;
  }
.boxclear{
	background-color: #FFF;
	margin: 5px 10px 5px 10px;
  }
.comfort{
	padding: 5px 10px 5px 10px;
	line-height: normal;
	color: #7D8D72;
  }
.servicelist{
	padding: 5px 10px 5px 10px;
	line-height: 1.7em;
  }
.office{
	padding: 5px 10px 9px 10px;
	line-height: normal;
	color: #444D4F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }
.grey{
	background-color: #E9EDED
  }
/* =NAVIGATION
----------------------------------------------- */
#navcontainer{
	position: relative;
	width: 496px;
	height: 15px;
	padding: 0;
	margin: 0;
	background-color: #222728;
	left: 1px;
}
#nav{
position: absolute;
list-style:none;
margin:0;
padding:0;
height:15px;
display:inline;
overflow:hidden;
width:496px;
}
#nav li{
margin:0;
padding:0;
display:inline;
list-style:none;
}
#nav a{
float:left;
padding:15px 0 0 0;
overflow:hidden;
height:0px !important;
height:15px;/* for IE5/Win only */
}
#nav a:hover{
background-position:0 -15px;
}
#nav a:active{
background-position:0 -30px;
}

body#doctor #nav #dmeet a,
body#services #nav #dservices a,
body#test #nav #dtest a,
body#gallery #nav #dgallery a,
body#hours #nav #dhours a{
background-position:0 -30px;
}


#dservices a{
width:102px;
background:url(../images/menu_services.gif) top left no-repeat;
}
#dmeet a{
width:112px;
background:url(../images/menu_meet.gif) top left no-repeat;
}
#dtest a{
width:88px;
background:url(../images/menu_testimonies.gif) top left no-repeat;
}
#dgallery a{
width:63px;
background:url(../images/menu_gallery.gif) top left no-repeat;
}
#dhours a{
width:131px;
background:url(../images/menu_hours.gif) top left no-repeat;
}

#whatisspa{
	text-align: left;
	background-image: url(../images/spa_whatis.jpg);
	background-repeat: no-repeat;
  }
.whatisspatext{
  	color:#DADADA;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	line-height: 1.3em;
	padding: 90px 20px 10px 2px;
  }
  


.mainspalist ul {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 30px 20px;
	}
.mainspalist ul li p {
	font-size: 12px;
	line-height: normal;
	color: #999999;
	padding: 0 0 10px 3px;
	}
  
.spamidleft{
	background-image: url(../images/spa_waterfall.jpg);
	background-repeat: no-repeat;
	background-position: top left;
  }
#spaleftside{
	background-image: url(../images/spa_leftbefore.gif);
	background-repeat: no-repeat;
	background-position: top left;
  }
#sparightside{
	background-image: url(../images/spa_rightbefore.gif);
	background-repeat: no-repeat;
	background-position: top left;
  }
.press{
	font-size: 12px;
	line-height: 1.7em;
	color: #999999;
	padding: 5px 5px 10px 5px;
	margin: 120px 20px 0 10px;
	background-color: #FFFFFF;
  }
.location{
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.4em;
	padding: 3px 0 10px 0;
	text-align: center;
  }
/* MAIN NAVIGATION 
----------------------------------------------- */

#mainnav {
	margin: 18px 0 0 0;
  }
.topnav {
	background-color: #222728;
	padding: 5px 0 3px 0;
	font-size: 10px;
  }
.topnav a:link,.topnav a:visited,.topnav a:active {
	color: #E4E4E4;
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.topnav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 10px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.bottomnav {
	background-color: #41494B;
	padding: 2px 0 2px 0;
	font-size: 10px;
  }
.bottomnav a:link,.bottomnav a:visited,.bottomnav a:active {
	color: #999999;
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.bottomnav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.navnew {
	color: #B95B6F;
}


#header h1,#header h1 a:link,#header h1 a:visited {
	color:#FFFFFF;
	border-width:0;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: -1px;
  }
#header h1 a:hover {
  color:#B9C0C2;
  text-decoration:none;
  }
#header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #E4E4E4;
	margin: 0;
	padding: 4px 0 0 0;
	text-align: right;
	font-weight: normal;
  }
