@charset "utf-8";
/* CSS Document */

body{

	background-color:#b6daee;
	background-image:url(../images/sitebg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	
	margin:0;
	padding:0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
}

header
{
	float:left;
	width:100%;
	height:20px;
	
	background-image:url(../images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
	
	display:block;
	overflow:hidden;
	padding-top:100px;
	
}

/**
 * Featured bar
 */
#FeaturedBar
{
	position:absolute;
	z-index:-10;
	top:120px;
	left:0px;
	width:100%;
	height:300px;
	background-color:#b5d9ed;
	
	opacity:0.40;
	filter: alpha(opacity = 40);

}

#Featured
{
	float:left;
	width:100%;
	height:300px;
}
	#Featured .prev,
	{
		float:left;
		width:30px;
		height:300px;
		margin:0;
		padding:0;

	}
	
		#Featured .prev a
		{
			float:left;
			margin-top:135px;
			width:30px;
			height:30px;
	
			background-image:url(../images/prev.png);
			background-repeat:no-repeat;
			background-position:center;
	
			opacity:0.3;
			filter: alpha(opacity = 30);
			
		}
			#Featured .prev a:hover
			{
				opacity:1;
				filter: alpha(opacity = 100);
			}	

	#Featured .next,
	{
		float:right;
		width:30px;
		height:300px;
		margin:0;
		padding:0;

	}
	
		#Featured .next a
		{
			float:right;
			margin-top:135px;
			width:30px;
			height:30px;
	
			background-image:url(../images/next.png);
			background-repeat:no-repeat;
			background-position:center;
	
			opacity:0.3;
			filter: alpha(opacity = 30);
			
		}
			#Featured .next a:hover
			{
				opacity:1;
				filter: alpha(opacity = 100);
			}	

	#Featured ul
	{
		width:960px;
		height:300px;
		padding:0;
	}

	#Featured ul li
	{
		float:left;
		width:880px;
		list-style:none;
		margin:13px 0 0 10px;
		padding:0;
	}

	#Featured ul li h2
	{
		float:left;
		width:340px;
		margin:5px 0 10px 10px;
		padding:5px 0;
		color:#fff;
		border-bottom:solid #fff 1px;
		text-align:center;
	}

	#Featured ul li .preview
	{
		float:left;
		width:520px;
		height:260px;
		background-color:#FFF;
		margin:0;
		padding:5px;
		color:#333;
	}

	#Featured ul li strong
	{
		margin-left:20px;
	}

	#Featured ul li ul
	{
		float:left;
		width:300px;
		height:170px;
		margin-left:40px;
		padding-bottom:20px;
	}

	#Featured ul li ul li
	{
		float:left;
		width:340px;
		font-size:0.8em;
		list-style:disc;
		color:#fff;
		margin:0;
		padding:10px 0 0 0;
	}
	
	#Featured ul li .link
	{
		float:right;
		color:#799ec8;
		background-color:#dde9f8;
		padding:5px 10px;
		text-decoration:none;
		
		-moz-border-radius:8px;

		font-size:0.8em;
		font-weight:bold;
		
	}

	#Featured ul li .link:hover
	{
		color:#ed1c24;
		background-color:#fff;
	}
	
#nav
{
	float:left;
	margin-left:50px;
	height:30px;
}

	#nav a
	{
		float:left;
		width:0px;
		height:0px;
		display:block;
		overflow:hidden;
		background-color:#FFF;
		margin:3px;
		padding:15px 0 0 15px;
		font-size:9px;
	}
	
	#nav .activeSlide
	{
		background-color:#ed1c24;
	}
.content
{
	width:960px;
	margin:0 auto;
}

#site
{
	position:absolute;
	top:50%;left:50%;
	
	width:500px;
	height:500px;
	
	margin: -300px 0 0 -250px;
}

#content
{
	float:left;
	width:100%;
	height:300px;
	
	background-color:#000;
	
	opacity:0.5;
	filter: alpha(opacity = 50);
	
	-moz-border-radius:20px;
}

#data
{
	position:absolute;
	top:50%;left:50%;
	
	width:400px;
	
	margin: -200px 0 0 -200px;
	padding:10px;

	color:#FFF;
}

footer
{
	float:left;
	width:94%;
	height:40px;
	color:#404040;
	font-size:0.7em;
	text-align:right;
	margin:5px 3%;
}