#greatplace { padding-bottom: 0; }

	ul#perceptionshaper {
		font-size: 110%;
		position: relative;
		margin: 0;
		padding: 0;
		background-color: #FF9999;
		}
	
		li#shop, li#work, li#invest {
			float: left;
			background-repeat: no-repeat; 
			list-style: none;
			height: 44px;
	/*		margin-top: 33px; /* For IE5 Mac only - reset to 0 below * /
			margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
			margin: 0;
			padding: 0;
			text-indent: 0;
			}
		
		li#shop { background-image: url("/images/homepage/mission_shop_on.gif"); /* This is to preload the hover state */ }
		li#work { background-image: url("/images/homepage/mission_work_on.gif"); /* This is to preload the hover state */ }
		li#invest { background-image: url("/images/homepage/mission_invest_on.gif"); /* This is to preload the hover state */ }
		li#shop { background-image: url("/images/homepage/mission_shop_off.gif"); /* 12/16/05 Switched to OFF to disable perception shaper */ }
		li#work { background-image: url("/images/homepage/mission_work_off.gif"); /* 12/16/05 Switched to OFF to disable perception shaper */ }
		li#invest { background-image: url("/images/homepage/mission_invest_off.gif"); /* 12/16/05 Switched to OFF to disable perception shaper */ }

			a#shop-activator, a#work-activator, a#invest-activator {
				background-repeat: no-repeat; /* for IE 5 Mac */
				height: 15.5em;
				position: absolute;
				top: 0;
				}

			a#shop-activator:hover { background: url("/images/homepage/mission_shop_on.gif") no-repeat; /* no background-x styles work here */ }
			a#work-activator:hover { background: url("/images/homepage/mission_work_on.gif") no-repeat; /* no background-x styles work here */ }
			a#invest-activator:hover { background: url("/images/homepage/mission_invest_on.gif") no-repeat; /* no background-x styles work here */ }

			a#shop-activator { /* if background is on a:link IE6 won't display properly  */
				background-image: url("/images/homepage/mission_shop_off.gif"); /*can be just background */ 
				left: 0;
				margin-left: -240px;
				width: 64px;
				}
			li>a#shop-activator { margin-left: 0; }

				#shop-bin { left: 0; }
	
			a#work-activator { /* if background is on a:link IE6 won't display properly  */
				background-image: url("/images/homepage/mission_work_off.gif"); /*can be just background */
				left: 64px;
				margin-left: -240px;
				width: 84px;
				}
			li>a#work-activator { margin-left: 0; }
				
				#work-bin { left: -64px; }
	
			a#invest-activator { /* if background is on a:link IE6 won't display properly  */
				background-image: url("/images/homepage/mission_invest_off.gif"); /*can be just background */
				left: 160px;
				margin-left: -240px;
				width: 78px;
				}
			li>a#invest-activator { margin-left: 0; }
	
				#invest-bin { left: -160px; }
	
				#shop-bin, #work-bin, #invest-bin {
					width: 234px;
					overflow: hidden;
					position: absolute;
					top: 35px;
					height: 215px;
					line-height: 110%;
					visibility: hidden;
					}

				a:hover #shop-bin, a:hover #work-bin, a:hover #invest-bin { visibility: visible; }
		
					.headline {
						font-weight: bold;
						padding: 0;
						margin: 0;
						}
						
					.summary {
						padding: 0 0 6px 0;
						margin: 0;
						}
				
					.photo {}
					
			li#shop a img { /*width: 64px; /* This is to preload the hover state */ }
			li#work a img { /*width: 96px; /* This is to preload the hover state */ }
			li#invest a img { /*width: 81px; /* This is to preload the hover state */ }

			/**********************************************************/
			/*                                                        */
			/* commented backslash hack v2 - hide rules from IE5 Mac  */
			/*                                            ------->   \*/
			#perceptionshaper li {
				display: inline;
				margin-top:0;
				margin-bottom:0;
				}

			#perceptionshaper li#shop { width: 64px; /* This is to preload the hover state */ }
			#perceptionshaper li#work { width: 96px; /* This is to preload the hover state */ }
			#perceptionshaper li#invest { width: 81px; /* This is to preload the hover state */ }

				#perceptionshaper li a {
					padding-top: 0; 
					padding-bottom: 0;
					padding-right: 10px; 
					display: block;
					text-decoration: none;
					line-height: 22px;
					}
			/*                                                        */
			/* end hack                                               */
			/*                                                        */
			/**********************************************************/








/*	#perceptionshaper li a { /* if background is on a:link IE6 won't display properly  * /
/*		padding-top: 32px; /* For IE5 Mac only - reset to 0 below * /
		padding-left: 5px; 
		padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below * /
		padding-right: 32px; /* For IE5 Mac only - reset to 10 below * /
		color: yellow;
		font-family: "Arial Black", sans-serif;
		text-align: center; */
		/*height or width in here will stop main image change in IE5 Win
		luckily, line-height is OK! - hidden from IE5 Mac see below
		a must be block to display background-image in IE Win
		 - but also needs to be hidden from IE5 Mac see below * /
		}*/
	
/*			#perceptionshaper li a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 * /{
				height: 22px;
				}


				#perceptionshaper li a img {
			/*		width: 88px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
			/*		position: absolute; */
			/*		top: 200px;
					height: 67px;
					left: 500px;
					top: 0px;
					left: 0px;
					border: 1px solid black; */
			/*		display: none; */
			/*		visibility: hidden; * /
					}
*/