/*override #content padding (from layout.css)*/
#content {
	padding-top:100px;
}

.galleryContainer h2 {
	position:absolute;
	left:650px;
	top:10px;
	font-size:1.2em;
	font-weight:bold;
}

#gallerySummary {
	width:260px;
	position:absolute;
	left:670px;
	top:385px;
	border-top:1px solid #999;
}

#gallerySummary p {
	padding-top:10px;
	font-family: "Lucida Grande", Trebuchet, Verdana, sans-serif;
	font-size:0.9em;
	line-height:1.5;
	text-align:left;
	margin:0;
}

/*general galleria css:*/
.galleria{
	list-style:none;
	width:200px;
	}
.galleria li{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0;
	}
.galleria li a{
	display:none;
	}
.galleria li div{
	position:absolute;
	display:none;
	top:0;
	left:180px;
	}
.galleria li div img{
	cursor:pointer;
	}
.galleria li.active div img,.galleria li.active div{
	display:block;
	}
.galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
	}
.galleria li .caption{
	display:block;
	padding-top:.5em;
	}
* html .galleria li div span{width:400px} /* MSIE bug */


/*my specific implementation:*/
.caption{
	font: 0.9em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#333;
	}
.galleryContainer{
	position:relative;
	margin-top:2em;
	height:675px;
	}

.gallery{
	width:250px;
	height:300px;
	overflow:auto;
	position:absolute;
	left:650px;
	top:55px;
	}


.gallery li{
	width:68px;
	height:68px;
	border:none;
	margin:1px;
	background:#000;
	}

#main_image{
	height:610px;
	width:610px;
	position:absolute;
	left:25px;
	top:10px;
	background:#d5cac6;
	}
#main_image img{
	margin:5px;
	}

.nav{
	position:absolute;
	left:715px;
	top:350px;
	font:80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	}

.info{
	text-align:left;
	width:520px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
	}
.info p{
	margin-top:1.6em;
	}