* { margin: 0; padding: 0; list-style-type: none; }
body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; background: #f1f1f1 url(../images/body_bg.jpg) no-repeat 50% 0; color: #000; }
a img { border: 0; }
p { margin: 0 0 1em; line-height: 1.5em; color: #333; }
a:link,a:visited { color: #6C2769; font-size: 1.2em; }

/* Page Structure
-----------------------------------------------*/
#wrap { margin: 30px auto 0; width: 808px; background: url(../images/content_bg.jpg) repeat-y 0 0;  }
#wrap_inner { padding: 19px 19px 0; background: url(../images/wrap_top.jpg) no-repeat 0 0;  }
#logo, #content { margin: 0 20px 20px; }

/* Headings
-----------------------------------------------*/
h1, h2, h3, h4, h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;	margin: 0; padding: 0; }
h1 { font-size: 1.8em; }
h3 { margin-bottom: .2em; font-size: 1.2em; color: #6C2769; }
h3 span { font-weight: normal; font-size: .8em; }

/* Header
-----------------------------------------------*/
#head { margin-bottom: 1em; border: 1px solid #f0f0f0; border-width: 0 1px; background: #fefefe url(../images/header_bg.png) repeat-x top center; }
body.subpage #head { background: url(../images/header_woman.jpg) no-repeat top left; }
#logo { float: left; margin: 0 20px 15px; }
#logo img { width: 0; }
#logo span { display: block; width: 283px; height: 164px; background: url(../images/logo_hi_res.png) no-repeat 0 0; }
#logo a { display: block; width: 283px; }
#tagline { float: right; }

/* Navigation
-----------------------------------------------*/
#nav { clear: both; width: 768px; height: 25px; background: url(../images/nav.png) no-repeat; position: relative; }
#nav li { position: absolute; top: 0; }
#nav li, #nav li a { display: block; height: 25px; }
#nav li a { text-indent: -9999px; overflow: hidden; }

/* LI positioning */
#nav_home { left: 0; width: 73px; }
#nav_about { left: 73px; width: 104px; }
#nav_services { left: 177px; width: 96px; }
#nav_appt { left: 273px; width: 134px; }
#nav_gift { left: 407px; width: 147px; }
#nav_gallery { left: 554px; width: 88px; }
#nav_contact { left: 642px; width: 126px; }

/* You are here...Page Identification
Must add an id attribute to each BODY tag */
#nav_home a:hover, body#home #nav_home { background: url(../images/nav.png) no-repeat 0 -25px; }
#nav_about a:hover, body#about #nav_about { background: url(../images/nav.png) no-repeat -73px -25px; }
#nav_services a:hover, body#services #nav_services { background: url(../images/nav.png) no-repeat -177px -25px; }
#nav_appt a:hover, body#appt #nav_appt { background: url(../images/nav.png) no-repeat -273px -25px; }
#nav_gift a:hover, body#gift #nav_gift { background: url(../images/nav.png) no-repeat -407px -25px; }
#nav_gallery a:hover, body#gallery #nav_gallery { background: url(../images/nav.png) no-repeat -554px -25px; }
#nav_contact a:hover, body#contact #nav_contact { background: url(../images/nav.png) no-repeat -642px -25px; }

/* Content
-----------------------------------------------*/
#content { margin: 0 0 0 26px; padding: 0 0 1em; min-height: 367px;}
#content { min-height: 376px; height: auto !important; height: 376px; }
#content .left { margin: 1em 0; padding-right: 5px; border-right: 1px solid #ccc; width: 340px; float: left; display: inline;}
#content .right  { margin: 1em 0; margin-right: 20px;  width: 340px; float: right; display: inline;  }


body#home #content .left { border: none; }
/* Homepage (id = home) */
/* body#home #content { background: url(../images/woman_hair.jpg) no-repeat bottom right; } */
body#home #content .left p { width: 370px; font-size: 1.2em; line-height: 1.6em; }
body#home #content p.address { margin: 0; width: 330px; padding: 5px 10px; background: transparent url(../images/address_bg.png); border: 1px solid #ccc; color: #333; }
a#tv_spot { text-decoration: none; color: #333; font-size: 1em; }
a#tv_spot span { display: block; margin: 0 0 3px; }

#center  { margin: 1em 0; margin-right: 20px;  width: 730px; float: left; font-size: 1.2em; line-height: 1.8em; }

/* Services (id = services) */
body#services #content .left { width: 270px; float: left; border: 0;}
body#services #content .right  { margin: 10px 20px 0 0; padding-left: 20px; border-left: 1px solid #ccc; width: 405px; float: right;  }
body#services .right h1 { margin-bottom: .5em; }
.service_prices { margin-bottom: 1em; }
.service_prices li { line-height: 1.5em; background: url(../images/1px_dotted.gif) repeat-x 0 77%;
background-position: 0 61%; color: #333;}
.service_prices li.nobg { background: none; font-style: italic; }
.service_prices li span { float: left; background: #fff; }
.service_prices li span.cost { float: right; background: #fff; }
.service_prices a { font-size: 1.2em; line-height: 1.5em; text-decoration: none; }
.infoblock { margin-bottom: 1em; }
/* .infoblock a { padding-left: 10px; background:url(../images/closed.gif) no-repeat 0 50%; } */
#h_services { margin-bottom: .5em; }
ul#services_toc { margin: 0 0 1em; }

/* Appointment (id = appt) */
body#appt #content .left { border: 0; }
#make_appointment { margin-bottom: .5em; }

/* About (id = about) */
.affiliates { padding-top: 1em; border-top: 1px solid #ccc; }
.affiliates a { display: block; float: left; margin: 1em; }
body#about #content .left { padding-right: 20px; width: 332px; }
body#about #content .right { width: 340px; }

/* Contact (id = contact) */
body#contact #content .right  { padding-left: 15px; border-left: 1px solid #ccc; margin: 1em 0; margin-right: 20px;  width: 340px; float: right;  }
body#contact #content .left { border: 0; }
h1#h_contact { margin: 20px 0 0; }
a#map img { margin: .5em 0; border: 1px solid #ccc; padding: 4px; }
a#map:hover img { border: 1px solid #6C2769;  }

/* Gift Packages (id = gift)
-----------------------------------------------*/
body#gift #content ul li { margin-left: 15px; line-height: 1.5em; list-style-type: disc; }
body#gift #content .left { padding-right: 20px; width: 332px; }
body#gift #content .right { width: 340px; }
p.gift_price { margin: .5em 0 ; padding: 2px 0; line-height: 1em; color: #6C2769; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #6C2769; }
body#gift p.gift_price { margin-top: 0; margin-bottom: 1em; padding-top: 0; text-align: right; }

/* Sidebar (Subpages)
-----------------------------------------------*/
#sidebar { width: 47%; float: right; }

/* Footer
-----------------------------------------------*/
#footer { margin: 0 auto; padding: 23px 19px 0; width: 770px; background: url(../images/footer_bg.jpg) no-repeat top left; font-size: .9em; color: #999; }
#footer p { line-height: 2em; }
#footer .left { width: 75%; float: left; }
#footer .right { width: 20%; float: right; }

/* Headings - Image Replacement
-----------------------------------------------*/
#about_jere { margin-bottom: 4px; }

/* Forms
-----------------------------------------------*/
label { display: block; }
input, textarea, select { width: 300px; margin: 0 0 1em; }
textarea { height: 100px; }
form p { margin: 0; }
#submit { width: 100px; }
label .warning { font-weight: normal; color: #b61702; }
p.warning { display: block; width: 300px; margin: 0 0 1em; padding: 10px; border: 3px solid #ff0000; background: #fcecec; text-align: center; color: #000; }
p.success { display: block;	width: 300px; margin: 0 0 1em; padding: 10px;	border: 3px solid #339933; background: #D7FFD7; text-align: center; color: #000; }

/* Utility Classes
-----------------------------------------------*/
.hide { display: none; }
.clear { clear: both; }
.pdf_links { display: block; line-height: 2em; padding-left: 20px; background: url(../images/pdf.png) no-repeat 0 50%; }

/* javascript Hooks
-----------------------------------------------*/
#service_prices.dyn div.infoblock { display: none; }
#service_prices.dyn div.show { display: block; }

/* There is an IE hack associated with this rule (ie5_6.css) */
ul#services_toc li a { display: block; padding: 5px 5px 5px 18px; font-size: 1.2em; text-decoration: none; background:url(../images/closed.gif) no-repeat 2% 50%; } 

#services_toc a.current, #services_toc a:hover { font-weight: bold; text-transform: uppercase;  color: #fff; background-color: #6C2769; background-image: url(../images/closed_over.gif); }
