@charset "UTF-8";
/* ==========================================================================
   Stylesheet For Custom Elements On All Pages
   ========================================================================== */


/* Headings
   ========================================================================== */
/* Section title */
.section-title { 
	background: url('images/double.png') repeat-x left bottom;
	margin-bottom: 15px;
	padding-bottom: 10px;
	line-height: 26px;
	text-shadow: 2px 2px 2px #a7a8a8;
}

.section-title.fixed-width { width: 360px; }

/* Page title */
.page-title div.inner {
	background: url('images/page-title.png') no-repeat left top;
	min-height: 106px;
	padding: 14px 0;
}

.page-title h2 {
	background: url('images/page-title-heading.png') no-repeat left bottom;
	font: 30px/30px 'Verdana','Arial','Helvetica',sans-serif; 
	color: #e8e8e8;
	margin-bottom: 5px;
	padding-bottom: 17px;
}

.page-title h2.membership {	background-position: -755px bottom; }
.page-title h2.contact-us {	background-position: -775px bottom; }
.page-title h2.personal-training { background-position: -675px bottom; }
.page-title h2.group-fitness { background-position: -730px bottom; }
.page-title h2.facilities { background-position: -800px bottom; }

.page-title h3 {
	font: 24px/24px 'Verdana','Arial','Helvetica',sans-serif; 
	color: #c5c4c4	
}

.page-title p {
	font: 14px/18px 'Verdana','Arial','Helvetica',sans-serif; 
	color: #c5c4c4;	
	padding: 0;
}


/* Home Page
   ========================================================================== */
/* Featured Section */
div.container.featured {
	background: url('images/featured-shadow.png') repeat-x left bottom;
	padding-bottom: 30px;
}

div.container.featured div.inner {
	background: url('images/featured.jpg') no-repeat center top;
	min-height: 363px;
	overflow: hidden;
}

div.container.featured hgroup {
	background: url('images/featured-title.png') no-repeat right top;
	margin-top: 22px;
	padding-bottom: 6px;	
}

div.container.featured hgroup h2, 
div.container.featured hgroup h3 {
	font: 18px/43px 'Arial','Helvetica',sans-serif; 
	padding: 0 15px;
	text-align: right;
	text-transform: uppercase;	
}

div.container.featured hgroup h3 {
	color: #f3f3f3;
}

div.container.featured div.video {
	background: url('images/take-a-tour.png') no-repeat right top;
	float: right;
	margin: 39px 95px 0 0;	
	height: 163px;
	padding: 11px 11px 72px;
	width: 292px;
}

/* Intro Section */
article.intro h2, article.intro strong { 
	font-weight: bold; 
}

article.intro p {
	font: 14px/18px 'Arial','Helvetica',sans-serif;
	color: #858282;
}

article.intro h2 { text-transform: uppercase; }
article.intro p { color: #858282; }

/* News Article */
article.news h4 { 
	text-transform: uppercase; 
}

article.news p { 
	font: 14px/18px 'Arial','Helvetica',sans-serif; 
	padding-bottom: .7em;
}

article.news p em { 
	color: #ee2a2c; 
	font-style: italic; 
	font-weight: bold;
}

article.news p.bordered { 
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc; 
}

/* Image Scroller */
div.installation-scroller { 
	margin: 10px 0 0; 
}

div.installation-scroller div.images { 
	width: 980px;
	height: 190px;
	position: relative;
}

div.installation-scroller div.images ul {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

div.installation-scroller div.navigator { 
    clear: both;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

div.installation-scroller div.navigator a {
	background: url('images/pane-navigator.png') no-repeat left top;
	display: inline-block;
	height: 16px;
	width: 16px;
}

div.installation-scroller div.navigator a.current, 
div.installation-scroller div.navigator a:hover {
	background-position: 0 -16px; 
}

/* Image List */
ul.image-list { 
	margin-left: -5px; 
	overflow: hidden;
	padding: 5px 0 15px;
}

ul.image-list li {
	background: url('images/img-bg-shadow.jpg') no-repeat center bottom;
	float: left; 
	font-size: 0;
	padding: 0 5px 13px;
	line-height: 0;
}

ul.image-list li+li { margin-left: 3px; }

ul.image-list li figure {
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 9px;
	height: 139px;
	width: 212px;
	-moz-box-shadow: 0 -1px 4px 1px #ececec;
	-webkit-box-shadow: 0 -1px 4px 1px #ececec;
	box-shadow: 0 -1px 4px 1px #ececec;
}

ul.image-list li figure img { border: 1px solid #d5d5d5; }


/* Facilities Page
   ========================================================================== */
/* Equipment Slides */
div.equipment-slides div.slide {
	display: none;
	min-height: 500px;
}

/* Image List */
ul.facility-images { 
	overflow: hidden;
	margin: 0 0 0 -21px; 
}

ul.facility-images li {
	float: left;
	margin: 0 0 21px 21px;
}

ul.facility-images li.clear {
	clear: both;
	margin: 0;
	width: 100%;
}

ul.facility-images li figure {
	background: #fff; 
	border: 1px solid #d5d5d5;
	padding: 9px;
	width: 212px;
}

ul.facility-images li figure img {
	border: 1px solid #d5d5d5;
}

ul.facility-images li figure figcaption {
	font: 13px/20px 'Verdana','Arial','Helvetica',sans-serif;
	color: #3a3d3f;
	padding-top: 3px;
	text-align: center;
	text-transform: uppercase;
} 


/* Personal Training Page
   ========================================================================== */
/* Costs Article */
article.costs { margin-bottom: 15px; }
article.costs p { font: 18px/20px 'Arial','Helvetica',sans-serif; }

article.costs p em { 
	font: 16px/20px 'Arial','Helvetica',sans-serif; 
	display: block;
	margin-top: 10px;
}

article.costs span.disc {
	background: #ddd;
	display: inline-block;
	padding: 7px 9px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px; 
}

/* Booking Article */
article.booking div.booking-inner {
	font: 14px/20px 'Arial','Helvetica',sans-serif; 
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 0 1px 1px;
	padding: 8px 6px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px; 
}

article.booking h4 {
	font: 14px/20px 'Arial','Helvetica',sans-serif; 
	color: #fff;
	padding: 10px;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0; 
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top, #cc0000 0%, #b10202 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#b10202)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cc0000 0%,#b10202 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cc0000 0%,#b10202 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cc0000 0%,#b10202 100%); /* IE10+ */
	background: linear-gradient(top, #cc0000 0%,#b10202 100%); /* W3C */
}

article.booking p { 
	color: #8b8b8b;
	padding: 0; 
}

/* Trainer List */
ul.trainer-list {
	border-bottom: 1px dashed #969696;
	margin: 20px 0 40px;
	padding: 0;
}

ul.trainer-list li { 
	border-top: 1px dashed #969696;
	padding: 15px 0; 
	overflow: hidden;
}

ul.trainer-list li figure {
	float: left;
	line-height: 0;
	margin: 0 15px 0 10px; 
}

ul.trainer-list li figure img {
	border: 1px solid #b6b6b6;
}

ul.trainer-list li p {
	color: #8b8b8b;
	padding: 6px 0 0;
	text-align: justify;
}

ul.trainer-list li span.name {
	font: 18px/18px 'Verdana','Arial','Helvetica',sans-serif; 
	color: #343739;
}


/* Contact Page
   ========================================================================== */
article.contact { 
	font: 14px/25px 'Verdana','Arial','Helvetica',sans-serif; 
}

article.contact p { 
	padding-bottom: 30px;
	width: 375px; 
}

article.contact div.google-map {
	background: #fff; 
	border: 1px solid #D5D5D5;
	float: right;
	padding: 9px;	
}

article.contact div.google-map div#map {
	height: 295px;
	width: 500px;
}


/* Other Styles
   ========================================================================== */
/* Coin List */
ul.coins { padding-top: 10px; }
ul.coins li {
	font: 14px/20px 'Arial','Helvetica',sans-serif;
	background: url('images/coin.png') no-repeat left top;
	color: #777;
	padding: 0 0 20px 30px;
}

ul.coins.inline li { display: inline-block; padding-right: 40px; }

/* Arrow List */
ul.arrows li {
	font: 12px/16px 'Arial','Helvetica',sans-serif;
	background: url('images/arrow.png') no-repeat left 2px;
	padding: 0 0 20px 25px;
}

ul.arrows li a { color: #858282; }
ul.arrows li a:hover { color: #000; }

/* Pretty List */
ul.pretty-list {
	border-bottom: 1px dashed #969696;
	margin-top: 7px;
	padding-bottom: 0;
}

ul.pretty-list li {
	border-top: 1px dashed #969696;
	padding: 8px 0;
}

ul.pretty-list li a {
	background: url('images/pretty-arrow.png') no-repeat left top;
	color: #343739;
	padding-left: 17px;
	text-decoration: none;
}

ul.pretty-list li a.current, 
ul.pretty-list li a:hover {
	background: url('images/pretty-arrow-active.png') no-repeat left top;
	color: #ee2a2c;
}

/* Red Label */
div.red-label {
	background: url("images/shadow2.png") no-repeat center bottom;
	margin-bottom: 25px;
	text-align: center;
}

div.red-label a {
	background: url("images/red-label.png") no-repeat right -62px;
	display: inline-block;
	margin: 0 10px;
	padding-right: 18px;
	text-decoration: none;
}

div.red-label a span {
	background: url("images/red-label.png") no-repeat left top;
	display: inline-block;
	min-width: 130px;
	padding: 5px 12px 22px 30px;
}

div.red-label a span, 
div.red-label a em {
	font: 14px/18px 'Arial','Helvetica',sans-serif;
	color: #F5EAEA;
	cursor: pointer;
}

div.red-label a em { 
	font-weight: bold;
	text-transform: uppercase; 
}

div.red-label a:hover span, 
div.red-label a:hover em {
	color: #f1f1f1;
	text-shadow: 0 0 2px #5b0000;
}

div.red-label a:active span, 
div.red-label a:active em {
	color: #343739;
	text-shadow: 1px 1px 0 #cf4242;
}

a.pdf {
	background: url('images/pdf.png') no-repeat left top;
	font: 14px/24px 'Arial','Helvetica',sans-serif;
	display: inline-block;
	padding-left: 32px;	
}


/* Individual Element Styling
   ========================================================================== */
.uppercase { text-transform: uppercase; }
.lead { font: 14px/18px 'Arial','Helvetica',sans-serif; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.centered { text-align: center; }
.no-bottom-space { padding-bottom: 0!important; }
.half-bottom-space { padding-bottom: 7px!important; }


/* Common Alignments
   ========================================================================== */
img.alignright { float:right; margin: 0 0 1em 1em; }
img.alignleft { float:left; margin:0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* Clearing Floats
   ========================================================================== */
.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.group { display: inline-block; }
html[xmlns] .group { display: block; }
* html .group {	height: 1%; }
.clear { clear: both; width: 100%; }