/*basics*/
body        { background:#333; color:#ecf2f5; font: 62.5% Georgia, serif; line-height: 2.25em; margin: 0; padding: 0; }
html > body { font-size: 10px; }

/* Typography */
h1,h2,h3,h4,h5,h6{ color: #333; line-height: 1.4em; margin: 0; }

h2 { clear: both; font-size: 3em; line-height: 0.5em; padding: 1em 24px 0.5em; }
h3 { color: #376078; clear: both; border-bottom: 1px solid #3f1d12; font-size: 2.4em; line-height: 1em; margin: 0 24px 0.5em; padding: 0 0 0.15em; }
.twocolumn h3,
.threecolumn h3 { margin: 0 0 0.5em; }
h4 { font-size: 1.8em; font-variant: small-caps; line-height: 1.25em; margin: 0; }
h5 { font-size: 1.4em; font-weight: normal; margin: 0 0 1em; }

a { border-bottom: 1px dotted #3f1d12; color: #3f1d12; text-decoration: none; padding: 0 0 1px 0; }
a:hover { background: #3f1d12; color: #f9f0eb; text-decoration:none;}

p  { font-size: 1.4em; margin: 0 0 1.6em; }
ul { font-size: 1.4em; margin: 0 0 1.6em; padding: 0 0 0 1.6em; }

/* metaheader */
#metaheader          { background: #353637 url(../graphics/metaheaderBG.gif) left bottom repeat-x; padding: 4px 0 12px; zoom: 1; }
#metaheader .page    { width: 928px; }
.appt, address       { font: small-caps 12px Verdana, sans-serif; float: left; }
.appt b, address b   { color: #fff; display: block; font: bold 21px Georgia, serif; margin: 4px 0; }
#metaheader address,
#footer address      { float: right; text-align: right; }

/* Page & Page */
#page { background: #80a9bc url(../graphics/pageBG.gif) center top; clear: both; padding: 16px 0 32px; zoom: 1; }
.page { margin: 0 auto; width: 976px; }

/* Feature */
#feature     { background: url(../graphics/content-top.png) left top no-repeat; padding: 16px 0 0; }
#feature div { background: url(../graphics/contentBG.png); height: 256px; width: 976px; text-indent: -9999px; }
#feature h1  { background: url(../graphics/feature.jpg) no-repeat; display: block; height: 256px; margin: 0 16px; width: 944px; text-indent: -9999px; }

/* Content */
#content { background: url(../graphics/contentBG.png); color: #333; zoom: 1; }

.twocolumn   { margin: 0 24px; width: 440px; }
.threecolumn { margin: 0 0 16px 24px; width: 293px; float: left; }

.left  { clear: left; float: left; }
.right { float: right; }

.availability { margin: 0; }

.price { background: #f9f0eb; color: #376078; float: right; font-size: 1em; font-weight: bold; margin: 0; padding: 0; }
.price i { font-weight: normal; }

.service        { background: url(../graphics/dottedLine.png) 100% 1.8em no-repeat; zoom: 1; }
.service h4     { background: #f9f0eb; float: left; display: inline; padding: 0 4px 0 0; }
.service .price { font-size: 1.8em; }

.pricelist                { list-style: none; margin: 0 0 1.6em; padding: 0; }
.pricelist li             { background: url(../graphics/dottedLine.png) 100% 75% no-repeat; zoom: 1; }
.pricelist .service       { background: #f9f0eb; display: inline; float: left; overflow: visible }
.pricelist .service small { color: #666; font-size: 0.7em; }

.hours, .sales    { margin-top: 1.6em; }
.hours .pricelist { margin: 0; }

/* Footer */
#footer      { background: url(../graphics/content-bottom.png) left bottom no-repeat; color: #333; clear: both; padding: 0 24px 16px; width: 928px; zoom: 1; }
#footer p    { margin: 0 0 0.5em; text-align: right; }
#footer div  { border-top: 1px solid #333; padding: 8px 0; zoom:1; }
#footer b    { color: #333; }

/* Clear Fixes */
#footer div:after, #footer:after, .pricelist li:after,.service:after, #content:after, #metaheader:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}