/* @override http://funderstogether:10088/css/index.css */

/* Slideshow */

div.slideshow {
	position: relative;
	height: 441px;
	background: url(/css/images/featured/featured_img_bg.png);
}

a.slideshow-image {
	position: absolute;
	width: 586px;
	height: 423px;
	background-color: #CCC;
	top: 9px;
	left: 9px;
}
a.slideshow-image img { position: absolute; top: 0; left: 0; }

div.slideshow-overlay {
	position: absolute;
	top: 27px;
	left: 27px;
	width: 357px;
	height: 106px;
	background: url(/css/images/featured/featured_overlay_bg.png) no-repeat;
	padding:0;
	z-index: 100;
	color: #FFF;
}

div.slideshow-overlay h1 {
	margin: 12px 0px 0px 12px;
	padding: 0;
	font-family: Trebuchet, Arial, San-serif; 
	font-size: 21px;
	color: #FFF;
	font-weight: normal;
	line-height: 25px;
}

div.slideshow-action {
	margin: 9px 0px 0px 12px;
	padding: 0;
}

div.slideshow-menu {
	position: absolute;
	bottom: 9px;
	width: 586px;
	background: url(/css/images/featured/featured_slideshow-menu.png);
	margin: 0px 0px 0px 9px;
	padding: 0px 0px;
	z-index: 100;
}

div.slideshow-menu a { float: left; display: block; }

div.slideshow-menu div.items { margin: 0 0 0 40px; padding: 9px 0px; overflow: hidden; }
div.slideshow-menu a.item { width: 68px; height: 51px; background-color: #666; margin: 0 18px 0 0; padding: 0; overflow: hidden; }
div.slideshow-menu a.active { background-color: #CCC; }
div.slideshow-menu a.item:hover { background-color: #999; }
div.slideshow-menu a.item img { width: 62px; height: 45px; margin: 3px; padding: 0; }

div.slideshow-menu a.active div { background-color: #CCC; }

/* Callouts */

div.callout-large { float: left; width: 333px; height: 142px; margin-left: 15px; padding: 0px; text-align: center; }

div.callout-1 {}
div.callout-2 { margin-top: 6px; }
div.callout-3 { margin-top: 6px; }