/* CSS Document */

/************************************************************************

	Site:		Cedar Sinai Park

	Author:		eROI		[www.eroi.com]  

	Client:		Client name		[http://www.url.com]

	Listing Order:
	==============

	1 - Global
	2 - Navigation
	3 - Structure/Layout
	5 - Footer
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL
************************************************************************/
/*--------------------------------------------------- float fixes */
/* clear floats for browsers that support :after */
div#homeContent:after,
div#propertyNav ul:after,
div#bg_property:after,
div.propInfo ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*--------------------------------------------------- height fixes */
div#propertyNav ul li h4 { height: 100%; }

/***********************************************************************
	2 - STRUCTURE
************************************************************************/
div#homeContent { padding: 10px 0 0 15px; }
div#home_topLeft { float: left; height: 242px; width: 396px; }
	div#tagline { background: url(../img/bg_title-love-honor-respect.gif) left top no-repeat; height: 194px; width: 396px; }
	div#tab { background: url(../img/bg_tab-explore-services.gif) left top no-repeat; height:  48px; width: 396px; }
div#home_topRight { background: url(../img/bg_home-banner.jpg) left top no-repeat; float: left; height: 242px; width: 557px; }
div#propertyWrapper { width: 953px; }
div#propertyWrapper div#propertyNav { background: url(../img/bg_home-property.gif) left top no-repeat; height: 153px; width: 953px; }	
	div#propertyTopCap { background: url(../img/bg_home-property-topcap.gif) left top no-repeat; height: 4px; }
	div#bg_property { background: url(../img/bg_home-property-content.gif) left top repeat-y; padding: 25px 0 25px 25px; }
	div#propertyBotCap { background: url(../img/bg_home-property-botcap.gif) left top no-repeat; height: 3px; }
div.propImage,
div.propInfo { float: left; }
div.propImage { margin: 0 25px 0 0; width: 441px; }
div.propInfo { width: 430px; }
/***********************************************************************
	3 - MAIN CONTENT
************************************************************************/
div#propertyNav ul { list-style: none; padding: 10px 0 0 15px; }
div#propertyNav ul li { float: left; height: 130px; margin-right: 15px; width: 140px;  }

/* on state */
li#roseManor a.on { background: url(../img/home_active-rose-manor.gif) left top no-repeat; }
li#robison a.on { background: url(../img/home_active-robison-jewish.gif) left top no-repeat; }
li#adult a.on { background: url(../img/home_active-adult-day.gif) left top no-repeat; }
li#roseTower a.on { background: url(../img/home_active-rose-tower.gif) left top no-repeat; }
li#sinaiFamily a.on { background: url(../img/home_active-sinai-family.gif) left top no-repeat; }
li#kehillah a.on { background: url(../img/home_active-kehillah.gif) left top no-repeat; }

/* off state */
li#roseManor { background: url(../img/home_off-rose-manor.gif) left top no-repeat; }
li#robison { background: url(../img/home_off-robison-jewish.gif) left top no-repeat; }
li#adult { background: url(../img/home_off-adult-day.gif) left top no-repeat; }
li#roseTower { background: url(../img/home_off-rose-tower.gif) left top no-repeat; }
li#sinaiFamily { background: url(../img/home_off-sinai-family.gif) left top no-repeat; }
li#kehillah { background: url(../img/home_off-kehillah.gif) left top no-repeat; }

div.propImage img { border: 1px solid #fff; }
div.propInfo h1 { color: #a81f24; font-size: 24px; }

div.propInfo p { line-height: 125%; padding: 0 0 8px 0; }
div.propInfo p.home_red { color: #a81f24; font-size: 13px; font-weight: bold; }
div.propInfo ul { color: #6d8586; list-style: disc; padding: 0 0 10px 18px; text-align: left; width: 420px; }
div.propInfo ul li { padding: 0 0 5px 0; text-align: left; }
div.btn_learnmore { background: url(../img/btn_learn-more.gif) left top no-repeat; height: 32px; width: 201px; }

/***********************************************************************
	4 - JQUERY CLUETIP
************************************************************************/
.cluetip-default { background: #e7f1f0; position: relative; }
.cluetip-default h3#cluetip-title { background: #e7f1f0; border: 1px solid #83a6a8; color: #555; font-size: 11px; font-weight: normal; padding: 5px 15px; }
.cluetip-default #cluetip-inner { display: none; }