/*  

Version: 1.0
Author: The Indiana Heart Hospital - Community Health Network
Author URL: http://www.hearthospital.com || http://www.ecommunity.com

*/

@media screen, projection {


/* BODY AND FONTS: =body
----------------------------------------------- */
	* 	{ margin: 0; padding: 0; font-family: Arial, Verdana, Tahoma, sans-serif; }
	body	{ background: url(../images/gradient.jpg) repeat-x 0 150px; }
	
/* CONTAINERS: =container
----------------------------------------------- */
	div.container		{ margin: 0 auto; width: 779px; position: relative; }
	
	#header			{ height: 80px; margin: 0 0 10px 0; }
	
	#flashContainer		{ margin: 0 auto 5px auto; width: 779px; height: 315px; }
	
	#widgets		{ height: 115px; }
	#widgetNumbers		{ width: 284px; height: 115px; float: left; margin: 0 5px 0 0; }
	#widgetHeart		{ width: 160px; height: 115px; float: left; margin: 0 5px 0 0; }
	#widgetMembers		{ width: 160px; height: 115px; float: left; margin: 0 5px 0 0; position: relative; }
	#widgetEvents		{ width: 160px; height: 115px; float: left; }
	
/* HEADER: =header
----------------------------------------------- */
	#header h1,
	#header h1 span		{ background: url(../images/heart-logo.gif) no-repeat; width: 252px; height: 51px; }
	#header h1		{ position: absolute; top: 23px; left: 20px; }
	
	#header p,
	#header p span		{ background: url(../images/heart-url.gif) no-repeat; width: 132px; height: 17px; text-indent: -9999px; }
	#header p		{ position: absolute; top: 42px; right: 20px; }
	
/* WIDGETS: =widget
----------------------------------------------- */
	/* Know Your Numbers */
	#widgetNumbers,
	#widgetNumbers h2 span,
	#widgetNumbers p span			{ background: url(../images/widget-numbers.jpg) no-repeat; width: 284px; height: 115px; text-indent: -9999px; color: #FFFFFF; }
	
	/* Information and Tools for a Healthier Heart */
	#widgetHeart,
	#widgetHeart h2 span,
	#widgetHeart p span			{ background: url(../images/widget-heart.jpg) no-repeat; width: 160px; height: 115px; text-indent: -9999px; color: #FFFFFF; }
	
	/* Become a Member */
	#widgetMembers,
	#widgetMembers h2 span			{ background: url(../images/widget-join.jpg) no-repeat; width: 160px; height: 115px; text-indent: -9999px; color: #FFFFFF; }
	
	#widgetMembers p.login,
	#widgetMembers p.login span		{ background: url(../images/login.jpg) no-repeat; width: 32px; height: 13px; text-indent: -9999px; }
	#widgetMembers p.login			{ position: absolute; top: 52px; left: 9px; z-index: 100; }
	
	#widgetMembers p.join,
	#widgetMembers p.join span		{ background: url(../images/join.jpg) no-repeat; width: 32px; height: 13px; text-indent: -9999px; }
	#widgetMembers p.join			{ position: absolute; top: 52px; left: 46px; z-index: 100; }
	
	
	/* Upcoming Events */
	#widgetEvents,
	#widgetEvents h2 span,
	#widgetEvents p span			{ background: url(../images/widget-events.jpg) no-repeat; width: 160px; height: 115px; text-indent: -9999px; color: #FFFFFF; }
	
/* MISC: =misc
----------------------------------------------- */
	hr { display: none; }

	/* 
	* Image replacement using the Gilder/Levin IR technique 
	* http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	*/		
	.replace { 
	position: relative;
	/* hide overflow: hidden from mac ie5 \*/
	overflow: hidden;
	font-size: 1.2em; /* reset to desired font size for good browsers for CSS on/images off situations*/
	/* end hide from mac ie5 */
	}
	.replace span { display: block; position: absolute; top: 0px; left: 0px; z-index:1; /*for Opera 5 and 6*/ }

	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }

	/*
	* "How To Clear Floats Without Structural Markup" -
	* http://www.positioniseverything.net/easyclearing.html
	*/
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */
	
	
}