.slide {
	margin:				0 auto;
    padding: 	  		0;
	text-align:			center;
	width:  			523px;  
    height:   			242px;  
}

.slide img {  
    border:  			1px solid #ccc;  
    background-color: 	#eee;  
    width:  			521px; 
    height: 			240px; 
    top:  				0; 
    left: 				0;
} 






/* STUDIO SLIDE SHOW */


#studio_slides_wrap {
	margin:				4px 10px 0px 20px;
	float:				right;
	width:				298px;
}

/* default link style - needed to make the :active work correctly in IE */
a, 
a:visited, 
a:hover, 
a:active {
	color:			#000;
}

/* style the outer containing div to fit the landscape, portrait and buttons */


#album2 {
	margin-bottom:			0;
	background:		#eee url(../images/photos/faculty01.jpg) top center no-repeat;
	padding-top:1px;
	height:375px;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */

.gallery2 {
	padding:		0; 
	margin:			298px 0 0 0; 
	list-style-type:none; 
	position:		relative; 
	width:			298px;
}

.gallery li {
	padding-bottom:	6px;
	padding-left:4px;
}

/* remove the default image border */
.gallery2 img {
	border:			0;
}

/* make the list horizontal */


.gallery2 li {
	float:			left;
	margin-top:		10px;
}


/* style the link text to be central in a surrounding box */

.gallery2 li a,
.gallery2 li a:visited {
	font-size:		11px;
	float:			left; 
	text-decoration:none; 
	color:			#000; 
	background:		#fff; 
	text-align:		center; 
	width:			26px; 
	height:			26px; 
	line-height:	24px; 
	border:			1px solid #444;
	margin:			2px;

}

/* position the images using an absolute position and hide them from view */

.gallery2 li a img {
	position:		absolute; 
	top:			-298px; 
	left:			0; 
	visibility:		hidden; 
	border:			0;
}

/* fix the top position for the landscape images */
.gallery2 li a img.landscape {
	top:			-298px;
	border-top:		38px solid #eee;
	border-bottom:	38px solid #eee;
}

/* fix the left position for the portrait images */
.gallery2 li a img.portrait {
	left:			0;
	border-left:	37px solid #eee;
	border-right:	37px solid #eee;
}

/* style the hover background color for the text boxes */

.gallery2 li a:hover {
	background:		#ddd;
}

/* style the active/focus colors for the text boxes (required for IE) */

.gallery2 li a:active, 
.gallery2 li a:focus {
	background:		#444; 
	color:			#fff;
}

/* make the images visible on active/focus */
.gallery2 li a:active img, 
.gallery2 li a:focus img {
	visibility:		visible;
}
