@import '../css/reset.css';
@import '../css/jquery.jscrollpane.css';
@import '../css/jqtransform.css';
/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
h2 {
  color: #bdcfa8;
  font-size: 70px;
  font-weight: 300;
  font-family: "Muli", Verdana, helvetica, arial, sans-serif;
  margin-bottom: 12px;
  text-transform: lowercase;
  letter-spacing: 2px;
}
.rehab h2,
.infant-massage h2,
.accupuncture h2 {
  font-size: 60px;
}
h3 {
  color: #333333;
  font-size: 1.1em;
  font-weight: bold;
  font-family: "Muli", Verdana, helvetica, arial, sans-serif;
  margin-bottom: 3px;
}
.affiliates h3 {
  margin-bottom: 10px;
}
h4 {
  color: #666666;
  font-weight: 300;
  font-family: "Muli", Verdana, helvetica, arial, sans-serif;
  font-size: 0.8em;
  margin-bottom: 3px;
}
h5 {
  font-weight: bold;
  font-size: 0.8em;
  font-family: "Muli", Verdana, helvetica, arial, sans-serif;
}
.profile-info h5 {
  margin-bottom: 10px;
}
p {
  color: #666;
  font-size: 0.9em;
  font-weight: 300;
  font-family: "Muli", Verdana, helvetica, arial, sans-serif;
  line-height: 1.2em;
  margin-bottom: 1em;
}
strong {
  color: #333;
  font-weight: bold;
  line-height: 1.1em;
}
strong.green {
  color: #5c8727;
  text-transform: uppercase;
}
em {
  font-style: oblique;
}
a img {
  border: none;
}
body {
  font-family: "Muli", Verdana, helvetica, arial, sans-serif;
}
div.center {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
header#top {
  display: inline;
  float: left;
  width: 97.91666667%;
  margin: 0 1.04166667%;
  margin-bottom: 10px;
  padding: 5px 0 0;
}
header#top h1 {
  float: left;
  width: 250px;
}
header#top .facebook,
header#top .googleplus {
  float: right;
  margin-top: 70px;
  width: 32px;
}
header#top .facebook a,
header#top .googleplus a {
  text-decoration: none;
}
header#top .facebook {
  margin-left: 8px;
}
img.logo {
  width: 250px;
}
nav {
  background-color: #5c8727;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline;
  float: left;
  width: 97.91666667%;
  margin: 0 1.04166667%;
  margin-bottom: 5px;
  padding: 10px 0;
  text-align: center;
}
/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav {
  list-style: none;
  font-weight: bold;
  /* Clear floats */
  float: left;
  width: 100%;
  /* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
  position: relative;
  z-index: 10;
}
#nav li {
  border-right: 1px solid #8dab68;
  border-left: 1px solid #8dab68;
  float: left;
  position: relative;
  width: 154px;
}
#nav li:last-child,
#nav li.last {
  border-right: none;
}
#nav li:first-child,
#nav li.first {
  border-left: none;
}
#nav a {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
}
#nav a:hover {
  color: #bdcfa8;
}
/*--- DROPDOWN ---*/
#nav ul {
  background: #5c8727;
  /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
  list-style: none;
  position: absolute;
  left: -9999px;
  /* Hide off-screen when not needed (this is more accessible than display:none;) */
  text-align: left;
}
#nav ul li {
  border: none;
  /*	padding-top:1px; Introducing a padding between the li and the a give the illusion spaced items */
  float: none;
  width: 180px;
}
#nav ul a {
  white-space: nowrap;
  /* Stop text wrapping and creating multi-line dropdown items */
  display: block;
  font-size: 12px;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  padding: 0 20px 0 5px;
  text-transform: none;
}
#nav li:hover ul {
  /* Display the dropdown on hover */
  left: 0;
  /* Bring back on-screen when needed */
  padding-top: 9px;
}
#nav li:hover a {
  /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  color: #bdcfa8;
}
#nav li:hover ul a {
  /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  background: #5c8727 url(../images/menu-drop-down-bg.jpg) 0 -28px repeat-x;
  color: #fff;
  height: 28px;
}
#nav li:hover ul li a:hover {
  /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  background: #8dab68 url(../images/menu-drop-down-bg.jpg) 0 0 repeat-x;
  color: #fff;
  height: 28px;
}
.titles {
  display: inline;
  float: left;
  width: 89.58333333%;
  margin: 0 1.04166667%;
  margin-left: 62px;
  height: 87px;
}
.main-wrap {
  background: url(../images/main-body-bg-bottom.gif) 0 100% no-repeat;
  height: 605px;
  max-height: 605px;
  padding: 0 62px 22px;
}
#sidebar {
  float: left;
  width: 416px;
}
.col3 #sidebar {
  width: 106px;
}
.wide #sidebar {
  width: 220px;
}
#maincolumn {
  float: left;
  height: 320px;
  max-height: 320px;
  overflow: auto;
  padding-right: 20px;
  width: 400px;
  position: relative;
  z-index: 1;
}
.home #maincolumn {
  height: 320px;
  max-height: 320px;
}
.col3 #maincolumn {
  width: 720px;
  height: auto;
  max-height: inherit;
  padding: 0;
}
.wide #maincolumn {
  width: 575px;
}
.headshots li {
  float: left;
  height: 41px;
  margin: 0 3px 3px 0;
  width: 45px;
}
.headshots li img {
  width: 45px;
  height: 41px;
}
.profile {
  display: none;
}
.steve {
  display: block;
}
.profile-pic {
  float: left;
  margin: 0px 20px 130px 90px;
  padding: 13px 0 0;
  width: 220px;
}
.profile-info {
  float: right;
  width: 380px;
}
.profile-info p {
  font-size: 0.8em;
}
.content-text {
  padding-bottom: 50px;
}
.content-text ul li {
  background: url(../images/bullet-point.gif) 0 50% no-repeat;
  color: #666666;
  list-style-type: none;
  margin: 0.7em 0;
  font-size: 0.9em;
  padding-left: 16px;
}
.content-text ul.balanced-list {
  margin: 0.7em 0;
  padding: 0;
  list-style: none;
}
.content-text ul.balanced-list li {
  background: none;
  margin: 0.6em 0;
  padding: 0;
  list-style-type: none;
}
.content-text ul.balanced-list strong {
  color: #5c8727;
  text-transform: uppercase;
}
.newTimeTable {
  margin-bottom: 1em;
}
.newTimeTable tr td {
  border-bottom: 1px solid #eaebec;
  color: #666666;
  font-size: 1em;
  padding: 1em 0.5em;
  vertical-align: top;
}
.newTimeTable tr td em {
  color: #999999;
  font-size: 0.8em;
}
.newTimeTable tr td:first-child {
  border-right: 1px solid #eaebec;
  color: #5c8727;
  font-weight: bold;
}
.newTimeTable tr:first-child td {
  border-top: 1px solid #eaebec;
}
.payments .content-text ul {
  padding: 0;
  margin: 0;
}
.payments .content-text ul li {
  background: no-repeat;
  list-style-type: none;
  margin: 1em 0;
  padding-left: 0;
}
.payments .content-text ul li span.type {
  color: #333;
  display: block;
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  width: 290px;
}
.payments .content-text ul li small {
  display: block;
  margin: 0.4em 0 0.5em;
  font-size: 0.9em;
  line-height: 1.4em;
}
.payments .content-text .compound-charges ul li {
  background: url(../images/bullet-point.gif) 0 50% no-repeat;
  list-style-type: none;
  margin-left: 0;
  padding: 0 0 0 12px;
}
.payments .content-text .compound-charges ul li span.type {
  font-weight: normal;
  display: inline;
  width: 195px;
}
#contactform {
  margin-top: 10px;
  padding-bottom: 100px;
}
.jqTransformInputWrapper {
  float: none;
}
.contact form label {
  color: #666;
  float: none !important;
  font-weight: normal;
  display: block;
  margin: 8px 0 3px;
}
.contact form input {
  width: 300px;
}
.jqTransformInputInner div input {
  padding: 0;
}
.contact form textarea {
  width: 300px;
}
button.jqTransformButton {
  margin: 15px 0 0 0;
}
.contact .success {
  background: #bdcfa8;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  padding: 10px;
  margin: 10px 0;
}
p.error {
  background-color: #7a4141;
  border: 1px solid #ea0000;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  padding: 10px;
}
div.stage {
  position: relative;
}
.jqTransformInputInner label.error {
  color: red;
  display: block;
  font-weight: bold;
  font-size: 10px;
  text-align: right;
  position: absolute;
  top: -4px;
  right: 52px;
}
a.download {
  background: url(../images/icon-pdf.gif) 0 50% no-repeat;
  color: #666;
  display: block;
  height: 32px;
  line-height: 12px;
  text-decoration: none;
  padding: 0 0 0 42px;
  margin-bottom: 20px;
  font-size: 12px;
  vertical-align: middle;
}
a.download span {
  display: block;
  padding: 9px 0 0;
}
#sitemap li a {
  color: #5c8727;
}
h3.timeTableHeader {
  color: #5c8727;
  margin: 20px auto 10px;
}
.pilatesTimetable {
  margin-bottom: 20px;
}
.pilatesTimetable thead th {
  border-bottom: 3px solid #5c8727;
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 0 auto 8px;
}
.pilatesTimetable thead th h4 {
  margin: 0;
  padding-bottom: 8px;
}
.pilatesTimetable tbody td {
  border: 2px solid #c9d8b8;
  color: #333333;
  font-size: 12px;
  padding: 11px;
  text-align: center;
  width: 110px;
  vertical-align: middle;
}
.pilatesTimetable tbody td .ampm {
  font-variant: small-caps;
  font-size: 9px;
}
.pilatesTimetable tbody td strong {
  color: #5c8727;
}
.pilatesTimetable tbody td.ptblank {
  background-color: #bdcfa8;
}
h3.termCosts {
  color: #5c8727;
  font-weight: bold;
  margin-bottom: 10px;
}
h3.termCosts small {
  color: #333333;
  font-style: oblique;
  font-size: 12px;
}
footer {
  padding: 0 0 10px;
}
footer .physio-assoc {
  display: inline;
  float: left;
  width: 140px;
  margin: 0 10px;
}
footer .copyright {
  display: inline;
  float: left;
  width: 400px
	color: #999;
  font-size: 11px;
  margin: 16px 10px 0;
}
footer .menu {
  display: inline;
  float: left;
  width: 360px;
  margin: 16px 5px 0;
}
footer .menu ul {
  font-size: 11px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
footer .menu ul li {
  display: inline;
}
footer .menu ul li a {
  border-right: 2px solid #8dab68;
  color: #999;
  margin-right: 8px;
  padding-right: 14px;
  text-decoration: none;
}
footer .menu ul li a strong {
  background: #5c8727;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  padding: 4px;
}
footer .menu ul li a strong:hover {
  background: #bdcfa8;
  color: #333333;
}
footer .menu ul li:last-child a,
footer .menu ul li.last a {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}
/**** iPhone ****/
@media screen and (max-device-width: 480px) {
  footer .menu ul {
    font-size: 7px;
  }
  footer .menu ul li a {
    margin-right: 2px;
    padding-right: 5px;
  }
}