*{
  margin: 0px;
  padding: 0px;
}

body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #333333;
  background-color: #f6f6f6;
}

a {
  color: #999;
  text-decoration: none;
}

a:hover {
  color: #666666;
  outline:none;
}

form {
  margin: 0;
}

p {
  font-size: 1.2em;
  margin: 0.8em 0;
  line-height:20px;
}

/* fixes */
.clearfix {
  display: inline-block;
  display: block;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* images */
img {
  border: none;
}

img.logo {
  margin: 16px 8px 0;
}

/* layout */
#container {
  margin: 0 auto;
  width: 650px;
}

#footer{
  margin: 30px 0;
  padding: 10px 8px;
  color: #999;
  border-top: 1px dotted #bbb;
}

#footer img.logo{
  float: right;
  margin: 8px;
}



#footer .address{
  width: 400px;
  margin-bottom: 20px;
}

#footer p {
  margin: 2px 0;
}


/* banners */
#content a.banner{
  margin: 0;
  border: 0;
  padding: 0;
}
img.banner{
  margin: 5px 0 0 0;
}



/* headers */
h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
  margin: 10px 0 5px 0;
  color: #333;
}

h3 > p{
  margin-top: 0;
}


#content > h1{
  margin-top: 10px;
}

h1 {
  font-size: 2.4em;
  margin: 0 0 10px 0;
}

h2 {
  font-size: 2em;
}

.book-detail > h2{
  margin-top: 0;
}

h3 {
  font-size: 1.8em;
  margin: 10px 0 0 0;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.9em;
}

/* nav */
ul.nav li{
  margin: 10px 5px;
  float: left; 
  margin-right: 20px;
}

ul.nav {
  text-transform: uppercase;
  list-style-type: none;
  color: #999;
  padding: 0 5px;
  margin:0;
  clear: both;
}

ul.nav li.last{
  margin-right: 0;
}

ul.nav li a{
  text-decoration: none;
}

ul.nav li a:hover{
  color: #333;
}


ul.nav.main{
  font-size: 1.3em;
  height: 28px;
  background-color: #fcfcfc;
  width: 640px;
  border: 1px dotted #bbb;
}

ul.nav.therapy,
ul.nav.options{
  float: right;
}


/* nav bar */
#nav {
  background: url(images/nav.png) no-repeat;
  height: 36px;
  width: 650px;
  margin: 0 auto;
}

#nav span {
  display: none;
}




#nav li {
  list-style-type: none;
  float: left;
}

#nav a {
  height: 36px;
  display: block;
}

/* all same width */
#nav li{ 
  width: 108px;
}


/* selected */
body#home #nav    li.home    a { background: url(images/nav.png)  0px   -72px no-repeat; }
body#therapy #nav li.therapy a { background: url(images/nav.png) -108px -72px no-repeat; }
body#team #nav    li.team    a { background: url(images/nav.png) -216px -72px no-repeat; }
body#blog #nav    li.blog    a { background: url(images/nav.png) -323px -72px no-repeat; }
body#books #nav   li.books   a { background: url(images/nav.png) -432px -72px no-repeat; }
body#contact #nav li.contact a { background: url(images/nav.png) -540px -72px no-repeat; }

/* rollover */
#nav li.home    a:hover { background: url(images/nav.png)  0px   -36px no-repeat; }
#nav li.therapy a:hover { background: url(images/nav.png) -108px -36px no-repeat; }
#nav li.team    a:hover { background: url(images/nav.png) -216px -36px no-repeat; }
#nav li.blog    a:hover { background: url(images/nav.png) -324px -36px no-repeat; }
#nav li.books   a:hover { background: url(images/nav.png) -432px -36px no-repeat; }
#nav li.contact a:hover { background: url(images/nav.png) -540px -36px no-repeat; }


/* down */
#nav li.home    a:active { background: url(images/nav.png)  0px   -108px no-repeat;   }
#nav li.therapy a:active { background: url(images/nav.png) -108px -108px no-repeat;  }
#nav li.team    a:active { background: url(images/nav.png) -216px -108px no-repeat;  }
#nav li.blog    a:active { background: url(images/nav.png) -323px -108px no-repeat;  }
#nav li.books   a:active { background: url(images/nav.png) -432px -108px no-repeat;  }
#nav li.contact a:active { background: url(images/nav.png) -540px -108px no-repeat;  }



/* sub nav selected*/
body#physiotherapy    ul.therapy li.physio a,
body#exercisetherapy ul.therapy li.exercise a,
body#massagetherapy   ul.therapy li.massage a, 
body .nav li.current a{
  color: #333;
}




/* redcoded */
#footer .redcoded{
  float:right;
  margin: 16px;
  display: block;
}

#footer .redcoded a{
  font-size: 13px;
  font-family: Georgia,Times,serif;
  float: right;
  clear: both;
  font-weight: bold;
}

#footer .redcoded span.copywrite{
  font-size: 9px;
  float: right;
  clear: both;
}

/* mail chimp */
.mc-subscriber-count{
  width: 400px;
}