/*	
	======================================================================

	projects.css

	======================================================================
	Sustainable By Design PHP Library Component
	Version 2006.11.06
	Copyright 2006, 2005, 2004 Sustainable By Design
	======================================================================
*/


/* ----------------------------------------------------
   LAYOUT
   ---------------------------------------------------- */

	#projectThumbs {
	
		position: absolute; 
		top: 15px; 
		left: 239px; 
		width: 285px;
		z-index: 100;
	}
	
	#projectList {
	
		position: absolute; 
		top: 15px; 
		left: 526px;
		width: 300px;
		z-index: 100;
	}

	#projectListByName {
	
		display: none;
	}
	
	.projectListByNamePage {
	
		display: none;
	}
	
	#projectListByType {
	
		display: none;
	}

	#lowerLeftImage {
	
		position: absolute;
		     top: 271px; 
		    left: 0px; 
		  height: 256px;
		   width: 190px;
		 z-index: 10;
	}
	
/* ----------------------------------------------------
   CONTENT
   ---------------------------------------------------- */

	.projectPageCategoryDim {
	
		color: #777777;
		font-size: 12px;
	}
	
	.projectPageCategoryActive {
	
		color: #FFFFFF;
		font-size: 12px;
	}
	
	.projectPageProject {
	
		font-size: 11px;
		color: #777777;
	}

/* ----------------------------------------------------
   BY NAME/TYPE MENUS
   ---------------------------------------------------- */

	/* -------------- */
	/* BY NAME ACTIVE */
	/* -------------- */
	
		/* byName class */
	
	.projectsByName a.byName:link, 
	.projectsByName a.byName:visited {
	
				  color: #FFF; 
			 font-style: normal; 
		text-decoration: none;
	}
	
	.projectsByName a.byName:hover, 
	.projectsByName a.byName:active {
	
		          color: #FFF; 
		     font-style: normal; 
		text-decoration: none; 
	}

		/* byType class */
	
	.projectsByName a.byType:link, 
	.projectsByName a.byType:visited {
	
				  color: #777; 
			 font-style: normal; 
		text-decoration: none;
	}
	
	.projectsByName a.byType:hover, 
	.projectsByName a.byType:active {
	
		          color: #FFF; 
		     font-style: normal; 
		text-decoration: none; 
	}

	/* -------------- */
	/* BY TYPE ACTIVE */
	/* -------------- */
	
		/* byName class */
	
	.projectsByType a.byName:link, 
	.projectsByType a.byName:visited {
	
				  color: #777; 
			 font-style: normal; 
		text-decoration: none;
	}
	
	.projectsByType a.byName:hover, 
	.projectsByType a.byName:active {
	
		          color: #FFF; 
		     font-style: normal; 
		text-decoration: none; 
	}

		/* byType class */
	
	.projectsByType a.byType:link, 
	.projectsByType a.byType:visited {
	
				  color: #FFF; 
			 font-style: normal; 
		text-decoration: none;
	}
	
	.projectsByType a.byType:hover, 
	.projectsByType a.byType:active {
	
		          color: #FFF; 
		     font-style: normal; 
		text-decoration: none; 
	}