/* CSS Document                             */
/* Written by Chris Converse for lynda.com  */

@charset "UTF-8";

.my_carousel {
	position: relative;
/*	top: 25%;	*/
	width: 90%;
	margin: 0px;
/*	margin: 30px auto 20px auto; */
	margin: 0;
	padding: 0;
	margin: 0 auto; /*margin left and right set to auto centers*/
}

.carousel_container {
/*	height: 400px; this equates the caption height*/
	height: 275px;
	margin: 0px;
}
#carousel {
/*	height: 400px; this equates the images height*/	
	margin: 0 auto 0 auto;
	padding-left: 50%;
	width: 40%;
	height: 200px; 
}
#carousel img {
	width: 225px;
	height: 175px;
	cursor: pointer; 
}
.nextItem {
	position: absolute;
	top: 200px;
	left: 20%;
	z-index: 1001;
	cursor: pointer; }
.prevItem {
	position: absolute;
	top: 200px;
	right: 20%;
	z-index: 1002;
	cursor: pointer; 
}

.caption_container {
/*	width: 435px;*/
	border-left: 3px solid #713e1b;
	margin: 0px;
	padding: 0px;
	margin-left: 9%;
	width: 90%;
/*	margin: 0px 0px 0px 165px;
	padding: 0px 0px 0px 20px; */
}

.leaves {
	position: absolute;
	top: 205px;
/*	left: -10%;*/
	left: 5px;
	z-index: 1000; 
}
#captions h2 {
	font-family: Georgia;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px;
	padding: 0 1%;
	color: #700203;
}
#captions p {
	font-family: Arial;
	font-size: 1em;
	color: #000066;
	margin: 0px; 
	padding: 1%;
}


.carousel_data {
	display: none;
	padding: 0;

/*	position: relative;
	top: 25%;*/
 }