@media screen, projection {

/* BIG DEAL HOMEPAGE: =dealHome
----------------------------------------------- */
	#dealHome *					{ margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
	body #dealHome				{ margin-left: 0; margin-top: 0; }
	#dealHome #dealContainer	{ width: 900px; position: relative; }
	#dealHome #dealHeader		{ width: 900px; position: relative; }
	#dealHome #dealFooter		{ width: 900px; padding: 300px 0 0 0; }
	
	/* Header */
	#dealHome #dealHeader		{ background: url(header-bg.jpg) no-repeat; width: 900px; height: 282px; }
	#dealHome #dealHeader h1	{ background: url(bigdeal.gif) no-repeat; width: 407px; height: 122px; position: absolute; top: 25px; right: 40px; text-indent: -9999px; }
	
	/* Navigation */
	#dealHome #dealNav ul		{ list-style-type: none; position: absolute; top: 200px; right: 35px; z-index: 1000; }
	#dealHome #dealNav ul li	{ float: left; }
	
	#dealHome #dealNav ul li#navDiversity,
	#dealHome #dealNav ul li#navDiversity span	{ background: url(nav-diversity.gif) no-repeat; width: 73px; height: 19px; margin: 0 15px 0 0; }
	
	#dealHome #dealNav ul li#navClass,
	#dealHome #dealNav ul li#navClass span		{ background: url(nav-class.gif) no-repeat; width: 99px; height: 19px; margin: 0 15px 0 0; }
	
	#dealHome #dealNav ul li#navRadio,
	#dealHome #dealNav ul li#navRadio span		{ background: url(nav-radio.gif) no-repeat; width: 121px; height: 19px; }
	
	/* Left Content */
	#dealHome #dealLeft			{ width: 500px; height: auto; min-height: 320px; background: url(content-border.gif) no-repeat; position: absolute; top: 195px; left: 10px; z-index: 200; }
	
	/* Overflow Scroll Hack */
	#dealHome #dealLeft #dealScroll	{ width: 400px; height: 320px; overflow: auto; position: absolute; top: 35px; left: 20px; }
	
	#dealHome #dealLeft			{ font-size: 12px; color: #999B9E; padding: 20px 0 0 0; }
	#dealHome #dealLeft p		{ padding: 10px 20px 10px 10px; }
	
	#dealHome #dealLeft dl		{ padding: 10px 20px 10px 15px; }
	#dealHome #dealLeft dl dt	{ padding: 0 0 8px 0; }
	#dealHome #dealLeft dl dd	{ background: url(bullet.gif) no-repeat 0 6px; padding: 0 0 8px 10px; line-height: 16px; }
	
	#dealHome #dealLeft ul		{ padding: 10px 20px 10px 15px; list-style-type: none; }
	#dealHome #dealLeft ul li	{ background: url(bullet.gif) no-repeat 0 5px; padding: 0 0 8px 10px; }
	
	#dealHome #dealLeft ol		{ padding: 10px 20px 10px 15px; list-style-type: none; }
	#dealHome #dealLeft ol li	{ background: url(bullet.gif) no-repeat 0 5px; padding: 0 0 8px 10px; }
	
	#dealHome #dealLeft a		{ color: #68AEE0; text-decoration: underline; }
	#dealHome #dealLeft a:hover	{ text-decoration: underline; }
	
	/* Right Content */
	#dealHome #dealRight		{ width: 435px; height: 300px; border: 10px solid #77787B; background: #77787B; z-index: 500; position: absolute; top: 230px; right: 10px; }
	
	/* Right Content Flash Check */
	#dealHome #dealRight h1		{ font-size: 16px; color: #FFFFFF; padding: 0 0 20px 0; }
	#dealHome #dealRight p		{ font-size: 11px; color: #CCCCCC; }
	
	#dealHome #dealRight a			{ color: #FEBE10; text-decoration: underline; }
	#dealHome #dealRight a:hover	{ text-decoration: none; }
	
	/* Footer */
	#dealHome #dealFooter		{ background: url(footer-border.gif) no-repeat left bottom; margin: 0 0 10px 10px; height: 120px; }
	#dealHome .widgetLocation	{ margin: 0 0 20px 21px; }
	
	#dealHome #dealFooter img	{ border: none; }
	
	#dealHome #dealFooter #widgetTools		{ height: 102px; width: 200px; float: left; }
	#dealHome #dealFooter #widgetPerks		{ height: 102px; width: 200px; float: left; margin: 0 0 0 10px; }
	#dealHome #dealFooter #widgetPromises	{ height: 102px; width: 200px; float: left; margin: 0 0 0 10px; }
	#dealHome #dealFooter #widgetWOW		{ height: 102px; width: 200px; float: left; margin: 0 0 0 10px; }
	
/* 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 */

}
