body {
  padding: 0;
  border: 0;
  margin: 0;
  color: #3F3E29;
  background: #FCF3B9;
  /* min-width: 600px; */
  /* min-height: 300px; */
}

h1 {font-size: 1.1em;}

h2, h3 {font-size: 1em;}

/* a {text-decoration: none;} */

a:link {color: #B42E34;}

a:visited {color: #3F3E29;}

a:hover, a:active {
  color: #B42E34;
  text-decoration: underline;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 85px;
  background: transparent url('images/WholeSelfSolutions_TypeLogo.gif') no-repeat 10px 10px;
  border-bottom: 2px solid #3F3E29;
}
#header h1 {
  padding-left: 225px;
  min-width: 100px;
  text-align: left;
  color: #3F3E29;
  line-height: 24px;
}

#header h1#subhead1 {text-indent: -9999px;}

#header h1#subhead2  {
  position: absolute;
  left: 225px;
  padding-left: 0;
  padding-right: 175px;
  background: transparent url('images/gradient_01.jpg') repeat-y left center;
  border: 1px solid #3F3E29;
  border-left: 0;
  border-top: 0;
}

#contact {
  position: absolute;
  /* bottom: 1em; */
  /* left: 0; */
  top: 87px;
  left: 9em;
  /* width: 100%; */
  width: 73%;
  height: 36px;
  text-align: right;
  padding-bottom: .5em;
  z-index: 101;
}

#contact h1 {
  padding: 0px 1.0em 0px 0px;
  border: 0;
  margin: 0px 0.9em 0px 0px;
  background: url('images/swirlswooshb.gif') no-repeat center right;
}

#contact h1 span#phone {
  margin: 0px 1.5em 0px 1.5em;
  padding-left: 2.5em;
  background: url('images/swirlswoosha.gif') no-repeat center left;
  letter-spacing: .15em;
  font-size: 1.25em;
}

#contact h2 {
  padding: 0px 1em 1em 0px;
  border: 0;
  margin: 0;
  margin-top: -10em;
}

#navigation {
  position: absolute;
  top: 87px;
  left: 0;
  width: 10em;
  height: 329px; /* 69%; */
  min-width: 139px;
  min-height: 400px;
  max-height: 84%;
  margin: .5em;
  border-right: 2px solid #3F3E29;
  background: url('images/SwirlFlowerTransparent.gif') no-repeat left 10px;
}

#navigation ul {
  padding: 2em 0px 0px 0px;
  margin: 0px 0px 0px .5em;
  list-style-type: none;
}

#navigation ul li a {text-decoration: none;}

#navigation ul li a:link {color: #B42E34;}

#navigation ul li a:visited {color: #3F3E29;}

#navigation ul li a:hover, #navigation ul li a:active {
  color: #B42E34;
  text-decoration: underline;
}

#navigation ul li:hover {
  background: url('images/navbullet_01.gif') no-repeat left center; 
}

#navigation ul li.lvl1 {padding-left: 1.5em;}

#navigation ul li.lvl2 {padding-left: 2.5em;}

body#home div#navigation ul li#nav_home
, body#counseling div#navigation ul li#nav_counseling
, body#hypnotherapy div#navigation ul li#nav_hypnotherapy
, body#weightloss div#navigation ul li#nav_weightloss
, body#stopsmoking div#navigation ul li#nav_stopsmoking
, body#otherhypnosis div#navigation ul li#nav_otherhypnosis
, body#successstories div#navigation ul li#nav_successstories
, body#about div#navigation ul li#nav_about
 {
  background: url('images/navbullet_01b.gif') no-repeat left center;
}

#content {
  position: absolute;
  top: 87px;
  left: 9em;
  width: 73%;
  height: 73%;
  min-height: 150px; /* 190px */
  /* max-height: 55%; *//* 600px */
  padding-right: 1em;
  font-size: 1.1em;
}

#main {
  /* position: absolute; */
  padding-left: 2em;
  padding-right: 1em;
  width: 95%;
  height: 60%;
  /* overflow: auto; */
  line-height: 1.2em;
}

.endmark {
  height: 1em;
  position: relative;
  top: 2px;
}

#footer {
  position: absolute;
  /* bottom: 1em; */
  top: 200px;
  left: 0;
  width: 100%;
  border-top: 2px solid #3F3E29;
  border-right: 2px solid #3F3E29;
  padding-top: .2em;
  /* text-align: center; */
  line-height: 1.2em;
  /* background: #FCF3B9; */
  /* display: none; */
  margin-left: 0;
  padding-left: 0;
}

#bottomnav ul {
  padding: 0;
  /* margin: 0px 0px 0px 1.2em; */
  margin: 0;
  list-style-type: none;
  font-size: 0.8em;
}

#bottomnav ul li {
  float: left;
  padding: 0px 1em 0px 1.75em;
  margin: 0;
  /* border: 2px solid transparent; */
  /* border-top: 0; */
  /* background: url('images/navbullet_02.gif') no-repeat left center; */
}

#bottomnav ul li.first {
  /* background: transparent; */
}

body#sitemap div#bottomnav ul li#nav_sitemap
, body#linkexchange div#bottomnav ul li#nav_linkexchange
, body#privacy div#bottomnav ul li#nav_privacy
, body#legal div#bottomnav ul li#nav_legal
, body#feedback div#bottomnav ul li#nav_feedback
, body#directions div#bottomnav ul li#nav_directions
, body#contactme div#bottomnav ul li#nav_contactme
, body#glossary div#bottomnav ul li#nav_glossary
, body#faqs div#bottomnav ul li#nav_faqs
, body#help div#bottomnav ul li#nav_help
 {
  background: url('images/navbullet_01b.gif') no-repeat -.1em center;
}

#bottomnav ul li a {text-decoration: none;}

#bottomnav ul li a:link {color: #B42E34;}

#bottomnav ul li a:visited {color: #3F3E29;}

#bottomnav ul li a:hover, #bottomnav ul li a:active {
  color: #B42E34;
  text-decoration: underline;
}

#bottomnav ul li:hover, #bottomnav ul li.first:hover {
  background: url('images/navbullet_01.gif') no-repeat -.1em center;
}

body#sitemap div#content div#main h2 {
  margin-bottom: -.2em;
}

body#sitemap div#content div#main a {
  display: list-item;
  margin-left: 1em;
  width: 100px;
}

q:before, q:after {
  content: "";
}

.pullquote {
  position: absolute;
  top: 1em;
  right: 1.0em;
  width: 7em;
  padding-top: .2em;
  padding-left: .2em;
}

.pullquote h2 {
  padding-left: 1.8em;
  background: url('images/openquotes.gif') no-repeat left top;
}

.pullquote h2 span {
  padding-right: 1.8em;
  background: url('images/closequotes.gif') no-repeat right bottom;
}

.define {text-decoration: underline;}

.stageleft {text-indent: -9999px;}

.signpost {
  padding-left: .5em;
  border: 1px solid #3F3E29;
  border-right: 0;
  border-top: 0;
  width: 75%;
  color: #3F3E29;
  background: transparent url('images/gradient_01b.jpg') repeat-y right top;
  font-size: 1.2em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

ul#successes {
  list-style-type: none;
}

.phone {
  letter-spacing: .15em;
  font-size: 1.1em;
}

#counter span {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  text-indent: -9999px;
}

/* #FCF3B9 - cream */
/* #B42E34 - maroon */
/* #3F3E29 - chocolate */