/*==================================================================
Club One Inc. Coporate (http://www.clubone.com/)

global.css

	Authors:
		Christopher Berry <chris@odopod.com>

	Last Updated:
		08/03/09
	
	Hierarchy:
		body
			#clubone - Centers page
			#header - Header contains the top navigation and the clubone logo
	
	Colors:
	
		#FFF 		Body Background and Promo copy
		#666		Body Copy
		#404040 	Headlines
		#0073AE 	Link Hover
		#D4D4D4 	Border Color
		        	
		#0073AE 	Management Services
		#8bC53E 	Development & Real Estate
		#007C85 	Commercial Clubs
		#54301A 	About Us
		
		#4C721D		Community Centers
		#00A160		Medical
		#00A0AF		Corporate
		#695E4A		Higher Education
		#455560		Mutli-Tenant
		#362C66		Commercial Health Club
		
==================================================================*/


/*------------------------------------------------------------------
body - set up the body
------------------------------------------------------------------*/
body {
	width:				100%;
	height:				100%;
	font-family:		Arial, Helvetica, Sans-Serif;
	color:				#666;
	background-color:	#FFF;
}
body #clubone {
	position:			relative;
	width:				860px;
	margin:				0 auto;
	z-index:			1;
}

/* Font styles
--------------------------------------------------*/
body a {
	color:				#666;
}
body a:hover {
	color:				#0073AE;
	text-decoration:	underline;
}


/*------------------------------------------------------------------
#header - Header styles, includes top nav and logo
------------------------------------------------------------------*/
#header {
	position:			relative;
	z-index:			2000;
	height:				54px;
	margin:       20px 0 0 0;
}
#header h1 {
	position:			absolute;
	top:				0;
	left:				0;
}
#header h1 a {
	width:				106px;
	height:				29px;
	display:			block;
	margin:				10px 0 0 10px;
	background:			transparent url("/assets/images/logo_club_one.gif") no-repeat left top;
	text-indent:		-9999px;
	z-index:			9999;
}
#header ul {
	position:			absolute;
	z-index:			3000;
	right:				0;
	top:				27px;
	display:			block;
	width:				503px;
}
#header ul li {
	position:			relative;
	float:				left;
}
#header ul li a {
	float:				left;
	display:			block;
	height:				14px;
	line-height:		14px;
	text-indent:		-9999px;
	background:			transparent url("/assets/images/navigation_main.gif") no-repeat left top;
}
#header .management a {
	width:				140px;
}
#header .management a:hover,
#header .management a.active,
#header .management a.current {
	background-position:0 -14px;
}
#header .development a {
	width:				177px;
	background-position:-140px 0;
}
#header .development a:hover,
#header .development a.active,
#header .development a.current {
	background-position:-140px -14px;
}
#header .commercial a {
	width:				125px;
	background-position:-317px 0;
}
#header .commercial a:hover,
#header .commercial a.active,
#header .commercial a.current {
	background-position:-317px -14px;
}
#header .about a {
	width:				61px;
	background-position:-442px 0;
}
#header .about a:hover,
#header .about a.active,
#header .about a.current {
	background-position:-442px -14px;
}
#header ul li ul {
	position:			absolute;
	top:				0px;
	left:				-8px;
	z-index:			3000;
	display:			none;
	width:				145px;
	padding:			0px 0 10px 14px;
	background-color:	#FFF;
	border:				1px solid #D4D4D4;
	border-top:			none;
}
#header ul li ul li {
	float:				none;
	padding:			0 0 7px 0;
}
#header ul li ul li a {
	float:				none;
	height:				auto;
	width:				100% !important;
	font-size:			12px;
	color:				#0073AE;
	text-indent:		0;
	background:			none;
}
#header ul li ul li.title {
	padding-bottom:		10px;
}
#header ul li ul li.title a {
	display:			block;
	width:				145px;
	height:				14px;
	text-indent:		-9999px;
	background:			transparent url("/assets/images/navigation_main.gif") no-repeat left -28px !important;
}
#header ul .management ul {
	left:				-15px;
	width:				145px;
}
#header ul .development ul {
	width:				182px;
}
#header ul .commercial ul {
	width:				130px;
}
#header ul .about ul {
	width:				100px;
}
/* #peer_nav - Navgation in the header across the details pages
--------------------------------------------------*/
#header #peer_nav {
	position:			absolute;
	top:				0;
	left:				0;
	width:				193px;
	background:			transparent url("/assets/images/bg_peer_navigation_community_centers.gif") repeat-x left top;
}
#header #peer_nav #activeBar {
	position:			absolute;
	top:				0;
	left:				0;
	display:			block;
	height:				22px;
	width:				201px;
	margin:				0;
	padding:			0;
	background-color:	#222;
	opacity:			0;
}
#header.community_centers #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_community_centers.gif");
}
#header.medical #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_medical.gif");
}
#header.corporate #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_corporate.gif");
}
#header.higher_education #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_higher_education.gif");
}
#header.multi_tenant #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_multi_tenant.gif");
}
#header.commercial_health_club #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_commercial_health_club.gif");
}
#header.development_real_estate #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_development_real_estate.gif");
}
#header.commercial_clubs #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_commercial_clubs.gif");
}
#header.about_us #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_about_us.gif");
}
#header.home #peer_nav {
	background-image:	url("/assets/images/bg_peer_navigation_home.gif");
}
#header #peer_nav h1 a {
	background-image:	url("/assets/images/logo_club_one.png");
}
#header #peer_nav h2 {
	position:			absolute;
	bottom:				0;
	left:				0;
	width:				183px;
	padding:			0 0 0 10px;
	font-size:			24px;
	font-weight:		bold;
	color:				#FFF;
	
}
#header #peer_nav div {
	position:			relative;
	height:				80px;
	margin-top:			54px;
	padding:			18px 0 14px 0;
}
#header #peer_nav ul {
	position:			static;
	width:				201px;
	padding:			0 0 13px 0;
}
#header #peer_nav ul li {
	float:				none;
	display:			block;
	background:			transparent url("/assets/images/bg_peer_nav_hover.gif") no-repeat left top;
}
#header #peer_nav ul li a {
	float:				none;
	display:			block;
	width:				169px;
	height:				auto;
	padding:			4px 12px 4px 20px;
	font-size:			12px;
	line-height:		14px;
	color:				#FFF;
	text-indent:		0;
	background:			transparent url("/assets/images/bg_peer_nav_hover.gif") no-repeat left top;
	background:none;
}
#header #peer_nav ul li.back {
	padding-top:		14px;
}
#header #peer_nav ul li.back a {
	background-position:0 -462px;
}
#header #peer_nav ul li a:hover {
	text-decoration:	none;
}

/*#header.community_centers #peer_nav ul li a:hover,*/
#header.community_centers #peer_nav ul li.active {
	background-position:0 -42px;
}
/*#header.medical #peer_nav ul li a:hover,*/
#header.medical #peer_nav ul li.active {
	background-position:0 -84px;
}
/*#header.corporate #peer_nav ul li a:hover,*/
#header.corporate #peer_nav ul li.active {
	background-position:0 -126px;
}
/*#header.higher_education #peer_nav ul li a:hover,*/
#header.higher_education #peer_nav ul li.active {
	background-position:0 -168px;
}
/*#header.multi_tenant #peer_nav ul li a:hover,*/
#header.multi_tenant #peer_nav ul li.active {
	background-position:0 -210px;
}
/*#header.commercial_health_club #peer_nav ul li a:hover,*/
#header.commercial_health_club #peer_nav ul li.active {
	background-position:0 -252px;
}
/*#header.home #peer_nav ul li a:hover,*/
#header.home #peer_nav ul li.active {
	background-position:0 -294px;
}
/*#header.development_real_estate #peer_nav ul li a:hover,*/
#header.development_real_estate #peer_nav ul li.active {
	background-position:0 -336px;
}
/*#header.commercial_clubs #peer_nav ul li a:hover,*/
#header.commercial_clubs #peer_nav ul li.active {
	background-position:0 -378px;
}
/*#header.about_us #peer_nav ul li a:hover,*/
#header.about_us #peer_nav ul li.active {
	background-position:0 -420px;
}
/*#header.about_us #peer_nav ul li.back a:hover,*/
#header.about_us #peer_nav ul li.back.active {
	background-position:0 -504px;
}

#header #peer_nav ul li.contactus {
	margin:				14px 0 0 0;
	opacity:			0.8;
}

/*------------------------------------------------------------------
#content - Contains all the main content across the pages
------------------------------------------------------------------*/
#content {
	position:			relative;
	padding:			13px 0 0 0;
}
#content #service_header {
	width:				880px;
	min-height:			156px;
	padding:			76px 0 0 0;
}
#content.management_services #service_header {
	background:			transparent url("/assets/images/headerbg_management_services.jpg") no-repeat left top;
}
#content #service_header h2 {
	float:				left;
	width:				416px;
	margin:				-17px 0 0 26px;
	font-size:			52px;
	font-weight:		bold;
	color:				#FFF;
}
#content #service_header div {
	float:				left;
	width:				392px;
}
#content #service_header div p {
	padding:			0 20px 20px 0;
	font-size:			15px;
	line-height:		20px;
	color:				#FFF;
}
#content #services {
	width:				868px;
	margin:				16px 0 0 0;
}
#content.management_services #services {
	float: left;
	width:				651px;
}
#content #services ul li {
	margin-bottom:		30px;
}



/* #promo - Home page promo piece
--------------------------------------------------*/
#promo {
	position:			relative;
	width:				860px;
	min-height:			470px;
}
#previous {
	position:			absolute;
	left:				0;
	top:				189px;
	z-index:			999;
	display:			block;
	width:				35px;
	height:				35px;
	background:			transparent url("/assets/images/navigation_previous_next.gif") no-repeat left top;
	text-indent:		-9999px;
}
#previous:hover {
	background-position:0 -35px;
}
#next {
	position:			absolute;
	right:				0;
	top:				189px;
	z-index:			999;
	display:			block;
	width:				84px;
	height:				35px;
	background:			transparent url("/assets/images/navigation_previous_next.gif") no-repeat -35px top;	
	text-indent:		-9999px;
}
#next:hover {
	background-position:-35px -35px;
}
#count {
	position:			absolute;
	left:				795px;
	top:				395px;
	z-index:			999;
	display:			block;
	font-weight:		normal;
	color:				#fff;
	word-spacing: -2px;
	/*color:				#352C66;*/
}
#current_caption {
	position:			absolute;
	left:				438px;
	top:				108px;
	z-index:			899;
}

#promo div.slide {
	width:				860px;
	min-height:			470px;
}
#promo div.slide.slide1 {
	background:			url("/assets/images/home_fitness_for_life.jpg") no-repeat left top;
}
#promo div.slide.slide2 {
	background:			url("/assets/images/home_art_of_engagement.jpg") no-repeat left top;
}
#promo div.slide.slide3 {
	background:			url("/assets/images/home_ask_the_experts.jpg") no-repeat left top;
}
#promo div.slide.slide4 {
	background:			url("/assets/images/home_change_inspired_innovation.jpg") no-repeat left top;
}
#promo div.slide.slide5 {
	background:			url("/assets/images/home_virtual_support.jpg") no-repeat left top;
}
#promo div.slide.slide6 {
	background:			url("/assets/images/home_reaching_the_community.jpg") no-repeat left top;
}
#promo div.slide div.slide_caption {
	display: 			none;
}



#current_caption h2 {
	width:				422px;
	padding:			7px 0 30px 0;
	font-size:			50px;
	line-height:		54px;
	font-weight:		bold;
	color:				#FFF;
}
#current_caption p {
	width:				394px;
	padding:			0 0 6px 0;
	font-size:			15px;
	line-height:		20px;
	color:				#FFF;
}

#current_caption span.reg {
  position:   relative;
  top:        -4px;
  font-size:  11px;
 } 


#current_caption #learnmore {
	display:			block;
	width:				87px;
	height:				24px;
	background:			transparent url("/assets/images/button_learn_more.gif") no-repeat left top;
	text-indent:		-9999px;
}
#promo #learnmore:hover {
	background-position:0 -24px;
}


/* #services - Home page listing of the services
--------------------------------------------------*/
#services {
	height:				1%;
	margin-top:			17px;
	position:			relative;
}
#services h3 {
	padding:			12px 0 2px 10px;
	font-size:			15px;
	line-height:		22px;
}
#services h3 a {
	color:				#404040;
}
#services h3 a:hover {
	text-decoration:	none;
}
#services p {
	padding:			0 10px 10px 10px;
	font-size:			11px;
	line-height:		1.25em;
}
#services ul li {
	position:			relative;
	float:				left;
	display:			block;
	width:				209px;
	height:				185px;
	margin-right:		8px;
}
#services ul li:hover {
	cursor:				pointer;
}
#services ul li.last {
	margin-right: 		0;
}
#services ul li div {

}
#services ul li ul {
	padding:			15px 0 10px 0;
	display:			none;
/*	height:				0;*/
}
#services ul li ul li {
	float:				none;
	height:				auto;
	width:				191px;
	padding:			0 0 0 8px;
}
#services ul li#management ul li a {
	padding:			0 0 0 10px;
	font-size:			12px;
	color:				#69D1FA;
	background:			transparent url("/assets/images/services_management_arrow.gif") no-repeat left 3px;
}
#services ul li#management ul li a:hover {
	color:				#FFF;
	background-position:0 -190px;
}
#services ul li .image {
	display:			block;
	width:				209px;
	height:				115px;
}
#services ul li.community_centers .image {
	background:			transparent url("/assets/images/content_service_community.jpg") no-repeat left top;
}
#services ul li.medical .image {
	background:			transparent url("/assets/images/content_service_medical.jpg") no-repeat left top;
}
#services ul li.corporate .image {
	background:			transparent url("/assets/images/content_service_corporate.jpg") no-repeat left top;
}
#services ul li.higher_education .image {
	background:			transparent url("/assets/images/content_service_higher.jpg") no-repeat left top;
}
#services ul li.multi_tenant .image {
	background:			transparent url("/assets/images/content_service_multi_tenant.jpg") no-repeat left top;
}
#services ul li.commercial_health_club .image {
	background:			transparent url("/assets/images/content_service_commercial.jpg") no-repeat left top;
}

/* Active */
#services ul li.active {
	cursor:				pointer;
}
#services ul li.active div {
	position:			absolute;
	top:				0;
	left:				0;
	width:				209px;
}	
#services ul li.active div .colorbar {
	position:			absolute;
	left:				0;
	top:				-6px;
	display:			block;
	width:				100%;
	height:				6px;
	opacity:			0;
}
#services ul li.active div {
	top:				115px;
	min-height:			77px;
	cursor:				pointer;
}
#services ul li.active ul li a:hover {
	color:				#FFF;
	text-decoration:	none;
	background-position:0 -190px;
}
#services ul li.active ul {
	display:			block;
}
#services ul li.active h3 a {
	color:				#FFF;
}
#services ul li.active p {
	color:				#FFF;
	opacity:			.5;
}

/* Services home page */
#services ul li#management.active div {
	/*top:				6px;*/
/*	background-color:	#0073AE;*/
}
#services ul li#management.active div .colorbar {
	background-color:	#0073AE;
}
#services ul li#development.active div {
/*	background-color:	#8BC53E;*/
}
#services ul li#development.active div .colorbar {
	background-color:	#8BC53E;
}
#services ul li#commercial.active div {
/*	background-color:	#007C85;*/
}
#services ul li#commercial.active div .colorbar {
	background-color:	#007C85;
}
#services ul li#about.active div {
/*	background-color:	#cc6600;*/
}
#services ul li#about.active div .colorbar {
	background-color:	#cc6600;
}

/* Management Services landing page */
#services ul li.community_centers.active div {
/*	background-color:	#4C721D;*/
}
#services ul li.community_centers.active div .colorbar {
	background-color:	#4C721D;
}
#services ul li.medical.active div {
/*	background-color:	#00A160;*/
}
#services ul li.medical.active div .colorbar {
	background-color:	#00A160;
}
#services ul li.corporate.active div {
/*	background-color:	#00A0AF;*/
}
#services ul li.corporate.active div .colorbar {
	background-color:	#00A0AF;
}
#services ul li.higher_education.active div {
/*	background-color:	#695E4A;*/
}
#services ul li.higher_education.active div .colorbar {
	background-color:	#695E4A;
}
#services ul li.multi_tenant.active div {
/*	background-color:	#455560;*/
}
#services ul li.multi_tenant.active div .colorbar {
	background-color:	#455560;
}
#services ul li.commercial_health_club.active div {
/*	background-color:	#362C66;*/
}
#services ul li.commercial_health_club.active div .colorbar {
	background-color:	#362C66;
}

/* Services: News & Events Module */
#content.management_services #news_and_events {
	float:				right;
	width:				186px;
	margin-top:			16px;
	padding:			0 0 0 14px;
	border-left:		1px solid #D4D4D4;
}
#content.management_services #news_and_events h4 {
	margin-bottom:		0;
	text-decoration:	none;
	font-size: 15px;
}
#content.management_services #news_and_events ul li a {
	display:			block;
	margin:				0 0 0 -14px;
	padding:			10px 10px 10px 14px;
	font-size:			11px;
	line-height:		20px;
	width:				175px;
	color:				#0073AE;
	border-bottom:		1px solid #D4D4D4;
}
#content.management_services #news_and_events ul li.last a {
	border-bottom:		none;
}
#content.management_services #news_and_events blockquote p {
	font-family:		Georgia, Serif;
	font-size:			16px;
	line-height:		22px;
}
#content.management_services #news_and_events cite {
	font-size:			11px;
}
#content.management_services #news_and_events blockquote p span {
	float:				left;
	display:			block;
	width:				35px;
	height:				33px;
	margin:				4px 9px 0 0;
	background:			transparent url("/assets/images/bg_quote.gif") no-repeat left top;
	text-indent:		-9999px;
}

/*------------------------------------------------------------------
#details - Details content on the interior pages
------------------------------------------------------------------*/
#details {
	width:				645px;
	margin:				0 0 0 192px;
	padding:			13px 0 0 23px;
	border-left:		1px solid #D4D4D4;
}
#details h3 {
	margin:				90px 0 0 0;
	font-size:			30px;
	font-weight:		bold;
	color:				#0073AE;
}
#details h4 {
	margin:				0 0 16px 0;
	font-size:			18px;
	color:				#404040;
}
#details p {
	padding-bottom:		16px;
	font-size:			12px;
	line-height:		20px;
}
#details ul {
  margin-top: -10px;
	padding-bottom:		16px;
	padding-left:     12px;
}

#details ul.pad {
  margin-top:0px;
}

#details ul li {
	font-size:			12px;
	line-height:		20px;
	list-style:			disc outside;
	margin-left:4px;
}
#details div {
	height:				1%;
}
#details div div {
	float:				left;
	width:				409px;
	padding:			0 25px 0 0;
	border-right:		1px solid #D4D4D4;
}
#details div div h4 {
	font-size:			20px;
	margin:				0;
}
#details div div h5 {
	padding:			2px 0 8px 0;
	font-size:			14px;
	font-weight:		bold;
}
#details div div cite {
	display:			block;
	padding:			2px 0 16px 0;
	font-family:		Georgia, Serif;
	font-size:			12px;
	font-style:			italic;
	font-weight:		normal;
}
#details div div img {
	float:				left;
	margin:				0 10px 10px 0;
}
#details div div a {
	color:				#0073AE;
}
#details div div div {
	padding:			0;
	margin:				0 0 25px 0;
	border:				none;
	border-bottom:		2px solid #E4E4E4;
}
#details div div div.last {
	border-bottom:		none;
}
#details #context div.slideshow {
	width:				auto;
	margin:				0 0 10px 0;
	padding:			8px;
	background:			#EEE;
	border:				1px solid #E4E4E4;
}
#details #context div.slideshow a {
	font-size:			10px;
	color:				#999;
}
#details #context div.slideshow a span {
	display:			block;
	padding:			0 0 4px 0;
	font-size:			12px;
	font-weight:		bold;
	color:				#AAA;
}
#details #context div.slideshow a img {
	margin:				0;
	padding:			0;
}

#details .cc-table {
  width:400px;
}

#details .cc-table td {
  padding:          3px;
	font-size:        12px;
	line-height:      20px;
}

#details.widen  div div {
  float:				left;
	width:				604px;
	padding:			0 25px 0 0;
	border-right: none;
}

#details div.slideshow {
	width:				auto;
	margin:				0 0 10px 0;
	padding:			8px;
	background:			#EEE;
	border:				1px solid #E4E4E4;
}
#details div.slideshow a {
	font-size:			15px;
	color:				#404040;
}

#details div.slideshow a:link {
	text-decoration:underline;
}
#details div.slideshow a span {
	display:			block;
	padding:			0 0 4px 0;
	font-size:			12px;
	font-weight:		bold;
	color:				#AAA;
}

#details div.slideshow a img {
	margin:				0;
	padding:			0;
}



/* #context - Details contextual menu
--------------------------------------------------*/
#details #context {
	float:				left;
	width:				195px;
	padding:			0 0 0 14px;
	border:				none;
}
#details #context h4 {
	margin-bottom:		0;
	text-decoration:	none;
}
#details #context ul li {
	list-style:			none;
}
#details #context ul li a {
	display:			block;
	margin:				0 0 0 -14px;
	padding:			10px 10px 10px 14px;
	font-size:			15px;
	line-height:		20px;
	width:				184px;
	color:				#0073AE;
	border-bottom:		1px solid #D4D4D4;
}
#details #context ul li.last a {
	border-bottom:		none;
}
#details #context blockquote p {
	font-family:		Georgia, Serif;
	font-size:			16px;
	line-height:		22px;
}
#details #context cite {
	font-size:			11px;
}
#details #context blockquote p span {
	float:				left;
	display:			block;
	width:				35px;
	height:				33px;
	margin:				4px 9px 0 0;
	background:			transparent url("/assets/images/bg_quote.gif") no-repeat left top;
	text-indent:		-9999px;
}
#details #context img {
	margin-bottom:		10px;
}

#details #context .test p {
  padding-bottom: 5px;
}

#details #context  .awards {
width:190px;border:0;
}

#details #context  .awards p {
  padding-bottom: 5px;
}

/* #context images 
#details #context img.newbuild {
	margin-top:			89px;
}
#details #context img.tenant {
	margin-top:			34px;
}
#details #context img.conversion {
	margin-top:			77px;
}
#details #context img.adaptive {
	margin-top:			53px;
}
*/

/* #footer -- Footer that is on every page
--------------------------------------------------*/
#footer {
	float:				left;
	width:				860px;
	margin:				48px 0 0 0;
	padding:			5px 0 0 0;
	border-top:			1px solid #D4D4D4;
}
#footer p {
	float:				left;
	font-size:			10px;
}	
#footer ul {
	float:				right;
	margin:				0 -10px 0 0;
}
#footer ul li {
	float:				left;
	padding:			0 5px 0 0;
	font-size:			11px;
}
#footer ul li a {
	padding:			0 5px 0 0;
}