/*---------------------

	Generic

---------------------*/

@import "reset.css";

body {
	background:url(../images/bg.jpg) repeat-y center #8f8d8d;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size:12px;
}

a:link,
a:visited {
	
	text-decoration:none;
	color:#5092cc;
	border-bottom:none;

}

a:hover {

}

.inline-block {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

.wrapper {
	width:800px;
	margin:auto;
}


/*---------------------

	Header

---------------------*/
#header {
	z-index:100;
	width:762px;
	margin:auto;
	background:#666;
/*
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
*/
	margin-top:40px;
	padding:10px;
	padding-right:0px;
/*
	border:1px solid #ccc;
	border-bottom:0px;
*/
	
	background:url(../images/headerbg.png) no-repeat;


}
	
	/*	sub-styles */
	#header > a > img {
		border-right:1px solid #555;
		padding-right:30px;
	}

	#header > ul {
		padding:0px;
		margin-top:-9px;
		margin-right:1px;
		float:right;
	}
	#header > ul > li {
		margin:0px;
		padding:0px;
		cursor:pointer;
	}
	#header > ul > li > a {
		position:relative;
		z-index:10;
		color:#aaa;
		height:42px;
		display:block;
		margin:0px;
		padding:0px 10px;
		padding-top:25px;
		min-width:40px;
		text-align:center;
		
	}
	
	#header > ul > li:last-child > a:hover {
		background:url(../images/menu-lastchild-hover.png) no-repeat top right;
	}
	
	
	#header > ul > li > a.active {
		background: #777 !important;
		color:#fff !important;
		height:42px;
	}
	
	#header > ul > li > a:hover {
		background: #555;
		color:#fff;	
	}
	

/*---------------------

	Feature / Player

---------------------*/
#feature {
	position:relative;
	width:770px !important;
	height:433px !important;
	margin:auto;
	padding:0px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #222;
	z-index:5;
	border-top:1px solid #222;
	background:#ccc;
}

	/*	sub-styles */
	#feature img,
	#feature object,
	#player object {
		position:absolute;
		top:0px;
		left:0px;
	}
	
	#feature > ul {
		margin:10px !important;
		padding:0px;
	}
	
		#feature > ul > li {
			border:1px solid #eee;
			width:85px;
			height:85px;
			padding:0px;
			margin:5px;
			background:#ddd;
			padding:5px;
		}
		
			#feature > ul > li > a > img {
				position:relative;
				width:85px;
				height:85px;
			}
					
	#feature > h2 {
		background:#ddd;
		margin:15px;
		padding:5px;
		font-size:1.2em;
		color:#666;
		margin-bottom:0px;
	}
		
		#feature > h2 > span {
			font-size:0.6em;
			float:right;
		}
		
	div#highres > table {
		width:400px;
		margin:0px;
		padding:15px 10px 10px 5px;
	}

	div#highres table:nth-of-type(odd) {
		border-right:1px dashed #eee;
	}
	
	div#highres td {
		padding-left:10px;
		min-width:70px;
	}
	
	div#highres img {
		width:85px;
		height:85px;
		border:5px solid #eee;
		margin-right:10px;
/* 		margin-top:-5px; */
	}
	
	div#highres > div {
		border-bottom:1px dashed #eee;
	}
	
#player {
	position:relative;
	width:770px !important;
	height:433px !important;
	margin:auto;
	border-bottom:1px solid #777;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	display:none;
	background:#202834 url(../images/loading.gif) no-repeat 50% 50%;

}

/*---------------------

	Content

---------------------*/
#content {
	width:770px;
	margin:auto;
	background:#eee;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:20px 0px 5px 0px;
}

	/*	sub-styles */

	#content > h1 {
		background:#dbdbdb;
		width:471px;
		margin-left:20px !important;
		font-size:1.7em;
		padding:0px 5px;
		color:#777;
		margin-bottom:20px;
	}
	
	#content > h3 {
		font-size:1.1em;
		font-weight:bold;
		padding:0px 5px;
		margin-left:20px;
	}
	
	#content > p {
		width:471px;
		padding:0px 20px;
	}


	
	#content > div#filters {
		background:#dbdbdb;
		margin-left:20px;
		margin-bottom:10px;
		height:30px;
		clear:both;
		width:730px; 
		text-align:center;
	}
	
		#content > div#filters > p > a.active {
			color:#fff !important;
			background:#5092cc;
		}
		
		#content > div#filters > p > a {
			font-size:1.3em;
			padding:10px;
/* 			background:#eee; */
			position:relative;
			vertical-align:middle;
			margin-left:5px;
			top:4px;
			color:#777;
			text-align:center;
			cursor:pointer;
		}
		
		#content > div#filters > h1 {
			display:inline;
			font-size:1.7em;
			padding-top:5px;
			padding-left:5px;
			color:#777;
		}

		#content > div#filters p {
			display:inline;
			color:#aaa;
			font-size:0.8em;
			padding-top:5px;
			padding-right:5px;
		}
		
	#content > div#slider > ul {
		display:none;
	}

	
	#content div.panel > ul {
		margin:10px;
		padding:0px;
		list-style:none;
	}
	
	
		#content div.panel > ul > li {
			width:204px;
			height:124px;
			margin:10px;
			background:#757575;
			border:10px solid #dbdbdb;
			position:relative;
		}
		
		#content div.panel > ul > li > a > img {
			width:100%;
		}
		
		#content div.panel > ul > li > a > div {
			position:absolute;
			height:25px;
			width:202px;
			left:0px;
			opacity:0;
			padding-left:6px;
			background:#000;
			bottom:0px;
			color:#fff;
		}
	#content ul#menu {
	
	}
	
	#content ul#menu li {
		background:none;
		height:auto;
		width:auto;
		border:none;
	}
	
	#content #map_canvas div[dir="ltr"] {
		margin-bottom:-20px;
		color:#000 !important;
		font-size:0.72em !important;
		
	}
	
	#content #map_canvas div[dir="ltr"] span {
		width:222px;
		display:block;
		overflow:hidden;
	}
	
	#content #map_canvas div[dir="ltr"] a {
		display:none;
	}
	
	#content .question {
	
	}
	
	#content .answer {
		border:1px dashed #ccc;
		background:#ddd;
		padding:10px;
		margin-top:10px;
	}


/*---------------------

	Footer

---------------------*/
#footer {
	min-height:200px;
	margin:auto;
	background:#666;
	color:#fff;
	border-top:0px;
}

	/*	sub-styles */
	#footer > div:first-child {		
		background:url(../images/footerbg.png) no-repeat;
		width:770px;
		min-height:100px;
		padding-top:40px;
		font-size:0.8em;
		margin:auto;
		text-align:center;
	}
		
		#footer > div:first-child div {
			width:160px;
			margin:0px 10px;
			text-align:left;
			color:#aaa;
		}
		
			#footer > div:first-child div > ul {
				margin:0px;
				margin-left:6px;
				padding:0px;
				list-style:none;
			}
				#footer > div:first-child div > ul > li {
					padding:0px;
					margin:0px;
					position:relative;
				}
				
				#footer > div:first-child div > ul > li:first-child {
					font-weight:bold;
				}
				
					#footer > div:first-child div > ul > li > a >img {
						position:absolute;
						top:1px;
						left:-17px
					}
	
	#footer > div#copyright {
		font-size:0.8em;
		margin-top:30px;
		text-align:center;
		color:#aaa;
		background:#444;
	}