/* gallery.css - Elements relevant to the featured content gallery */

#featured-content {
	width: 348px;
	height: 219px;
	background-color: #2d2d2d;
	text-align: left;
	position: relative;
	overflow: hidden;
	top: 35px; left: 88px;
}

#featured-content a{
	text-decoration: none;
}

/* Controls */

#controls {
	height: 30px;
	width: 100%;
	position: absolute;
	top: -30px; left: 0;
	background: rgb(0, 0, 0); /* fallback color */
  	background: rgba(0, 0, 0, 0.8);
  	z-index: 100;
  	border-bottom: #fff solid 1px;
  	top: -30px;
}

.control {
	height: 20px;
	position: absolute;
	padding: 5px;
}

#previous {left: 0;}
#pause {left: 48%;}
#play {left: 48%; display: none;}
#next {right: 0;}

/* Content */

#content {
	width: 100%;
	position: relative;
}
	
	#one, #two, #three, #four {
		display: none;
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	.current {
		
	}
	
		.caption {
			width: 100%;
			position: absolute;
			bottom: -300px;
			left: 0;
			padding: 5px;
			background-color: #000;
			color: #fff;
			background: rgb(0, 0, 0); /* fallback color */
  			background: rgba(0, 0, 0, 0.8);
			border-top: 1px solid #fff;
			z-index: 5;
			line-height: 18px;
		}
		
#one img, #two img, #three img, #four img{
position:absolute;
width: 100%;
}

/* Navigation */
	
#navigation {
	width: 100%;
	float: left;
	height: 19px;
	background: #0099cc url('../img/gallery-navigation-bg.jpg') repeat-x bottom left;
	color: #fff;
	line-height: 20px;
	position: relative;
	z-index: 10;
	border-top: 1px solid #fff;
	top: 20px;
}
	
	#navigation li {
		display: inline;
		width: 25%;
		text-align: center;
		height: 100%;
		float: left;
		cursor: pointer;
		margin: 0;
	}