/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
#text p { clear: left; }
#text p, #pagecontent p { margin: 0 0 1em;  }
#text ul, #pagecontent ul { margin: 0 0 1em 17px; }
#text li, #pagecontent li { margin-bottom: 0.5em; }
img { border: 0; }
a, a:visited { color: #993138; text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; padding-bottom: 20px; font: 75% arial,verdana,sans-serif; color: #333; background-color: #b6b7a7; text-align: center; }
#wrapper { width: 750px; margin: 20px auto 0; text-align: left; background: #fff url(../images/bg-column.gif) top left repeat-y; }

/* Headings,text
================================================================*/
h1, h2, h3 { margin-bottom: 0.1em; font-size: 1em; font-weight: bold; color: #828574; }
h1 { font-size: 1.2em; margin-bottom: 1em; font-weight: normal; }
ul, li { list-style: none; }
#content p, #content li { line-height: 1.4em; }
#content p, #content ul { margin-bottom: 1.1em; }

/* Structure
================================================================*/
#branding { height: 166px; background: top right no-repeat; }
#branding img { margin: 40px 0 0 34px; }
/*#pageHome #branding img { margin-top: 66px; }*/
#pageHome #branding { background-image: url(../images/home_pic.jpg); }
#pageServices #branding { background-image: url(../images/services_pic.jpg); }
#pageInfo #branding { background-image: url(../images/profile_pic.jpg); }
#pageTreat #branding, #pageConsult #branding { background-image: url(../images/collection_pic.jpg); }
#pageContact #branding { background-image: url(../images/contact_pic.jpg); }

#nav, #content { float: left; display: inline; border-top: 1px solid #b5b8a3; }
#nav { width: 153px; margin-left: 119px; }
#nav ul { width: 130px; text-transform: lowercase; }
#nav li { float: left; display: inline; width: 130px; border-bottom: 1px solid #b5b8a3;  }
#nav a { display: block; margin: 5px 0 2px 13px; }
#nav a, #nav a:visited { color: #828574; }
#nav a:hover, #pageServices #navServices a, #pageInfo #navInfo a, #pageTreat #navTreat a, #pageConsult #navConsult a, #pageContact #navContact a { text-decoration: none; color: #993138; }

#content { width: 405px; margin-bottom: 10px; padding: 17px 73px 0 0; min-height: 327px; height: auto; }
#pageServices #content { min-height: 370px; }

#footer { clear: left; display: inline-block; width: 740px; padding: 7px 5px 0; color: #ddded0; background-color: #b6b7a7; font-size: .95em; }
#footer a#credit { float: right; text-transform: lowercase; }
#footer a#credit, #footer a#credit:visited { color: #ddded0; }

/* Special cases
================================================================*/
#content ul.contact { display: block; float: left; display: inline; width: 405px; }
#content ul.contact li { float: left; display: inline; width: 165px; }
ul.contact h2 { margin-bottom: 0.4em; font-size: 1.1em; font-weight: normal; }
ul.contact a, ul.contact a:visited { color: #333; }
ul.contact a:hover { color: #993138; text-decoration: none; }

#photo { float: right; display: inline; width: 182px; margin: 3px 0 0 21px; }
#photo img { margin-bottom: 9px; }
#photo p { font-size: .9em; margin-bottom: 0.5em; }

#animation { float: right; display: inline; width: 500px; }

#pageServices #content ul { margin-left: 0.5em; }
#pageServices h3 { font-weight: normal; color: #333; }
#pageInfo #content { width: 455px; padding-right: 23px; }

#pageHome h1 { margin-bottom: 0.75em; }
#pageHome #branding { height: 218px; }
/*#pageHome #branding img { margin: 65px 0 0 27px; }*/
#pageHome p.intro { margin-bottom: 2em; }
#pageHome #content { min-height: 234px; padding-top: 27px; }

/*services show/hide headings*/
span.heading { color: #993138; }
span.link:hover { text-decoration: underline; cursor: pointer; }

/* Hacks / fixes
=================================================================*/
/*box model corrections for ie5*/
* html #content { width: 478px; w\idth: 405px; height: 327px; }
* html #pageServices #content { height: 370px; }
* html #footer { width: 750px; w\idth: 740px; }
/*ie min height fix*/
* html #pageHome #content { height: 234px; }
/*fix for ie6 and ie5 issue with last italic line!*/
* html #pageCare #content { overflow: visible; width: 405px; }