/* ----- Body & Sole screen stylesheet ---------------------------------------------------- */
/* ----- Simon Kitson 2010 ---------------------------------------------------------------- */
/* ----- enjoy. --------------------------------------------------------------------------- */

/*

----- Colours -----

	Main Background: #fff
	Main Green: #9fa617
	Body Grey: #666
	Light Grey: #dadada

----- Dimensions -----

	Site Width: 940px
	Base: 3px 

*/

/* ----- Global Reset --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
* {
	padding: 0; /* global margin and padding reset */
	margin: 0;
}

/* ----- Tags ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
body {
	background: #9fa617;
	text-align: center; /* centre in IE */
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	padding-bottom: 20px;
}
a {
	color: #9fa617;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
ul {
	list-style: none;
}

/* ----- Universal Styles ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.hide {
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
	margin: 0 12px 12px 0;
}
.right {
	float: right;
	margin: 0 0 12px 12px;
}
.div {
	padding-top: 18px;
	border-top: 1px solid #dadada;
}

/* ----- Main Containers ------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.frame {
	margin: 0 auto; /* centre in proper browsers */
	width: 940px;
}
#site {
	float: left;
	width: 100%;
	background: #fff url(../images/backgrounds/gradient.gif) 0 0 repeat-x;
	text-align: left;
}
#site .wrapper {
	float: left;
	width: 100%;
	background: url(../images/backgrounds/floral.jpg) 50% 100% no-repeat;
}
#masthead {
	width: 940px;
	height: 91px;
	font-size: 1.333em; /* 12*1.333=16 */
}
#content {
	clear: both;
	float: left;
	width: 940px;
}
#intro {
	clear: both;
	float: left;
	width: 920px;
	margin-bottom: 18px;
	padding: 0 10px;
	border-bottom: 1px solid #dadada;
}
#intro-ext, .info-ext {
	display: none;
}
#map-canvas {
	float: right;
	width: 432px;
	height: 292px;
	margin: 0 10px 36px 0;
	border: 4px solid #dadada;
}

/* ----- Masthead ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#logo {
	float: left;
	width: 200px;
	height: 59px;
	margin: 20px 0 0 -2px;
}
#logo a {
	display: block;
	width: 200px;
	height: 59px;
	background: url(../images/bodyandsole.png) 0 0 no-repeat !important;
	background-image: url(../images/bodyandsole.gif);
	text-indent: -1000em;
}
#masthead .tel {
	float: right;
	width: 233px;
	height: 19px;
	margin-top: 34px;
	background: url(../images/tel.png) 0 0 no-repeat !important;
	background: url(../images/tel.gif);
	text-indent: -1000em;
}

/* ----- Global Nav ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#global-nav {
	width: 940px;
	height: 40px;
	margin-bottom: 4px;
	background: #9fa617;
}
#global-nav li {
	float: left;
	border-right: 1px solid #bcc15d;
}
#global-nav li a {
	display: block;
	height: 40px;
	color: #fff;
	background-image: url(../images/nav/global_nav.gif);
	text-indent: -1000em;
}
#nav1 a {
	width: 59px;
	background-position: 0 0;
}
#nav2 a {
	width: 122px;
	background-position: -333px 0;
}
#nav3 a {
	width: 131px;
	background-position: -456px 0;
}
#nav4 a {
	width: 153px;
	background-position: -60px 0;
}
#nav5 a {
	width: 118px;
	background-position: -214px 0;
}
#nav6 a {
	width: 115px;
	background-position: -588px 0;
}
#nav7 a {
	width: 72px;
	background-position: -704px 0;
}
#nav1 a:hover {
	background-position: 0 -200px;
}
#nav2 a:hover {
	background-position: -333px -200px;
}
#nav3 a:hover {
	background-position: -456px -200px;
}
#nav4 a:hover {
	background-position: -60px -200px;
}
#nav5 a:hover {
	background-position: -214px -200px;
}
#nav6 a:hover {
	background-position: -588px -200px;
}
#nav7 a:hover {
	background-position: -704px -200px;
}
#nav1 a.current {
	background-position: 0 -400px;
}
#nav2 a.current {
	background-position: -333px -400px;
}
#nav3 a.current {
	background-position: -456px -400px;
}
#nav4 a.current {
	background-position: -60px -400px;
}
#nav5 a.current {
	background-position: -214px -400px;
}
#nav6 a.current {
	background-position: -588px -400px;
}
#nav7 a.current {
	background-position: -704px -400px;
}

/* ----- Footer --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 12px 0 48px 0;
	border-top: 1px solid #dadada;
	color: #fff;
	font-size: 0.917em; /* 12*0.917=11 */
	text-align: left;
}
#footer p {
	float: right;
}
#footer ul {
	float: left;
}
#footer ul li {
	float: left;
	margin-right: 5px;
	padding-left: 7px;
	background: url(../images/dividers/footer_sep_alt.gif) 0 50% no-repeat;
}
#footer ul li:first-child {
	padding-left: 0;
	background: none;
}
#footer a {
	color: #fff;
}

/* ----- Hero ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#hero {
	position: relative;
	width: 932px;
	height: 272px;
	margin-bottom: 18px;
	border: 4px solid #dadada;
}
#hero ul#slideshow {
	position: relative;
	width: 932px;
	height: 272px;
}
#hero ul#slideshow li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 932px;
	height: 272px;
}
#hero ul#slideshow li.current {
	display: block;
}
#hero ul#slideshow li.next {
	z-index: 2;
}
#hero ul.nav {
	position: absolute;
	bottom: 15px;
	right: 20px;
	z-index: 10;
}
#hero ul.nav li {
	float: left;
	width: 12px;
	height: 12px;
	margin-left: 5px;
}
#hero ul.nav li a {
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/icons/hero_disc.png) 0 -200px no-repeat !important;
	background-image: url(../images/icons/hero_disc.gif);
	text-indent: -1000em;
}
#hero ul.nav li a.current, #hero ul.nav li a:hover {
	background-position: 0 0 !important;
}

/* ----- Homepage Movie ----- */
/* ------------------------------------------------------------ */
#heroVideo {
	width: 932px;
	height: 514px;
	margin-bottom: 18px;
	border: 4px solid #dadada;
}

/* ----- Rows, Columns & Panels ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* ----- Rows ----- */
/* ------------------------------------------------------------ */
.row-sidebar {
	clear: both;
	float: left;
	width: 940px;
	margin: -18px 0 24px 0;
	padding-top: 18px;
	background: url(../images/dividers/v_sidebar_keyline.png) 700px 100% no-repeat !important;
	background-image: url(../images/dividers/v_sidebar_keyline.gif);
}
.row-940 {
	clear: both;
	float: left;
	width: 960px;
	margin-left: -20px;
}
.row-680 {
	clear: both;
	float: left;
	width: 680px;
	padding-top: 12px;
	background: url(../images/dividers/v_sidebar_keyline.png) 230px 100% no-repeat !important;
	background-image: url(../images/dividers/v_sidebar_keyline.gif);
}

/* ----- Columns ----- */
/* ------------------------------------------------------------ */
.col-940 {
	clear: both;
	float: left;
	width: 920px;
	margin-bottom: 12px;
	padding: 0 10px;
}
.col-680 {
	float: left;
	width: 680px;
}
.col-680 .content {
	clear: both;
	float: left;
	width: 660px;
	padding: 0 10px;
}
.col-460 {
	float: left;
	width: 460px;
	margin-left: 20px;
	padding-bottom: 12px;
}
.col-460.alt {
	width: 480px;
	margin-left: 10px;
}
.col-460 .content {
	float: left;
	width: 440px;
	padding: 0 10px;
}
.col-440 {
	float: right;
	width: 440px;
}
.col-220 {
	float: left;
	width: 220px;
	margin-left: 20px;
	padding-bottom: 12px;
}
.col-220.alt {
	margin-left: 0;
}
.row-sidebar .col-220 {
	float: right;
	margin: 0;
}
.row-sidebar .row-680 .col-220 {
	float: left;
	width: 210px;
	padding-left: 10px;
}
.col-172 {
	float: left;
	width: 172px;
	margin-left: 20px;
	padding-bottom: 12px;
}
.col-172.alt {
	margin-left: 0;
}

/* ----- Panels ----- */
/* ------------------------------------------------------------ */
.panel-220 {
	clear: both;
	float: left;
	width: 220px;
	margin-bottom: 12px;
}
.panel-220.brochure, .panel-220.price-list, .panel-220.sports-therapy {
	width: 212px;
	height: 110px;
	border: 4px solid #dadada;
	background: #fff url(../images/icons/brochure_ffffff.gif) 10px 10px no-repeat;
}
.panel-220.price-list {
	background-image: url(../images/icons/price_list_ffffff.gif);
}
.panel-220.sports-therapy {
	background-image: url(../images/icons/sports_therapy_leaflet_ffffff.gif);
}
#content .panel-220.brochure p {
	margin-bottom: 0;
}
.panel-220.brochure a, .panel-220.price-list a, .panel-220.sports-therapy a {
	display: block;
	width: 94px;
	height: 85px;
	padding: 25px 0 0 112px;
	font-weight: normal;
	color: #666;
}
.panel-220.brochure a strong, .panel-220.price-list a strong, .panel-220.sports-therapy a strong {
	color: #9fa617;
	font-size: 1.667em; /* 12*1.667=20 */
}
.panel-220.brochure a span, .panel-220.price-list a span, .panel-220.sports-therapy a span {
	display: block;
	padding-bottom: 3px;
	border-bottom: 1px solid #dadada;
	color: #999;
	font-size: 0.917em; /* 12*0.917=11 */
}
.panel-220.brochure a:hover, .panel-220.price-list a:hover, .panel-220.sports-therapy a:hover {
	color: #9fa617;
	text-decoration: none;
}

/* ----- Typography ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#intro h1 {
	margin: 18px 0 12px 0;
	font-size: 1.667em; /* 12*1.667=20 */
	color: #9fa617;
	font-weight: bold;
}
#content #intro p {
	margin-bottom: 12px;
	font-size: 1.333em; /* 12*1.333=16 */
	line-height: 22px;
}
#content #intro-ext p {
	font-size: 1em;
	line-height: 18px;
}
#content #intro p a.intro-more, #content p.info-more a {
	padding-right: 12px;
	background: url(../images/icons/arrow_right_left.gif) 100% 2px no-repeat;
	font-size: 0.75em; /* 16*0.75=12 */
	font-weight: bold;
}
#content p.info-more a {
	font-size: 1em;
}
p.footnote {
	clear: both;
	margin-bottom: 24px;
	padding: 12px 10px 0 10px;
	border-top: 1px solid #dadada;
	font-size: 0.917em; /* 12*0.917=11 */
	line-height: 18px;
}
#content h2 {
	margin-bottom: 6px;
	font-size: 1.333em; /* 12*1.333=16 */
	color: #9fa617;
}
#content h2.offset, #content p.offset {
	margin-left: 10px;
}
#content p {
	margin-bottom: 12px;
	line-height: 18px;
}
#content p.title {
	margin: -6px 0 6px 0;
	font-weight: bold;
}
#content p.note {
	font-size: 0.917em; /* 12*0.917=11 */
	color: #999;
}
#content ul, #content ol {
	margin-bottom: 12px;
	line-height: 18px;
}
#content ol {
	margin-left: 20px;
}
#content ul li {
	margin-bottom: 4px;
	padding-left: 14px;
	background: url(../images/icons/arrow_right_left.gif) 0 4px no-repeat;
}
#content ol li {
	margin-bottom: 4px;
}
#content hr {
	clear: both;
	float: left;
	width: 100%;
	height: 1px;
	margin-bottom: 24px;
	background: #dadada;
	border: none;
}
#hero-sub {
	clear: both;
	float: left;
	width: 940px;
	height: 140px;
	margin: 0 -10px;
	padding-top: 12px;
	border-top: 1px solid #dadada;
}
#content p.elemis {
	margin: 0 0 -12px 27px;
}

/* ----- Col 680, Col 460 & Col 220 ----- */
/* ------------------------------------------------------------ */
.col-460 h2, .col-440 h2, .col-220 h2 {
	margin-bottom: 6px;
	font-size: 1.333em; /* 12*1.333=16 */
	color: #9fa617;
}
.col-460 h2 a:hover, .col-440 h2 a:hover, .col-220 h2 a:hover {
	text-decoration: none;
	color: #838914;
}
.col-680 h3, .col-460 h3 {
	margin-bottom: 6px;
	font-size: 1.167em; /* 12*1.167=14 */
	color: #9fa617;
}
.col-460 p a, .col-440 p a, .col-220 p a {
	font-weight: bold;
}
.col-460 p.img, .col-460 p.video {
	width: 452px;
	height: 200px;
	border: 4px solid #dadada;
}
.col-460 p.video {
	height: 251px;
}
.col-220 p.img {
	width: 212px;
	height: 122px;
	border: 4px solid #dadada;
}
.col-460 p.img.alt, .col-220 p.img.alt {
	height: 212px;
}
.col-460 p.img.alt-2, .col-220 p.img.alt-2 {
	height: 120px;
}
.col-460 p.img.alt-3, .col-220 p.img.alt-3 {
	height: 292px;
}
.col-220 table th, .col-220 table td {
	padding-bottom: 6px;
}
.col-220 table th {
	padding-right: 12px;
	font-weight: bold;
	text-align: left;
}
.col-172 p.img {
	width: 168px;
	height: 168px;
	border: 2px solid #dadada;
}

/* ----- Services List ----- */
/* ------------------------------------------------------------ */
dl.services {
	clear: both;
	float: left;
	width: 680px;
	margin-bottom: 12px;
}
.col-460 dl.services {
	width: 460px;
}
dl.services dt {
	clear: both;
	margin-bottom: 5px;
	padding: 10px 10px 8px 24px;
	background: #dadada url(../images/icons/arrow_right_down.gif) 10px 15px no-repeat;
	font-size: 1.167em; /* 12*1.167=14 */
	font-weight: bold;
}
dl.services dt.hover {
	background-color: #9fa617;
	background-position: 10px -185px;
	color: #fff;
}
dl.services dt.open {
	background-position: 10px -385px;
}
dl.services dt.open:hover {
	background-position: 10px -585px;
}
dl.services dd {
	display: none;
	float: left;
	width: 660px;
	padding: 0 10px 12px 10px;
}
.col-460 dl.services dd {
	width: 440px;
	padding: 0 10px 12px 10px;
}
#content dl.services dd p.img {
	float: left;
	width: 212px;
	height: 122px;
	margin-left: -10px;
	margin-right: 18px;
	border: 4px solid #dadada;
}
#content dl.services dd p {
	margin: 7px 0 5px 0;
}

/* ----- MailChimp Signup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#mc_embed_signup {
	clear: both;
	float: left;
	width: 920px;
	padding: 20px 10px;
	border-top: 1px solid #dadada;
}
#mc_embed_signup.home {
	margin-bottom: 20px;
	padding-top: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #dadada;
	border-top: none;
}
#mc_embed_signup h2 {
	margin-bottom: 6px;
	font-size: 1.333em; /* 12*1.333=16 */
	color: #9fa617;
}
#mc_embed_signup .mc-field-group {
	float: left;
	width: 260px;
	margin-bottom: 15px;
}
#mc_embed_signup .mc-field-group label, #mc_embed_signup .mc-field-group input {
	clear: left;
	float: left;
}
#mc_embed_signup .mc-field-group label {
	font-weight: bold;
}
#mc_embed_signup .mc-field-group input {
	width: 240px;
	height: 24px;
	border: 1px solid #dadada;
}
#mc_embed_signup .button {
	float: left;
	padding-top: 15px;
}
#mc_embed_signup .button input {
	padding: 4px 10px;
	background: #9fa617;
	border: none;
	color: #fff;
	font-weight: bold;
}