.thumbnail {
	position: relative;
	display: block;
	float: left;
	padding: 1px 3px 3px 1px;
	margin: 0;
	}
	.thumbnail a:link,
	.thumbnail a:visited {
		display: block;
		width: auto;
		border: 1px solid white;
		}
	.thumbnail a:hover {
		border: 1px solid #1f80ca;    /* blue */
		}
	#ie6 .thumbnail img {
		border-color: #EEE;    /* !  */
		}
	.thumbnail span.icon {
		display: block;
		position: absolute;
		top: 14px;
		left: -8px;
		width: 88px;
		height: 30px;
		}
		.thumbnail.detail a:link .icon,
		.thumbnail.detail a:visited .icon {
			background: url(/includes/files/base/images/icons-24/text_rich-readmore.png) left -60px no-repeat;
			}
			#ie6 .thumbnail.detail a:link .icon,
			#ie6 .thumbnail.detail a:visited .icon {
				background-image: url(/includes/files/base/images/icons-24/text_rich-readmore.gif);
				}
		.thumbnail.detail a:hover .icon {
			background: url(/includes/files/base/images/icons-24/text_rich-readmore.png) left 0 no-repeat;
			}
			#ie6 .thumbnail.detail a:hover .icon {
				background-image: url(/includes/files/base/images/icons-24/text_rich-readmore.gif);
				}


.workResults {
	margin-bottom: 2em;
	}
	.workResults .thumbnail img {
		width: 75px;
		height: 50px;
		border: 5px solid white;
		}


.featuredWork {
	position: relative;
	}
	#ie7 .featuredWork,
	#ie6 .featuredWork {
		height: 1%;
		}
	.featuredWork h3 {
		padding-bottom: 0;
		color: #8b8078;    /* warm grey 8 - lighten */
		font-weight: normal;
		font-style: italic;
		font-size: .9em;
		border-top: 1px solid #e8e5e2;    /* warm grey - very light */
		border-top: 1px solid #8b8078;    /* warm grey 8 - lighten */
		}
		#right .featuredWork h3 {
			font-size: 1.15em;
			}
	.featuredWork li {
/*		position: relative; */
		float: left;
		width: auto;
		list-style: none;
		padding: 0;
		margin: 0;
		}
		.featuredWork li.summary {
			clear: both; 
			width: 100%;
			}
		/* !!  */
		.featuredWork .workTitle {
			padding-top: 10px;    /* same as .shadowEdges img */
			font-weight: bold;
			}
		.featuredWork .workHeadline {
			}
		.featuredWork .clientName {
			font-weight: bold;
			}
		.featuredWork .workDate {
			}



/* TEMP? */
		.featuredWork .thumbnail.large img {
			width: 132px;
			height: 88px;
			}
		.featuredWork .thumbnail.thumb img {
			width: 75px;
			height: 50px;
			}




/* !!  */
.workImage {
	position: absolute;
	top: -40px;
	left: 30px;
	width: 610px;
	height: 310px;
	overflow: hidden;
}
	#ie6 .workImage {
		left: 0;
	}





.resources {
	padding-bottom: 2em;
	}
	.resources .resourceList {
		}
		.resources .resourceList ul {
			}
			.resources .resourceList ul li {
				float: left;
				}
	
			.resources .resourceList ul li.thumbnail {    /* overwrites default .thumbnail styles */
				padding: 0;
				margin: 0;
				}
				.resources .resourceList .thumbnail a:link,
				.resources .resourceList .thumbnail a:visited {
					display: block;
					width: 50px;    /* crops image */
					height: 50px;
					overflow: hidden;
					border: 5px solid #8b8078;    /* warm grey 8 - lighten */
					border: 5px solid #e8e5e2;    /* warm grey - very light */
					}
				.resources .resourceList .thumbnail a:hover {
					border: 5px solid #1f80ca;    /* blue */
					}
				.resources .resourceList .thumbnail img {
					border: 0;
					}





.relatedSolutions,
.relatedProjects,
.relatedCategories {
	clear: both;
	margin-left: -10px;
	padding: 1em 0 1em 9px;
/*	border-left: 1px solid #8b8078;    /* warm grey 8 - lighten */
	}
	.relatedSolutions ul,
	.relatedProjects ul,
	.relatedCategories ul {
		}
		.relatedSolutions ul li,
		.relatedProjects ul li,
		.relatedCategories ul li {
			list-style: none;
			padding: 0;
			}




/* --- MOOTOOLS: floating tool tip --- */
.projecttip-tip {
	z-index: 13000;
	width: 130px;
	text-align: left;
	}
	#ie6 .projecttip-tip {
		background: #444;     /* dark grey */
		}
.projecttip-title {
		color: white;
		padding: 8px 8px 0px;
		background: url(/includes/files/base/images/projecttip-title-Bg.png) left top no-repeat;
		}
	#ie6 .projecttip-title {
		background: none;
		}
	.projecttip-title span {
		padding-top: 4px;
		display: block;
		font-weight: bold;
		font-size: 11px;
		}
.projecttip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	color: white;
	font-style: italic;
	background: url(/includes/files/base/images/projecttip-text-Bg.png) right bottom no-repeat;
	}
	#ie6 .projecttip-text {
		background: none;
		}







/* -------------- HELPER: Fancy Zoom -------------- */
/**/
/* begin */

table.fancyzoom {
	padding: 0;
	border-collapse: collapse;    /* !  */
	}

table.fancyzoom td {
	padding: 0;
	}

table.fancyzoom td.fz1 {
	width: 27px;
	height: 25px;
	background: url(/includes/modules/resources/images/zoom/fz1-Bg-EEEEEE.png) left top no-repeat;
	}
	#ie7 table.fancyzoom td.fz1,
	#ie6 table.fancyzoom td.fz1 {
		background-image: url(/includes/modules/resources/images/zoom/fz1-Bg-EEEEEE.gif);
		}
table.fancyzoom td.fz2 {
	height: 25px;
	background: url(/includes/modules/resources/images/zoom/fz2-Bg-EEEEEE.png) 50% top repeat-x;
	}
	#ie7 table.fancyzoom td.fz2,
	#ie6 table.fancyzoom td.fz2 {
		background-image: url(/includes/modules/resources/images/zoom/fz2-Bg-CSS_fancyZoomBgColor.gif);
		}
table.fancyzoom td.fz3 {
	width: 27px;
	height: 25px;
	background: url(/includes/modules/resources/images/zoom/fz3-Bg-EEEEEE.png) right top no-repeat;
	}
	#ie7 table.fancyzoom td.fz3,
	#ie6 table.fancyzoom td.fz3 {
		background-image: url(/includes/modules/resources/images/zoom/fz3-Bg-EEEEEE.gif);
		}

table.fancyzoom td.fz4 {
	width: 27px;
	background: url(/includes/modules/resources/images/zoom/fz4-Bg-EEEEEE.png) left top repeat-y;
	}
	#ie7 table.fancyzoom td.fz4,
	#ie6 table.fancyzoom td.fz4 {
		background-image: url(/includes/modules/resources/images/zoom/fz4-Bg-EEEEEE.gif);
		}
table.fancyzoom td.fz5 {
	background: white;
	background: #EEEEEE;
	}
table.fancyzoom td.fz6 {
	width: 27px;
	background: url(/includes/modules/resources/images/zoom/fz6-Bg-EEEEEE.png) right top repeat-y;
	}
	#ie7 table.fancyzoom td.fz6,
	#ie6 table.fancyzoom td.fz6 {
		background-image: url(/includes/modules/resources/images/zoom/fz6-Bg-EEEEEE.gif);
		}

table.fancyzoom td.fz7 {
	width: 27px;
	height: 26px;
	background: url(/includes/modules/resources/images/zoom/fz7-Bg-EEEEEE.png) left bottom no-repeat;
	}
	#ie7 table.fancyzoom td.fz7,
	#ie6 table.fancyzoom td.fz7 {
		background-image: url(/includes/modules/resources/images/zoom/fz7-Bg-EEEEEE.gif);
		}
table.fancyzoom td.fz8 {
	height: 26px;
	background: url(/includes/modules/resources/images/zoom/fz8-Bg-EEEEEE.png) 50% bottom repeat-x;
	}
	#ie7 table.fancyzoom td.fz8,
	#ie6 table.fancyzoom td.fz8 {
		background-image: url(/includes/modules/resources/images/zoom/fz8-Bg-EEEEEE.gif);
		}
table.fancyzoom td.fz9 {
	width: 27px;
	height: 26px;
	background: url(/includes/modules/resources/images/zoom/fz9-Bg-EEEEEE.png) right bottom no-repeat;
	}
	#ie7 table.fancyzoom td.fz9,
	#ie6 table.fancyzoom td.fz9 {
		background-image: url(/includes/modules/resources/images/zoom/fz9-Bg-EEEEEE.gif);
		}


/* end */





/* -------------- HELPER: Dropshadow -------------- */
/* Dropshadow coding based on http://www.positioniseverything.net/articles/dropshadows.html 

/* begin */


/* --- Dropshadow elements ---*/
html>body .shadowCornerTop {    /* !  */
	background: url(/includes/files/base/images/shadow/cornerTR-Bg.png) right top no-repeat;
	}

html>body .shadowCornerBottom {    /* !  */
	background: url(/includes/files/base/images/shadow/cornerBL-Bg.png) left bottom no-repeat;
	padding-top: 8px;
	padding-left: 8px;
	}

html>body .shadowEdges {    /* !  */
	background: url(/includes/files/base/images/shadow/edges-Bg.png) bottom right;
	}
	.shadowEdges img {    /* !  */
		border: 10px solid #fff;
		vertical-align: bottom;
		}

html>body .shadowObject {    /* !  */
	position: relative;
	left: -8px;
	top: -8px;
	}



/* --- Custom width constraints and extra styling --- */
.floatimage {
	float: left;    /* !  */
	margin: 130px 0 0 450px;
	display: inline;    /* !  */
	}

.flashbox {    /* !  */
	position: absolute;
	left: 377px;
	top: 30px;
	}
	.flashbox .shadowObject {
		background: #eed;
		border: 1px solid #ccb;
		}

.absoluteimage {    /* !  */
	position: absolute;
	left: 40px;
	top: 200px;
	}

.textbox {
	position: absolute;    /* !  */
	left: 20px;
	top: 1.8em;
	}
	.textbox .shadowObject {    /* !  */
		border: 1px solid #ccc;
		background: #e8e8e8;
		width: 330px;
		height: 210px;
		overflow: auto;
		}

.linkbox {
	position: absolute; /* !  */
	left: 10px;
	top: 6px;
	}
	.linkbox .shadowObject {
		display: block;
		background: #fff;
		border: 1px solid #ccc;
		padding: 3px 5px;
		}




/* -------------- popup viewer -------------- */ 
#r_ShadowBox table tr td,
#p_ShadowBox table tr td {
	margin: 0px;
	padding: 0px;
	}


.audioResourceDisplay,
.fileResourceDisplay {
	position: relative;
	text-align: left;
	margin: 0 auto 0;
	padding-top: 20px;
	width: 400px;    /* 724 max */
	height: 380px;    /* 400 ish max */
	background: url(/includes/modules/resources/images/audioResourceDisplay-Bg-EEEEEE.gif) 50% 40px no-repeat;
	}
	.audioResourceDisplay .resourceList,
	.fileResourceDisplay .resourceList {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 400px;
		height: 120px;
		overflow: auto;
		}
	.fileResourceDisplay .resourceList {
		height: 120px;
		}
		.fileResourceDisplay .resourceList li {
			height: 18px;    /* 24px max */
			padding: 6px 0 0 38px;
			background: url(/includes/modules/resources/images/fileTypes/combined-24-EEEEEE.gif) left 0px no-repeat;
			}
			.fileResourceDisplay .resourceList li.pdf {
				background-position: left -50px;
				}
			.fileResourceDisplay .resourceList li.doc {
				background-position: left -100px;
				}
			.fileResourceDisplay .resourceList li.txt {
				background-position: left -150px;
				}
			.fileResourceDisplay .resourceList li.ppt {
				background-position: left -200px;
				}
			.fileResourceDisplay .resourceList li.xls {
				background-position: left -250px;
				}
.fileResourceDisplay {
	background: url(/includes/modules/resources/images/fileResourceDisplay-Bg-EEEEEE.gif) 50% 40px no-repeat;
	}


#imageCaroselContainer {    /* !  */
	text-align: center;
	background: EEEEEE;
	background: white;
	border: 1px solid #e8e5e2;    /* warm grey - very light */
	border-width: 0px 0;
	}
	#imageCaroselContainer ul li {
		list-style: none;
		display: inline;
		margin: 0;
		padding: 0;
		}
		#imageCaroselContainer a:link,
		#imageCaroselContainer a:visited {
			display: block;
			float: left;
			border: 5px solid #e8e5e2;    /* warm grey - very light */
			}
		#imageCaroselContainer a:hover {
			border-color: #1f80ca;    /* blue */
			}
			#imageCaroselContainer a.current {
				border-color: #8b8078;    /* warm grey 8 - lighten */
				}
	#imageCaroselContainer .summary { 
		float: left;
		width: 198px;
		padding: 2px;
		margin-right:10px;
		text-align: left;
	}
		#imageCaroselContainer .summary h4 { 
			margin: 0;
			padding: 2px 0;
		}


#resourceGalleryHeader,
#projectGalleryHeader {
	font-weight: bold;
	}

#r_ZoomBox ul li,
#p_ZoomBox ul li {
	list-style: none;
	}

#resourceGalleryOther,
#projectGalleryOther {
	}
	#resourceGalleryOther tr,
	#projectGalleryOther tr {
		margin-bottom: 15px;
		}
		#resourceGalleryOther tr td,
		#projectGalleryOther tr td {
			padding: 10px;
			}
	#resourceGalleryOther li,
	#projectGalleryOther li {
		margin: 0px;
		}




/* end */




#ie7 .featuredWork ul,
#ie6 .featuredWork ul/*,
#ie7 .shadowObject,
#ie6 .shadowObject,
#ie7 .thumbnail,
#ie6 .thumbnail*/ {    /* !  */
	position: static; 
	}