/*@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light:bold,bolditalic | Tangerine:bold,bolditalic);*/

.metallic span {
	background: url(img/gradient-dark.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
}

/* ............................................................ */

#container{

	/* Hack to keep the container at least 654px height in all browsers */
	min-height:654px;
	height:auto !important;
	height:654px; 
	/* Min height hack ends */

	margin:auto;
	font:90%;
	background: black url('../img/NextFive_969x654.jpg') no-repeat 50%;
	border:1px solid red;
	overflow:auto;
}

#header{
	/* Hack to keep the container at least 100px height in all browsers */
	min-height:100px;
	height:auto !important;
	height:100px; 
	/* Min height hack ends */
}


#content{
	/* Hack to keep the container at least 354px height in all browsers */
	min-height:300px;
	height:auto !important;
	height:300px; 
	/* Min height hack ends */

	margin:auto;

	padding-left:15em;
	padding-right:15em;
	padding-top:3em;
	padding-bottom:2em;

	font-family: helvetica, sans-serif;
	font-size:90%;
	color:white;

	opacity: .3;
}

#navbar{
	height:10%;

	color:white;
	text-align:center;

	padding-top: .5em;
	padding-bottom: .5em;

	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#666666), color-stop(0,#333333));
	opacity: .2;
	-webkit-transition: opacity 0.5s linear;
}

#navbar:hover {
	opacity: .7;
}

	#navbar .current{
		color:yellow;
	}

	#navbar a{
		text-decoration:none;
		color:white;
	}

	#navbar li{
		display:inline-block;

		padding-left:2em;
		padding-right:2em;
		line-height:2em;
	}

	#navbar li:hover{
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#666666), color-stop(0,#222222));	
		opacity: .7;
		line-height:2em;
		-webkit-border-radius: 10px; 		
	}