/*
Mass Reset
-------------------------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
body { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 30px; }
fieldset { padding: 10px; }

/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
body { font-size: 0.80em; font-family: "lucida grande","trebuchet ms", helvetica, sans-serif; color: #4d4d4d; background: #f7f4f0 url(../_img/body_bg.gif) top center repeat-x; }
a { color: #4a8f8b; padding: 4px; }
a:hover { color: #000; text-decoration: none; padding: 2px; background: #fff; border: 2px solid #ede7dd; }
#wrapper { width: 740px; margin: 0 auto 15px auto; }

/*
Header & Logo
-------------------------------------------------------------------------------------------------------------------------------*/
#header { height: 113px; }
#logo { float: left; width: 231px; height: 131px; background: url(../_img/logo.gif) top left no-repeat; margin: 10px 0 0 0; }
#logo a {  }

#nav { width: 500px; float: left; margin: 0; }
#nav ul { padding: 70px 0 0 0; font-size: 1.1em; font-weight: bold; }
#nav ul li { font-family: georgia, "times new roman", serif; margin: 0 0 0 28px; display: inline; list-style: none; }
#nav ul li a { color: #fff; padding: 5px 0; border: none; text-decoration: none; }
#nav ul li a:hover { color: #fff; background: #4a8f8b; padding: 5px 0; border-top: 2px solid #fff; background: none; text-decoration: none; }
#nav ul li a.current-page { color: #fff; padding: 5px 0; border-top: 2px solid #fff; background: none; text-decoration: none; }

#title-image-area { height: 132px; clear: both; }
#title-image-area #photos { float: left; margin: 0; }
#title-image-area #photos img { margin: 0 0 0 5px; padding: 5px; border: 2px solid #ede7dd; background: #fff; }
#title-image-area #photos.interior img { margin: 0 0 0 25px; }

#left { width: 220px; float: left; display: inline; margin: 15px 0 0 5px; }
#left .block { background: #fff; border: 2px solid #ede7dd; padding: 0 0 5px 0; margin: 0 0 10px 0; }
#left .block p { margin: 10px 15px; }
#left .block h3 { margin: 10px 15px 7px 15px; }

#right { overflow: auto; width: 500px; margin: 15px 0 0 0; padding: 0; }
#right.insurance { margin: 15px 0 0 220px; }
#right.treatment { margin: 15px 0 0 230px; }
#right p { margin: 5px 0 10px 0; line-height: 1.4em; }
#right ul  { margin: 0; padding: 0; }
#right .block { width: 215px; float: left; display: inline; background: none; border: none; padding: 5px 0; margin: 0 0 0 30px; }

#right .content { overflow: auto; clear: both; padding: 0 0 20px 0; margin: 0 0 0 30px; }
#right .content .block { margin: 0; overflow: auto; }
a.view-more { display: block; padding: 4px 6px; }
a:hover.view-more { display: block; padding: 2px 8px; }

/*
Typography
-------------------------------------------------------------------------------------------------------------------------------*/
p {  }
h1, h2, h3, h4, h5, h6 { color: #4a8f8b; font-family: georgia, "times new roman", serif; }
h1 { text-indent: -10000px; height: 0px; overflow: hidden; }
h2 { text-indent: -10000px; height: 38px; float: left; display: inline; }
h2.home { width: 280px; margin: 50px 10px 0 10px; background: url(../_img/h2_home.gif) top left no-repeat; }
h2.about { width: 130px; margin: 50px 20px 0 85px; background: url(../_img/h2_about.gif) top left no-repeat; }
h2.treatment { width: 142px; margin: 50px 12px 0 82px; background: url(../_img/h2_treatment.gif) top left no-repeat; }
h2.insurance { width: 132px; margin: 50px 0 0 90px; background: url(../_img/h2_insurance.gif) top left no-repeat; }
h2.contact { width: 147px; margin: 50px 0 0 76px; background: url(../_img/h2_contact.gif) top left no-repeat; }
h3 { margin: 0 0 5px 0; }
h4 {  }
h5 {  }
h6 {  }

/*
Footer
-------------------------------------------------------------------------------------------------------------------------------*/
#footer { clear: both; width: 730px; background: #fff; border: 2px solid #ede7dd; margin: 0 0 7px 5px; }
#footer ul { margin: 0; padding: 8px; font-size: 0.8em; }
#footer li { margin: 0; list-style: none; }
#footer li.last { float: right; }
#footer a {  }
#footer a:hover {  }
