/* CSS Document */



#portfolio, #portfolio td {
	/*border: 1px solid #050001;*/
}

/* Site re-design changes: March 2010*/
#sectionlabel { 
	font-weight: bold;
	text-align: right;
}



#portfolio {
	border-collapse: collapse;
}



.photomoreon {	width: 220px }
.photomoreoff { width: 670px }

/* Site re-design changes: March 2010*/
.photogridmain {width: 540px}


.loading { background: url('/graphics/loading.gif') no-repeat center center }



#photoarea span {
	display: block;
	text-align: center;
}



#awards, #pproj {
	padding: 20px;
	font-size: small;
}



#awards ul {
	margin: 0 0 0 15px;
	padding: 0;
	font-size: x-small;
	text-align: left;
	list-style-type: square;
}



#awards ul li {
	margin: 0;
}


#photogrid { 
	margin: 0 auto;
	width: 350px;
}

#photogrid a {
	display: block; 
	float: left;
	margin: 6px;
	padding: 1px;
}

#tproj { margin-bottom: 12px }


/* Site re-design changes: March 2010*/
#projmoreinfo {
	float: right;
	z-index: 5;
	position: absolute;
	right: 0;
	width: 275px;
	margin: 0 15px;
	border-style:none;	
}

#projmoreinfo div {
	margin: 10px 0;
	text-align: right;
}

#projmoreinfo_a { 
	color: #FFF;
	padding-left: 30px;
	font-size: 11px;
	text-decoration: none;
	background-position: center left;
	background-repeat: no-repeat;
}

#projmoreinfo_a.more { background-image: url('/graphics/arrowmore.gif') }

#projmoreinfo_a.less { background-image: url('/graphics/arrowless.gif') }

#projtitlerollover {
	text-align: center;
}