/* Color Guide

#c3d49b mint -- background
#677041 dark mint -- top strip, header text, copy text under brown headings
#643c36 burnt -- copy text
#ff5f3d pink -- nav hover, paragraph popouts
#574540 brown -- subheadings
*/

html {font-size: 100.01%}
body {
  margin: 0;
  padding: 0;
  background: #c3d49b url(images/background.jpg) repeat-x top left;
  font: 76% Verdana, Bitstream Vera Sans, sans-serif;
  text-align: center;
}
img {border: 0; z-index: 0;}

.note {font-size: 0.8em;}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

dl.services, dl.opportunities {
  float: right;
  width: 250px;
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
}
dl.services dt, dl.opportunities dt {color: #643c36; font-weight: bold; margin: 0.5em 0;}
dl.services dd, dl.opportunities dd {color: #677041; margin: 0.5em 0; line-height: 1.2em;}
dl.services dd span {color: #ff5f3d; font-weight: bold;}
dl.services dd p {margin: 0; font-style: italic;}
dl.services dd strong {font-weight: normal;}
div.service_info, div.opportunities_info {float: left; margin-left: 200px; width: 200px; color: #ff5f3d;}
div.service_info p.note {color: #677041; font-size: 0.875 em; font-style: italic; font-weight:bold}
div.opportunities_info address {color: #677041;}

#wrap {
  margin: 0 auto;
  width: 750px;
  text-align: left;
}

#container {
  padding: 0 10px;
  border-top: 5px solid #677041;
  background-color: white;
}
.clip {background: white url(images/clip.gif) no-repeat bottom right;}
.arty {background: white url(images/arty.jpg) no-repeat bottom right;}
.hair {background: white url(images/chair.jpg) no-repeat bottom left;}
.spa {background: white url(images/spa.jpg) no-repeat bottom left;}
.nails {background: white url(images/nails.jpg) no-repeat bottom left;}
.cut {background: white url(images/cut.jpg) no-repeat bottom left;}

#header {position: relative; margin-top: 10px; text-align:center;}
#topnav {position: absolute; top: -10px; right: 0;}

#services-menu {
  position: absolute;
  top: 135px;
  left: 160px;
  z-index: 500;
  zoom: 100%;
}

#nav{
  position: relative;
  margin-top: 5px;
  height: 45px;
  background: #fff url(images/nav.png) no-repeat bottom left;
  font-size: 1em;
  font-weight: bold;
  color: #677041;
  text-transform: uppercase;
}
#nav span.mixed-case {text-transform: none;}
#nav ul {
  display: inline;
  position: absolute;
  left: 0;
  bottom: 5px;
  margin:0 10px;
  padding: 0;
  width: 100%;
}
#nav li {
  display: inline;
  margin: 0 10px;
  list-style-type: none;
}
#nav a:link, #nav a:visited, #footer a:link, #footer a:visited {color: inherit; text-decoration: none;}
#nav a:hover, #nav a:active {color: #ff5f3d;}

#content {
  margin: 15px 0px 10px 0px;
  min-height: 370px;
  font-size: 1em; line-height: 1.2em; color: #643c36;
}

#info {width: 20em; margin: 40px 0 0 25px;}

#map {float: right;}

#about, #promotions {
  text-align: center;
  width: 600px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;  
  margin: 0 auto;
}
#about p, #promotions p {margin-top: 0; color: #ff5f3d;}
#about ul {margin: 0 auto; padding: 0;}
#about li {
  display: inline;
  float: left;
  width: 180px;
  height: 80px;
  padding: 0 5px 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px dotted #a9a9a9;
  border-width: 0 0 0 1px;
  text-align: left;
}
#about li.first-of-type {border-width: 0;}
#about li h4 {margin: 0; color: #574540;}
#about li p {margin: 0; color: #677041;}

#print-coupons:hover {cursor: pointer; cursor: hand;}
div.coupon {padding: 10px 0;}

#directions {
  height: 330px;
  border: 5px solid #f1f5e8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px 15px 5px 25px;
}

#footer {
  margin: 10px 0;
  clear:both;
  color: #677041;
}
#footer img {margin:0;}
#footer ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
#footer li {
  display: inline;
  margin: 0 10px;
  list-style-type: none;
  font: 0.8em Andale Mono, Monaco, Bitstream Vera Sans Mono, monospace;
  text-transform: uppercase;
}