/* ---------------------------------- PHOTO GALLERY STYLES -------------------------------- */

/* other styles in javascript/jcarousel/skins/tango/skin.css */
#photoGallery {/* container for photo galleries */
text-align:center;
}
#photoGallery div {
text-align:left;
}
.photo_gallery a.gallery_enlarge {
}
.photo_gallery a.gallery_enlarge img {
width:200px;height:200px;
}
.photo_gallery {
float:left;width:200px;padding:10px;
}
.photo_gallery_page {
float:left;width:140px;padding:8px;
}
.photo_gallery_page a.gallery_enlarge {
width:140px;height:140px;overflow:hidden;display:block;
}
.photo_gallery_page a.gallery_enlarge img {
width:140px;
}

.jcarousel-skin-tango .jcarousel-container { /* container for thumbnail images */
	/* margin:0 0 20px 20px; for vertical carousel */ 
	margin:0 0 20px 0; /* for horizontal carousel */ 
	/* float:left;for vertical carousel */
	float:none;/* for horizontal carousel */
}
#mainImage { /* container for main image */
	/*float:left;for vertical carousel */
	float:none;/* for horizontal carousel */
	text-align:center;
	width:500px;
	overflow:hidden;
}
#mainImage h5 {
	clear:both;
	width:500px;
	line-height:1;
	margin:0;
	/*padding:5px 0;  for vertical carousel */
	padding:5px 0 15px 0; /* for horizontal carousel */
	text-align:center;
}

#photoGallery #photo_gallery_link { 
/* for some reason, the main image link is way too wide. this sets it to 500px */
	width:500px;
}
#photoGallery a.enlarge { 
/* remove padding for .enlarge class in photo gallery main image */
	padding:0;
}
#mycarousel li img {  /* the thumbnail size for the gallery images */
	width:80px;
}

#photo_gallery_img { /* set height for main image */
	height:350px;
	margin:0 auto;
}



#galleryList {
	clear:both;
	padding:20px 0;
}
#galleryList ul {
	list-style:none;
	margin:20px 0;
	padding:0;
}
#galleryList ul li {
	background: #28B9F1;
	border:1px solid #6CC8FF;
	color:#FFF;
	float:left;
	padding:12px;
	margin:0 10px 10px 0;
	width:425px;
	height:50px;
	overflow:hidden;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow: 0px 1px 3px #2885B2;
	-webkit-box-shadow: 0px 1px 3px #2885B2;
	box-shadow: 0px 1px 3px #2885B2;
}
#galleryList h2 {
	font-size:16px;
	color:#FFF;
	margin:0;
	line-height:20px;
}
#galleryList p {
	font-size:12px;
	line-height:14px;
	height:26px;
	overflow:hidden;
}
#galleryList a, #galleryList h2 a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#galleryList a:hover, #galleryList h2 a:hover {
	color:#FFF;
	text-decoration:underline;
}