
/*****************
CATEGORY LISTING
******************/

h2 { font-family: Arial, sans-serif; font-size: 12px; color: #999999; font-style:normal; font-weight: normal; text-transform: uppercase; }

.categoryListContainer { margin: 0px; padding: 0px; padding-top: 32px; width: 650px; float: left; padding-bottom: 40px; }

.categoryList { margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; float: left; font-style: normal; font-weight: normal; display:block; width:215px; }

.categoryListReturn { margin: 0px; padding: 0px; padding-top: 32px; width: 200px; float: left; text-align: right; }

.mainCategory { display: block; margin: 0px; padding: 0px; width: 850px; float: left; padding-bottom: 25px; }

.categoryThumbnail { margin: 0px; padding: 0px; padding-bottom:11px; width: 112px; height: 105px; float: left; position: relative;}

.categoryThumbnailDivider { margin: 0px; padding: 0px; width: 11px; float: left; font-size: 2px; }

.categoryUnchecked a { margin: 0px; padding: 0px; text-indent: 20px; background-image: url(../images/checkbox.gif); background-repeat: no-repeat; background-position: left 1px; display: block; height:19px; line-height:19px; overflow:hidden; }

.categoryChecked a { margin: 0px; padding: 0px; text-indent: 20px; background-image: url(../images/checkbox_on.gif); background-repeat: no-repeat; background-position: left 1px; display: block; height:19px; line-height:19px;  overflow:hidden; }

.categoryUnchecked a { text-decoration: none; color: #999999; }


/* caption styling */

.categoryThumbnail a:hover .projectThumbnailCaption {
	display: block;
	background: #111;
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0;
	width: 112px;
	height: 105px;	
	cursor: pointer;
	
font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; float: left; font-style: normal; font-weight: normal; text-decoration: none;

}

.captionText {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px 10px 5px 10px;
}

.categoryThumbnail a,
.categoryThumbnail a:link,
.categoryThumbnail a:hover,
.categoryThumbnail a:active,
.captionText a { text-decoration: none;  }

.categoryThumbnail a .projectThumbnailCaption {	display: none; }
