/**********************/
/* general properties */
/**********************/

/* (86,82,52) (87,92,51) (88,102,50) (89,112,49) (90,122,48) (92,135,45) (113,148,68) (134,161,91) (155,174,114) (176,187,137) (197,200,160) */

img {
  border: none;
}

body {
  margin: 20px;
  border: 0px;
  padding: 0px;
  /*  font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black;
  background: rgb(197,200,160);
}

h1 { 
  font-size: 160%;
  font-variant: small-caps;
  text-align: center;
  text-transform: capitalize;
}

h2 { 
  font-size: 140%;
  font-style: italic;
  text-align: left;
  text-transform: capitalize;
}

h3 { 
  font-size: 120%;
  text-align: left;
  text-transform: capitalize;
}

p.caption {
	text-align: center;
	font-style: italic;
	font-size: 90%;
}

.centered {
	text-align: center;
}

a {
  color: rgb(92,135,45);
  text-decoration: underline;
  outline: none;
}

blockquote {
	font-style: oblique;
}

/*******************/
/* the sections    */
/*******************/

#header { 
  margin: 0px 0px 20px 0px;
  border: 1px solid black;
  padding: 5px;

  background-color: rgb(153,87,32);
  background-image: url(../images/ruth.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;

  color: white;
  font-size: 125%;
}

#header a {
	color: white;
}

#head_left {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  text-align: left;
}

#head_right {
  margin: 0px 0px 0px 50%;
  padding: 10px;
  text-align: right;
}

#postheader {
  display: none;
  clear: both;

  margin: 0px;
  margin-bottom: 20px;
  border: 1px solid black;
  padding: 10px;
  text-align: center;
  
  background-color: rgb(153,87,32);
  color: white;
}

#postheader h2 {
  text-align: center;
}

#postheader a {
  color: white;
}

#content {
  margin: 0px 0px 0px 162px; /* the 162px leaves room for the menu */
  border: 0px;
  padding: 0px;
}

#prefooter { 
  clear: both;

  margin: 0px;
  border: 0px;
  padding: 0px;
}

#footer { 
  clear: both;

  margin: 20px 0px;
  border-top: 1px solid black;
  padding: 0px;

  text-align: center;
  font-size: 80%;
  font-style: italic;
}

#badges { 
  margin: 0px;
  border: 0px;
  padding: 0px;

  text-align: center;
}

img.badge {
  border: 0px;
  width: 88px;
  height: 31px;
}

p.aveda { 
  text-align: center;
}

img.aveda-logo { 
  border: 0px;
  width: 125px;
  height: 50px;
}

img.aveda-shop { 
  border: 0px;
  width: 173px;
  height: 50px;
}

/********************/
/********************/
/********************/

.box1e, .box2e, .box3e {
  margin: 0px 0px 20px 0px;
  border: 1px solid black;
  padding: 0px;
}

.box1,  .box2,  .box3 {
  margin: 0px 0px 20px 0px;
  border: 1px solid black;
  padding: 0px;

  background: white;
}

.box1e h1, .box1 h2, .box2 h3, .box2e h2, .box3e h3 {
  margin: 0px;
  border: 0px;
  padding: 10px;
}

.box1 h1, .box2 h2, .box3 h3 {
  margin: 0px;
  border-bottom: 1px solid black;
  padding: 10px;
}

.box1 h1, .box1e h1  { 
  background: rgb(153,87,32);
  color: white;
}

.box2 h2, .box2e h2  { 
  background: rgb(113,148,68);
  color: white;
}

.box3 h3, .box3e h3  { 
  background: rgb(201,188,15);
  color: white;
}

.box1 p, .box2 p , .box3 p  { 
  margin: 0px;
  border: 0px;
  padding: 10px;
}

.box1 table, .box2 table, .box3 table { 
  margin: 10px;
  border: 0px;
  padding: 0px;
}

.ruth {
	font-weight: bold;
	font-style: italic;
}

.centered {
	text-align: center;
}

#voucher {
	padding: 20px;
	width: 382px;
	height: 370px;
}

/********************/
/********************/
/********************/

#menu {
  float: left;

  margin: 0px;
  border: 0px;
  padding: 0px;

   width: 144px;

  font-size: 80%;
}

#menu a#fb {
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	width: 144px;
	height: 44px;
}

#menu ul {
  margin: 0px;
  border: 1px solid black;
  border-top: 0px;
  padding: 0px;

  list-style-type: none;
}

#menu ul li {
  margin: 0px;
  border-top: 1px solid black;
  padding: 0px;
}

#menu ul li a {
  margin: 0px;
  border: 0px;
  padding: 5px;
  
  color: white;
  text-decoration: none;
  font-variant: small-caps;
  text-transform: capitalize;
  display: block;
  width: 132px;
}

#menu ul li a:link, #menu ul li a:visited {
  text-decoration: none;
  background: rgb(92,135,45);
}

#menu ul li a:hover {
  text-decoration: underline;
  background: rgb(201,188,15);
}

body#about #menu ul li#menu_about a:link,   body#about #menu ul li#menu_about a:hover,
body#about #menu ul li#menu_about a:active, body#about #menu ul li#menu_about a:visited,
body#body #menu ul li#menu_body a:link,   body#body #menu ul li#menu_body a:hover,
body#body #menu ul li#menu_body a:active, body#body #menu ul li#menu_body a:visited,
body#bridal #menu ul li#menu_bridal a:link,   body#bridal #menu ul li#menu_bridal a:hover,
body#bridal #menu ul li#menu_bridal a:active, body#bridal #menu ul li#menu_bridal a:visited,
body#directions #menu ul li#menu_directions a:link,   body#directions #menu ul li#menu_directions a:hover,
body#directions #menu ul li#menu_directions a:active, body#directions #menu ul li#menu_directions a:visited,
body#facials #menu ul li#menu_facials a:link,   body#facials #menu ul li#menu_facials a:hover,
body#facials #menu ul li#menu_facials a:active, body#facials #menu ul li#menu_facials a:visited,
body#foot #menu ul li#menu_foot a:link,   body#foot #menu ul li#menu_foot a:hover,
body#foot #menu ul li#menu_foot a:active, body#foot #menu ul li#menu_foot a:visited,
body#hair #menu ul li#menu_hair a:link,   body#hair #menu ul li#menu_hair a:hover,
body#hair #menu ul li#menu_hair a:active, body#hair #menu ul li#menu_hair a:visited,
body#hand #menu ul li#menu_hand a:link,   body#hand #menu ul li#menu_hand a:hover,
body#hand #menu ul li#menu_hand a:active, body#hand #menu ul li#menu_hand a:visited,
body#info #menu ul li#menu_info a:link,   body#info #menu ul li#menu_info a:hover,
body#info #menu ul li#menu_info a:active, body#info #menu ul li#menu_info a:visited,
body#luxury #menu ul li#menu_luxury a:link,   body#luxury #menu ul li#menu_luxury a:hover,
body#luxury #menu ul li#menu_luxury a:active, body#luxury #menu ul li#menu_luxury a:visited,
body#main #menu ul li#menu_main a:link,   body#main #menu ul li#menu_main a:hover,
body#main #menu ul li#menu_main a:active, body#main #menu ul li#menu_main a:visited,
body#makeup #menu ul li#menu_makeup a:link,   body#makeup #menu ul li#menu_makeup a:hover,
body#makeup #menu ul li#menu_makeup a:active, body#makeup #menu ul li#menu_makeup a:visited,
body#massage #menu ul li#menu_massage a:link,   body#massage #menu ul li#menu_massage a:hover,
body#massage #menu ul li#menu_massage a:active, body#massage #menu ul li#menu_massage a:visited,
body#souderton #menu ul li#menu_souderton a:link,   body#souderton #menu ul li#menu_souderton a:hover,
body#souderton #menu ul li#menu_souderton a:active, body#souderton #menu ul li#menu_souderton a:visited,
body#announcements #menu ul li#menu_announcements a:link,   body#announcements #menu ul li#menu_announcements a:hover,
body#announcements #menu ul li#menu_announcements a:active, body#announcements #menu ul li#menu_announcements a:visited,
body#specials #menu ul li#menu_specials a:link,   body#specials #menu ul li#menu_specials a:hover,
body#specials #menu ul li#menu_specials a:active, body#specials #menu ul li#menu_specials a:visited,
body#newsletters #menu ul li#menu_newsletters a:link,   body#newsletters #menu ul li#menu_newsletters a:hover,
body#newsletters #menu ul li#menu_newsletters a:active, body#newsletters #menu ul li#menu_newsletters a:visited,
body#waxing #menu ul li#menu_waxing a:link,   body#waxing #menu ul li#menu_waxing a:hover,
body#waxing #menu ul li#menu_waxing a:active, body#waxing #menu ul li#menu_waxing a:visited {
  text-decoration: none;
  background: rgb(153,87,32);
}

#badges {
	display: none;
}

#map {
	height: 300px;
}