#projectList {
	position: relative;
	top: 0px;
	left: 0px;
	width: 400px;
	-webkit-transition: color 1s linear;
	transition: color 1s linear; }
		
#projectList ul {
	position: relative;
	font-weight: bold;	
	font-size: 11px;
	line-height: 1.75em;
	text-align: right;
/*	text-transform: uppercase; */
	list-style-type: none;
	text-shadow: #000000 0 0 10px;
	overflow: visible; }
#projectList .projectName {
	float: left;
	color: #66665c; 
	-webkit-transition: color .2s linear;
	transition: color .2s linear; }
#projectList .projectName:hover {
	cursor: pointer; }
#projectList .projectLocation {
	color: #44443a;
	margin-left: 2em;
	-webkit-transition: color .2s linear;
	transition: color .2s linear; }
#projectList .projectLocation:hover {
	cursor: pointer; }
/*#projectListLine {
	position: absolute;
	width: 800px;
	height: 1px;
	background-color: #555;
	-webkit-transition: width .2s linear;
	transition: width .2s linear; }*/

#projectThumbnails {
	position: absolute;
	left: 0px;
	width: 700px;
	top: -166px; }

#projectThumbnails ul li {
	position: relative;
	float: left;
	height: 150px;
	width: 150px;
	margin-right: 5px;
	list-style-type: none;
	background-position: bottom right;
	background-repeat: no-repeat;
	opacity: .6; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;	}

#projectThumbnails ul li:hover {
	cursor:  pointer; }

#projectContainer {
	position: relative; }
	
.projectText {
	position: absolute;
	/*top: -2px;*/
	/*left: 310px;*/
	left: 310px;
	width: 390px;
	margin-left: 10px;
	color: #a5a596; }
	
.projectLeftColumn {
	position: absolute;
	float: left;
	width: 304px;
	background-repeat: no-repeat; 
	font-size: 10px;
	font-style: italic; 
	line-height: 1.2em;
	color: #78786e; }
	#projectImageContainer {
		position: relative;
		margin-bottom: -4px;
		background-image: none; }
	#projectImageContainer img {
		border: 4px black solid; }
	#projectImageContainer:hover {
		cursor: e-resize;}		
	.projectCredits {
		line-height: 1.4em;
		margin-top: 10px; }
	.projectBackButton {
		margin-top: 15px; }
	.projectBackButton:hover {
		color: #fff; 
	 	cursor: pointer; }
	 #arrow {
		font-size: 14px; }

.projectTitle {
	position: absolute;
	top: -108px;
	left: 3px;
	width: 700px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #fffff0; }
	
.projectThumbs{
	position: absolute;
	width: 720px;
	top: -83px; }

.projectThumbs li {
	position: relative;
	float: left;
	width: 88px;
	height: 65px;
	margin-right: 10px;
	border:  4px black solid;
	opacity: .5; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear; }

.projectImages li {
	position: relative;
	float: right;
	top: 10px;
	height: 12px;
	width: 12px;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: -3px;
	/*list-style-image: url(../images/siteComponents/dotOpen.png);*/
	list-style-type: none;
	list-style-position: inside; }
.projectImages li:hover {
	cursor: pointer; }