

.tiles {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 239px;
	clear: both;
}
	
	.tiles li {
		display: inline;
		width: 239px;
		height: 239px;
		float: left;
		margin: 0 5px 0 0;
		}
		
		.tiles a {
			display: block;
			width: 239px;
			height: 239px;
			position: absolute;
			color: #fff;
			}
			
		.tiles a:hover {
			text-decoration: none;
			}
			
		.tiles a .overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 239px;
			height: 239px;
			background: #000;
			
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); 
			-moz-opacity: 0.4;			
			opacity:.40;
			
			cursor: pointer;
			}
			
			.tiles a:hover .overlay {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
				-moz-opacity: 0;			
				opacity:.0;
			}
			
			
		.tiles .summary_wrapper {
			display: block;
			position: absolute;
			top: -5px;
			left: -5px;
			width: 117px;
			height: 117px;
			z-index: 100;
			border: 5px solid #232629;
			cursor: pointer;
			}
			
		.tiles .summary_wrapper .background {
				background: #000;
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				width: 117px;
				height: 117px;

				filter:alpha(opacity=90);
				-moz-opacity: 0.9;
				opacity: 0.9;
				}	
			
		.tiles .summary {
			color: #fff;
			display: block;
			padding: 10px;
			height: 97px;
			position: relative;
			z-index: 10;
			}
			
			.tiles .summary .name {
				font-weight: normal;
				font-size: 16px;
				display: block;
				width: 97px;
				}
				
				.tiles .summary .name object {
					margin-left: -3px;
					cursor: pointer;
					}
					
			.tiles .summary .description {
				font-size: 10px;
				line-height: 12px;
				display: block;
				}
			
			.tiles .summary em {
				font-style: normal;
				}
				
/* [ Size Variation ] */
	.tiles li.small {
		height: 117px;
		margin-bottom: 5px;
		overflow: hidden;
		}
	
	.tiles li.small a {
	    height: 117px;
	}
		
	.tiles li.small a .overlay {
		height: 117px;
		}
		
				
/* [ Variations ] */

.tiles .domestic .summary_wrapper {left: auto; right: -5px;}
.tiles .domestic .background {background: #C68424;}
.tiles .grassroots .background {background: #55a51c;}
.tiles .international .background {background: #000;}


