/* CSS Document */


/* Global Styles */
html { background:url('/img/bkgrd_btm.jpg') repeat-x left bottom; }

body { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666666; background:url('/img/bkgrd_top.jpg') repeat-x left top; min-height:100%;  padding:0; margin:0; }

a { color: #525566; text-decoration:underline; }
a:hover { color: #872d00; }

img { border:none; }

.body_content, .body_content_wide, p { line-height:15px; word-spacing:1px; }

.body_content ul, .body_content_wide ul { line-height:18px; padding:10px 0 25px 25px; margin:0; word-spacing:1px; }

.spacer { clear:both; }

.rule_wide, .rule_small { border: thin solid #8489A6; border-width: 1px 0 0 0; margin: 20px 0; width:800px; }
.rule_small { width:450px; }

/*NAVIGATION*/
.logo_main { position:relative; float:left; top:0px; left:8px; }
.menu { background:url('/img/navbar_bkgrd.png') no-repeat; width:958px; height:34px; position:relative; top:20px; }

.navBar { list-style-type:none; position:relative; margin:0 0 0 330px; padding:0; top:0; }
.navBar li { display:inline; display:block; margin:0; padding:0; }
.navBar a { margin:0 3px; float:left; text-indent:-9999px; position:relative; }
.navBar a:hover { background-position: left -34px; }

.nav_home { background: url('/img/nav_home.png') no-repeat; width:66px; height:34px; }
/*.nav_custom_hairpieces { background: url('/img/nav_custom_hairpieces.png') no-repeat; width:163px; height:34px; }*/
.nav_hair_extensions { background: url('/img/nav_hair_extensions.png') no-repeat; width:140px; height:34px; }
.nav_treatments { background: url('/img/nav_treatments.png') no-repeat; width:102px; height:34px; }
.nav_appointments { background: url('/img/nav_appointments.png') no-repeat; width:122px; height:34px; }
.nav_about_us { background: url('/img/nav_about_us.png') no-repeat; width:84px; height:34px; }
.nav_faq { background: url('/img/nav_faq.png') no-repeat; width:49px; height:34px; }

.navBar div { position:absolute; z-index:10; width:150px; top:34px; visibility:hidden; background:#56568f; margin:0; }
.navBar div a { position:relative; float:none; text-indent:0; display:list-item; margin:1px 0; padding:10px 23px 10px 8px; width:auto; white-space:nowrap; text-align:left; text-decoration:none; background:#ccfffd; color:#56568f; font:11px Verdana; }
.navBar div a:hover { background:#99cdff; color:#56568f; }

#m1 { margin:0 0 0 221px; }
#m2 { margin:0 0 0 329px; }
#m3 { margin:0 0 0 391px; }

/*BODY*/
.body_top { background:url('/img/body_top.png') no-repeat; position:relative; top:10px; padding-top:10px; margin:0; width:974px; height:8px; }
.body_main { background:url('/img/body.png') repeat-y; width:974px; margin:0px;  }
.body_btm { background:url('/img/body_btm.png') no-repeat; margin:0 0 10px 0; width:974px; height:8px; }
.body_layout { background:url('/img/main_home.jpg') no-repeat 8px 0; }
.body_content, .body_content_wide { padding:75px 50px 0 475px; text-align:left; min-height:918px; }
.body_content_wide { padding:10px 50px; min-height:100px; }

.title { font-size:17px; }

.gallery { float:left; margin:10px 0 20px 0; }
.gallery img, .border { margin:3px; border:thin solid #6666CC; border-width:1px; }

.photoBox { float:left; margin-top:10px; }
.photoBox img { margin:5px 10px 5px 0; }

.boxRight { float:right; margin-top:10px; border:thin solid #6666CC; border-width:1px; padding:20px; width:130px; margin:35px 0 0 10px; }
.boxRight ul { list-style-type:none; padding:0; margin:0; }
.boxRight ul li { margin:10px 0; }

fieldset { border:thin solid #6666CC; border-width:1px; }
fieldset legend { font-size:13px; font-weight:bold; margin-bottom: 0; }

/* CSS Shadows */

#ss_img_div { margin-left:13px; }

.img-shadow-right {
  float:right;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  #background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  #margin: 10px 0 0 5px;
  }

.img-shadow-left {
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  #background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  #margin: 10px 0 0 5px;
  }

.img-shadow-right img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #6666CC;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
  .img-shadow-left img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #6666CC;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }