/* ---------------------------------------------	Layout Section */

body {
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat;
	background-image: url(images/BODY_BACKGROUND_DARK.gif);
	color: #666666;
	font-size: 14px;
	font-family: Gotham, Helvetica, Arial, Verdana, sans-serif;
	width: 98%;
}

.site {
	margin-left: auto;
	margin-right: auto;
	width: 978px;
}

.wrapper {
	float: left;
	margin-bottom: 18px;
	margin-top: 18px;
	width: 960px;
}

.header {
	
	background-color: white;
	border-bottom-width: 0px;
	border-color: #cdcdcd;
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;

}



/* ---------------------------------------------	Navigation Section */

.navigation {

	border-color: #cccccc;
	border-right-width: 0px;
	border-left-width: 0px;

	float: left;
	width: 960px;
	
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
}

.navButtonPane {
	float: left;
	width: 220px;
	background: black;
	margin: 0px;
	padding: 0px;
}
/* added by SM @ CATS CO - 9/24/2009 */

.socialMedia {
	float: left;
	width: 219px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: inline;
}

.socialMedia a { display: block; margin: 10px 0; }

/* end */

.navButton {
	padding: 0px;
	margin: 0px;
	border: none;
	border-width: 0px;
	outline: none;
	height: 55px;
}

.pageImage {
	float: left;
	width: 740px;

}





/* ---------------------------------------------	Footer Section */

.footer {
	float: left;
	height: 110px;
	color: black;
	background-color: white;
	font-weight: 100;
}


/* ------------------	Hours */

.footerHours {
	width: 220px;
	color: black;
	background: white;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 16px;
	position: relative;
	float: left;
}
.hoursLeft {
	padding-top: 8px;
	color: black;
	background: white;
	display: inline;
	position: relative;
	padding-left: 25px;
	float: left;
}
.hoursRight {
	padding-top: 8px;
	color: black;
	background: white;
	display: inline;
	position: relative;
	text-align: right;
	position: relative;
	float: right;
	padding-right: 30px;
}


/* ------------------	Location */

.footerLocation {
	width: 314px;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 16px;
	position: relative;
	float: left;
}
.locationLeft {
	padding-top: 8px;
	display: inline;
	position: relative;
	padding-left: 15px;
	float: left;
}
.locationRight {
	padding-top: 8px;
	display: inline;
	position: relative;
	text-align: right;
	position: relative;
	float: right;
	padding-right: 35px;
}

/* ------------------	Newsletter */

.footerNewsletter {
	width: 370px;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 16px;
	position: relative;
	float: left;
}

.newsletterPane {
	padding-top: 8px;
	position: relative;
	text-align: left;
	padding-left: 14px;
	padding-right: 16px;
}

.newsletterSignup {
	margin-top: 9px;
	margin-bottom: auto;
	float: left;
}

.newsletterInput {
	margin-top: 4px;
}

.newsletterButton {
	left: 8px;
	position: relative;
	top: 4px;
}

/* ---------------------------------------------	Page Section */

.breadcrumb {

	margin-left: 256px; padding-top: 6px; margin-right: 36px; padding-bottom: 6px;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px dotted #666666;
	
}	

.breadcrumb span { font-weight: bold; }

.pageContent {
	border-width: 0px;
	padding-bottom: 6px;
	background-image: url(images/PAGE_BACKGROUND.gif);
	background-repeat: repeat-y;
	padding-top: 9px;
	float: left;
	width: 960px;
}

.pageNavigation {
	padding-top: 16px;
	width: 220px;
	height: 100%;
	float: left;
}

.pageText {
	font-weight: 100;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 36px;
	padding-left: 256px;
}

.pageHeader h1 { margin: 0; padding: 0; width: 960px; height: 48px; background-repeat: no-repeat; }
.pageHeader h1 span { display: none; }
.pageHeader #amenities { background-image: url("images/PAGE_TITLE_AMENITIES.gif"); }
.pageHeader #equipment { background-image: url("images/PAGE_TITLE_EQUIPMENT.gif"); }
.pageHeader #MACfit { background-image: url("images/PAGE_TITLE_MACfit.gif"); }
.pageHeader #MACpro { background-image: url("images/PAGE_TITLE_MACpro.gif"); }
.pageHeader #membership { background-image: url("images/PAGE_TITLE_MEMBERSHIP.gif"); }
.pageHeader #home { background-image: url("images/PAGE_TITLE_HOME.gif"); }
.pageHeader #racquetball { background-image: url("images/PAGE_TITLE_RACQUETBALL.gif"); }



/* ---------------------------------------------	Text Menu Section */

.textMenuPane {
	width: 962px;
	background-color: black;
	float: left;
	text-align: center;
	margin-bottom: 18px
}

.textMenu {
	padding-bottom: 3px;
	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
}

.textMenu a {
	color: #bababa;
	padding-right: 3px;
	padding-left: 3px;
}

.textMenu a:hover {
	color: #d60001;
}

.copyright {
	float: left;
	font-size: 10px;
	width: 960px;
	margin: auto;
	padding-bottom: 18px;
}




/* ---------------------------------------------	Common Section */

a {
	outline: none;
	text-decoration: none;
	color: #d60001;
}

a:hover {
	color: #9d0000;
	outline: none;
}

a:active {
	outline: none;
}

img {
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	display: inline;
}

/* h2 {
	margin-bottom: 3px;
	margin-top: 21px;
	color: black;
	font-size: 16px;
	font-weight: 500;
}
*/
h2, h3 {
	margin-top: 36px;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color: black;
	font-weight: 300;
	font-size: 18px;
}

h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 500;
	color: black;
}

.hidden {
	display: none;
}

.smallType {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

.indent {
	padding-left: 18px;
}




/* ---------------------------------------------	Page Specifics Section */


/* ------------------	Class Schedule */

.fitnessLevel {
	margin-left: 3px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

/* ------------------	MACpro Personal Training */

.trainerPosition {
	margin-left: 3px;
	font-style: normal;
	font-weight: 100;
	color: #666666;
}


/* Photos & Videos */

.gallery img { margin:5px 0; border:none; }
.gallery a { outline:none; }
#album a { display: block; margin: 5px; float: left; }
.left span {  text-align: center; }
.left { float:left; text-align: center; width: 150px;  margin: 5px; }
.left div { height: 20px; }
.clear { clear:both; }

.callAction {
	width: 562px;
	height: 79px;
	margin: 10px 0;
	background-image: url("images/callAction.jpg");
	}
.callAction a { display: block; float: left; }
.callAction a span { display: none; }
.callAction a.pass { width: 231px; height: 79px; }
.callAction a.call { width: 231px; height: 79px; }