.shingleHolder  
{
	font: 12px/18px Verdana, Arial, sans-serif; color:#333;
	height: 554px;
	width: 220px;
	background:url(../images/shingles/shingleBackTile.png);
}

.shingleHolder .shingles
{
	padding: 0;
	margin: 0px 1px 0px 1px;
	position: relative; 
	overflow: hidden;
	height: 524px;
}

.shingleHolder div.title 
{ 
	background: url(../images/shingles/shingleHeaderBG.png) no-repeat top left; 
	color: #4b4b4b; 
	font-size: 11px;
	font-weight: bold;
	height: 25px; 
	line-height: 25px; 
	margin-bottom: 0; 
	padding: 0 0 0 12px; 
}


.shingleHolder .shingles .handle a
{ 
	color: #fff;
}


.shingleHolder .shingles li 
{ 
	display: block; 
	z-index: 1; 
	width: 100%; 
	position: absolute; 
	top: 0;
}

.shingleHolder .shingles img.photo 
{ 
	display: block; 
	margin: 1px 1px -10px 1px;
	border: none;
}


/* The "obscured" styles are used when the shingle is NOT selected */
.shingleHolder .shingles li.obscured .handle { background-position: 0 100%; }
.shingleHolder .shingles li.obscured .handle .description { color: #666; }
.shingleHolder .shingles li.obscured .handle strong { color: #666; }
.shingleHolder .shingles li.obscured .handle a { color: #999; }

/* These are the styles used by the selected shingle */
.shingleHolder .shingles .handle a { color: #fff; }
.shingleHolder .shingles .handle { display: block; padding: 12px 8px 0px 8px; height: 31px; margin-bottom: -6px; background: url(../images/shingles/shingleHandleBG.png) -224px 100% no-repeat; overflow: hidden; _margin-bottom: -3px; }
.shingleHolder .shingles .handle strong { display: block; font-size: 13px; color: #fff; font-weight: bold; height: 18px; white-space: nowrap; overflow: hidden; }
.shingleHolder .shingles .handle .description { color: #fff; overflow: hidden; }