/* Styles for site widgets */


/**************************************************
Photo Gallery */

/* Gallery list */
.galleryThumb {
	display:inline-block;
	width:192px;
	vertical-align:top;
	text-align:center;
}
.galleryThumb img {
	/* background:#B6604C; */

	width:150px;
	height:auto;
	max-height:120px;
	min-height: 120px;
	margin:7px 14px;
}
.galleryThumb a {
	color:#19164F;
}

/* "Photo frame" for galleries and the main image */
.galleryThumb img,
#main_image img {
	background:#19164F;
	padding:7px;

	/* Horizontal offset / vertical offset / blur amount */
	box-shadow:3px 3px 5px #888;
	-moz-box-shadow:3px 3px 5px #888;
	-webkit-box-shadow:3px 3px 5px #888;

	/* Rounded corners - works in Safari/Firefox/Chrome */
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

	/* IE filter for box shadow */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);
}

/* Main photo */
#main_image {
	float:left;
	text-align:center;
	margin:10px 0;
	width:500px;
	min-height:300px;
}
#main_image img {
	margin-bottom:5px;
}
#main_image .caption {

}

/* Thumbnails */
div.gallery_demo_unstyled {
	float:right;
	width:350px;
}
ul.gallery_demo_unstyled {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.gallery_demo_unstyled li {
	border:2px solid #19164F;
	float:left;
	margin:0 2px;
	height:50px;
	width:69px;
	overflow:hidden;
	text-align:center;
}

/* Thumbnail pagination */
.galleryPagination {
	text-align:center;
	margin-top:5px;
}

/* Gallery back link */
.backToGalleryLink {
	margin-top:7px;
}

.backtoGalleryLink a {
	color:#1B184E;
}


/* Sample photos on front page */
.samplePhotos {
	text-align:center;
	margin:0 0 2em 0;
	padding:0;
}
.samplePhotos li {
	display:inline-block;
	margin:0 0.5em;
	padding:0;

	/* IE7 inline-block hack */
	zoom:1;
	*display:inline;
}
.samplePhotos img {
	width:85px;
	height:85px;
	border:5px solid #1E1951;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}



/************************************************************/
/* Testimonials Widget */


/* Testimonial list */
div.testimonials {
	padding-left:25px;
	font-size:10pt;
}
div.testimonials>div { /* Single testimonial */
	margin:0 0 2.5em 0;
}
div.testimonials div.testimonialText { /* Text body for each testimonial */
}
div.testimonials div.testimonialPerson { /* Person's name and where they're from */
	font-weight:bold;
	color:#19164F;
	margin-top:1em;
}

/* Fancy quotes -- works in all but IE7 (where it simply won't show up) */
div.testimonials div.testimonialText:before,
div.testimonials div.testimonialText:after {
	color:#19164F;
	font-weight:bold;
	font-size:18pt;
	line-height:10pt;
	position:relative;
}
div.testimonials div.testimonialText:before {
	content:'\201C'; /* Left curly quote */
	float:left;
	top:0.2em;
	margin-left:-0.55em;
}
div.testimonials div.testimonialText:after {
	content:'\201D'; /* Right curly quote */
	float:right;
	padding-left:0.1em;
	top:-0.5em;
}