/* resets and overrides 
=======================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-style: normal; text-align: left;}
textarea{overflow: auto;}
input[type=submit],label,select,.pointer {cursor: pointer;}

html {overflow-y: scroll;}
::selection {color: #fff; background-color: #D5176A;}
::-moz-selection {color: #fff; background-color: #D5176A;}

/* layout
=========*/
html, body {background-color: #eee;}
#wrapper {width: 950px; overflow: hidden; margin: 20px auto 0; border: 1px solid #008CAD; background-color: #fff;}
.logo {display: block; float: left; width: 413px; height: 93px; padding: 15px; background: url(../images/layout/pure-active-logo.gif) no-repeat 50% 50%; text-indent: -1000px;}
.fitness-associations {display:block; float: right; clear: right; height: 50px; width: 159px; margin: 18px 10px 0 0; background: url(../images/layout/associations.gif) no-repeat 50% 50%; text-indent: -1000px;}
#banner {float: left; clear: both; width: 100%; height: 253px; background: url(../images/layout/sky-banner.jpg) no-repeat 0 0; position: relative;}
#content {float: left; width: 900px; padding: 25px; background: url(../images/layout/stick-man.gif) no-repeat 0 100%; min-height: 500px;}
*html #content {height: 500px;}
#footer {float: left; width: 940px; background-color: #008CAD; padding: 5px; color: #fff;}
#footer #copyright {float: left;}
#footer #contact {float: right;}
#pigs-whiskers {width: 950px; margin: 5px auto 20px; text-align: right;}

.testimonial {width: 450px; padding: 20px 0 0 20px; color: #E6F7FF; font-size: 1.9em; text-shadow: 1px 1px 0px #84ABCC;}
.testimonial span.author {display: block; padding: 10px 0 0 10px; font-size: 0.7em;}

#main {float: left; width: 550px; margin-right: 25px;}
#aside {float: left; width: 325px;}

/* navigation
=============*/
ul#superNav {float: right; background: #E8E8E8 url(../images/layout/supernav-corner.gif) no-repeat 0 0; padding: 8px 10px 8px 30px; font-size: 1.1em; color: #888; text-shadow: 1px 1px 0px #fff;}
ul#superNav li {display: inline;}
ul#superNav a {color: #888; text-decoration: none; text-transform: uppercase;}
ul#superNav a:hover {color: #333}

#mainNav {list-style-type: none; position: absolute; bottom: 0; left: 0; font-size: 1.05em;}
#mainNav li {float: left;}
#mainNav li a {display: block; float: left; padding: 6px 8px; margin-left: 1px; background: #A2D3FD url(../images/layout/opacity_fff_10.png) repeat 0 0; color: #fff; text-decoration: none; text-transform: uppercase;}
* html #mainNav li a {display: inline; background: #A2D3FD; position: relative; top: 1px;}
#mainNav li.special a {background: #D5176A;}
#mainNav li a:hover {background: #008CAD;}

.weight-loss-training_default_aspx #weight-loss a, .nutritional-advice_default_aspx #nutrition a, .prenatal-postnatal-exercise_default_aspx #pregnancy a, .fitness-strength_default_aspx #fitness a, .postural-correction_default_aspx #posture a, .wedding-fitness-plan_default_aspx #weddings a,
.weight-loss-training_default_aspx #weight-loss a:hover, .nutritional-advice_default_aspx #nutrition a:hover, .prenatal-postnatal-exercise_default_aspx #pregnancy a:hover, .fitness-strength_default_aspx #fitness a:hover, .postural-correction_default_aspx #posture a:hover, .wedding-fitness-plan_default_aspx #weddings a:hover, .bootcamps_default_aspx li#bootcamps a
{background: #fff; color: #008CAD;}

/* links & type
===============*/
body {color:#333; font: 0.9em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;}
input, textarea, select {color:#333; font: 1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;}

#content {line-height: 1.6em;}
#content a {color: #D5176A;}
#content a:hover {color: #008CAD;}
#content p {padding-bottom: 0.8em;}
#content ul {padding-bottom: 0.8em; padding-left: 40px;}
#content h1 {color: #008CAD; font-size: 1.6em; font-weight: normal; padding-bottom: 0.7em;}
#content h2 {font-size: 1.4em; padding-bottom: 0.3em; font-weight: normal; color: #D5176A;}
#content h3 {font-size: 1.4em; color: #008CAD; font-weight: normal; border-bottom: 1px solid #008CAD; margin-bottom: 8px; padding-bottom: 4px;}
#content p + h2, #content ul + h2 {padding-top: 1em;}
#content .intro {font-size: 1.1em; width: 650px;}
#content table {width: 100%; margin-bottom: 0.8em;}
#content tbody td, #content tbody th {border-top: 1px solid #aaa;}
small {font-size: 0.7em; line-height: 1.4em;}

dl {padding-bottom: 0.8em;}
dt {float: left; clear: left; width: 16em; font-weight: bold;}
dd {margin: 0 0 0 13em; padding: 0 0 0.5em 0;}

#aside {font-size: 0.9em;}

#footer {font-size: 0.9em;}
#footer a {color: #fff;}
#content em {font-style: italic;}

#pigs-whiskers {font-size: 0.85em;}
#pigs-whiskers a {text-decoration: none; color: #333;}
#pigs-whiskers a:hover strong {color: #D5176A;}

/* Bits & Pieces
============*/
.bodyPhoto {float:left; margin: 0 15px 5px 0; border: 1px solid #008CAD;}
.bodyPhoto-right {float:right; margin: 0 0 5px 10px; border: 1px solid #008CAD;}
#contact-phone, #contact-email, #opening-hours {padding: 13px 0 13px 65px; background: no-repeat 5px 50%; font-size: 1.2em; margin-bottom: 5px;}
#contact-phone {background-image: url(../images/icons/phone.png);}
#contact-email {background-image: url(../images/icons/email.png);}
#opening-hours {background-image: url(../images/icons/open.png);}
#opening-hours em {font-style: normal; color: #008CAD;}

.map img {border: 1px solid #008CAD; margin: 20px 0;}

.social {margin-bottom: 10px;}
.social a {display: block; background-position: 5px 50%; background-repeat: no-repeat; padding: 2px 0 3px 30px;}
/* http://www.komodomedia.com/download/#social-media-mini-iconpack */
.fb {background-image: url(../images/icons/sm/facebook.png);}
.tw {background-image: url(../images/icons/sm/twitter.png);}
.nl {background-image: url(../images/icons/sm/email.png);}

#mc-embedded-subscribe-form {display: none;}

/* Specifics
============*/
#teaserBoxes {overflow: hidden; width: 925px; font-size: 0.9em;}
#teaserBoxes .box {float: left; width: 425px; padding-right: 10px; border: 1px solid #D5176A; margin: 15px 25px 10px 0; background-color: #fff;}
#teaserBoxes .box img {float: left; width: 150px; height: 150px; margin-right: 10px;}
#teaserBoxes .box h2 {padding-top: 10px;}
#teaserBoxes .box h2 a {text-decoration: none;}
#teaserBoxes .box p {padding-bottom: 0.5em; line-height: 1.5em;}

.featuredBox {float: right; width: 200px; border: 1px solid #D5176A; text-align: center; padding: 15px; background: #eee; font-size: 1.1em; margin: 0 1px 10px 0;}
.featuredBox h2, .featuredBox p {text-align: center;}
.featuredBox h2 a {text-decoration: none;}

.notice {width: 70%; font-style: italic; text-align: center;}
.partner-link {background-color: #ddd; padding: 0.8em 10px 0.2em 10px; margin-top: 30px;}
.partner-link small {font-size: 0.85em;}

/* jQuery
=========*/