html, body, #wrap {height: 100%;}
html { font-size: 16px; }

body {  
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-size: 62.5%; 
  line-height: 1.8em;
}


/*
--------------------------------------------
GENERAL HTML STYLES
--------------------------------------------
*/


h1 { font-size: 1.4em; font-weight: bold; color: #390074; padding: 12px 0px 18px 0px; }
h2 { font-size: 1.3em; font-weight: bold; color: #390074; padding: 10px 0px 12px 0px; }
h3 { font-size: 1.1em; font-weight: bold; color: #390074; padding: 6px 0px 8px 0px; }
h4 { font-size: 1.0em; font-weight: bold; color: #390074; padding: 6px 0px 8px 0px; } 
h5 {}
h6 {}

p {
  padding-bottom: 8px;
}

ul {margin-bottom: 8px; }
li { padding-bottom: 4px; padding-left: 18px;  }
dl { padding-left: 12px; padding-top: 12px;}
dt { font-weight: bold; }
dd { font-weight: normal; text-indent: 12px; padding-bottom: 8px;}
strong { font-weight:bold; }
blockquote { background: url(../images/quote_wh.gif) top left no-repeat; }
blockquote p { padding-left: 12px; }
blockquote p:before { content: open-quote; }
blockquote p:after { content: close-quote; }
blockquote p.author { text-indent: 12px;}
blockquote p.author:before { content : ''; }
blockquote p.author:after { content : ''; }

a { color: #390074; }
a:hover { color: #996699; }

blockquote { padding-left: 18px; padding-bottom: 6px;}


/*
--------------------------------------------
COMMON STYLES
--------------------------------------------
*/

.hidden { visibility: hidden; }
.introduction { font-weight: bold; }
.clear { clear: both; font-size: 1px; overflow: hidden; height: 1px; }
.indent { padding-left: 18px; }

/*
--------------------------------------------
PAGE STRUCTURE STYLES
--------------------------------------------
*/

#container { width: 933px; margin: 0px auto 24px auto; }

#pageTop, #pageHeader, #pageMainLeft, #pageMainRight, #pageFooter, #pageBottom { font-size: 1.2em; }


#pageTop { height: 94px; margin-bottom: 2px; padding-left: 184px; background: white url(bg_pagetop.gif) top left repeat-y; }
#pageLogo { height:66px; }
h1#logo { padding: 0; margin: 0; }

#pageHeader { clear: both; }
#pageHeader img { margin-left: 2px; float: left; }


#pageMain { clear: both; padding-top: 16px; margin-bottom: 4px;}

#pageMainLeft { margin-right: 410px; padding-left: 25px; padding-right: 12px; }
#pageMainRight { float: right; width: 390px; background: url(bg_pagemainright.gif) top left repeat-y; padding-left: 20px; }


/*
---------------------------------------------------------
OTHER DESIGN-RELATED STYLES
---------------------------------------------------------
*/

.buttons { margin-top: 8px; font-size: 0.85em; }
.buttons div { width: 390px; height: 86px; margin-bottom: 4px; }
.buttons div p { padding: 38px 0px 0px 12px; margin-right: 144px; font-size:1.1em; }
.buttons div a { font-size: 1.2em;
  display: block; 
  width: 112px;
  height: 25px;
  float: right;
  margin-right: 8px;
  margin-top: 60px;
  text-align: center;
  line-height: 25px; color: white; text-decoration: none; }
.buttons div a:hover { color: #eee; text-decoration: underline; }
.buttons .btnSmoking { background: url(../images/btn_smoking.jpg) top left no-repeat; }
.buttons .btnDiets { background: url(../images/btn_diets.jpg) top left repeat-y; }
.buttons .btnConfidence {background: url(../images/btn_confidence.jpg) top left repeat-y; }


/*
---------------------------------------------------------
NAVIGATION STYLES
---------------------------------------------------------
*/

.toplinks, .toplinks li, .topnav, .topnav li, .nav, .nav li {
  margin: 0;
  padding: 0;
 }
 
.toplinks {
  float: right;
  width: 70px;
  padding-top: 24px;
  height: 40px; 
  background-color: white;
}
.toplinks li, .toplinks li a { padding: 0; margin: 0; }
.toplinks li { float: left; display: block; }
.toplinks li a { display: block; width: 22px; height: 22px; background: transparent top left no-repeat; text-decoration: none; overflow: hidden; margin-right: 8px; }
.toplinks #btntophome a { background-image: url(../images/toplistcontact.gif); }
.toplinks #btntopcontact a { background-image: url(../images/toplisthome.gif); }
.toplinks li a:hover { background-position: -22px 0px; }


.topnav { width: 749px; height: 28px; background: #390074 url(bg_topmenu.gif) top left no-repeat; }
.topnav li { float: left; background: url(topnav_div.gif) center left no-repeat; }
.topnav li.first { padding-left: 8px; background-image: none; }
.topnav li a { color: white; background-color: transparent; height: 28px; line-height: 28px; padding: 0px 12px 0px 12px; text-decoration: none; text-align: center;}
.topnav li a:hover { color: #ddd; text-decoration: underline; }
.topnav li a .hidden { visibility: visible; }

.nav { float: left; width: 182px; padding-bottom: 57px; background: #390074 url(bg_leftmenu.gif) bottom left no-repeat; height: 159px; }
.nav a { display: block; height: 24px; line-height: 24px; color: white; text-decoration: none; vertical-align: middle;}
.nav a .hidden {visibility: hidden; }
.nav li a { background-position: 0px 0px; }
.nav li a:hover, .nav .selected a { background-position: 0px 24px; }
 
#navhome a { height: 39px; background-image: url(../images/navhome.gif); }
#navhome a:hover, #navhome.selected a { height: 39px; background-image: url(../images/navhome.gif); background-position: 0px 39px; }

#navaboutus a { background-image: url(../images/navabout.gif); }
#navfaqs a { background-image: url(../images/navfaqs.gif); }
#navtestimonials a { background-image: url(../images/navtestimonials.gif); }
#navcontactus a { background-image: url(../images/navcontactus.gif); }
#navabouthypnosis a { background-image: url(../images/navabouthypnotherapy.gif); }


/*
---------------------------------------------------------
FOOTER STYLES
---------------------------------------------------------
*/

#pageFooter { clear: both; background: #390074 url(bg_pagefooter_bottom.gif) bottom left no-repeat;  color: #ddd; padding-bottom: 6px; font-size: 1.1em; }
#pageFooter p { padding-top: 4px;background: #390074 url(bg_pagefooter_top.gif) top left no-repeat; text-align: center; padding-bottom: 0; }
#pageFooter a { color: white; text-decoration: none; }
#pageFooter a:hover { color: #ddd; text-decoration: underline; }


#pageBottom { clear: both; text-align: right; padding: 4px 0px 4px 0px; font-size: 1.1em; }
#pageBottom p { padding-bottom: 0; }
#pageBottom a { color: #666; text-decoration: none; }
#pageBottom a:hover { color: #333; text-decoration: underline; }