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

@charset "UTF-8";

.my_carousel {
	position: relative;
	width: 760px;
	margin: 0px;
	margin: 20px auto 0px;
}

.carousel_container {
	height: 360px;
	margin: 0px;
}
#carousel {
	margin: 0px auto;
	width: 620px;
	height: 320px;
}
#carousel img { width: 300px; height: 225px; cursor: pointer; }
.nextItem { position: absolute; top: 230px; left: 0px; z-index: 1001; cursor: pointer; }
.prevItem { position: absolute; top: 230px; right: 0px; z-index: 1002; cursor: pointer; }

.caption_container {
	width: 435px;
	border-left: 3px solid #713e1b;
	margin: 0px 0px 0px 180px;
	padding: 5px 0px 0px 20px;
}
#captions h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin: 5px 0px;
	color: #2E2E2E;
}
#captions p {
	font-family: Arial;
	font-size: 14px;
	color: #444;
	margin: 0px 0px 0px 3px;
}

.leaves {
	position: absolute;
	top: 305px;
	left: 20px;
	z-index: 1000;
}

.carousel_data { display: none; }

a:link {
	color: rgb(0,0,0);
}
a:hover {
	color: rgb(0,153,255);
}
a:visited {
	color: rgb(102,102,102);
}
a:active {
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444;
	margin: 0px 0px 0px 3px;
}