body{
/*
	background-image: url(../images/lightBox.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
*/
	background-color: #E1E1E1;
}


.container{
	margin: 50px 30px 0px 195px;
/* 	background-color: #FF9900; */
	min-width: 300px;
	max-width: 90em;
	overflow: hidden; /* Have to have this to stop the parent div collapsing with floats and bottom margin collapse with block elements that have no width specified*/
}


.projectPod{
	float: left;
	width: 249px;
/* 	background-color: fuchsia; */
	margin: 0px 5px 10px 0px;
	padding: 3px;
}

.projectPod img{
	display: block;
}

.projectPod:hover{
	background-color: #f3f3f3;
}


.projectPod h1{
	font-weight: bold;
	line-height: 1.2em;
	color: #464646;
	margin: 15px 0px 0px 0px;
	text-align: center;
}

.projectPod p{
	font-family: Georgia;
	font-style: italic;
	color: #888888;
	text-align: center;
}

.projectPod strong{
	font-family: Georgia;
	font-style: italic;
	font-weight: normal;
	color: #3880b0;
	text-align: center;
	text-decoration: none;
}

.projectPod a{
	display: block;
	text-decoration: none;
	font-style: normal;
	text-align: center;
	padding-bottom: 10px;
}

.projectPod a:hover strong{
	text-decoration: underline;
}


.thumbnail{
	display: block;
	height: 133px;
	width: 249px;
/* 	background-color: maroon; */
}