#museum{
	clear:both;
	text-align:center;
	position:fixed;
	bottom:80px;
	width:100%;
	height:;
	color:#999;
}
#museum a{
	font-weight:bold;
	/* color:#906a00; */
	color:#FFF;
	background:#000;
	padding:1px 5px;
	margin:0 5px;
}
#museum a:hover{
	color:#FFF;
	background:#000;
}


#info{
	font-size:15px;
	font-weight:bold;
	display:block;
	clear:both;
	text-align:right;
	margin:auto;
	width:1100px;
	padding:0;
	position:relative;
	z-index:10;
}
#info a{
	padding:5px 10px;
	background:#906a00;
	color:#FFF;
}
#info a:hover{
	background:#000;
	color:#FFF;
}
#info span{
	background:#906a00;
	color:#FFF;
	padding:0 3px;
}



/*-------------------  museum  ----------------*/
#bg_museum2{
	background:url(../images/bgk/bg2.png) top center no-repeat;
	width:100%;
	height:480px;
	position:relative;
	z-index:0;
	top:-30px;
}
#museum_1{
	width:1000px;
	font-size:13px;
	line-height:22px;
	position:relative;
	z-index:10;
	margin:-100px auto 0 auto;
}
#museum_1 p{
	display:block;
	clear:both;
	padding:0 0 10px 0;
}
#museum_1 table tr th{
	text-align:right;
	vertical-align:top;
	color:#F00;
}
#museum_1 table tr td small{
	color:#be9c3f;
}
.museum{
	height:280px;
	padding:200px 0 0 0;
}
.museum2{
	height:240px;
}
.museum3{
	height:200px;
	padding:150px 0 0 0;
}


#museum002{
	width:1000px;
	height:200px;
	font-size:11px;
	line-height:20px;
	margin-bottom:0 0 60px 0;
}


/*--------------------------------------------------------   museum 4 ---------------------*/
#bg_museum4{
	background:url(../images/bgk/bg4.jpg) top center no-repeat;
	width:100%;
	height:700px;
	position:relative;
	z-index:0;
	top:-80px;
}



/*
arranges the images in a grid

this style will be applied only before the 
carousel is instantiated or if the user doesn't have
javascript enabled;

feel free to replace this style with your preferred one
*/
#wide-wrapper{
	height:500px;
	clear:both;
	padding:80px 0 0 0;
}

#carousel{
	margin:0 auto;
	list-style:none;
	padding:0;
}
#carousel li{
	float:left;
}
#carousel .tooltip, #carousel .bigImage, #carousel .title, #carousel .description{
	position:absolute;
	left:-9999px;
}

#text{
	width:650px;
	margin:0 auto;
	margin-top:-20px;
	clear:both;
	display:none;
}


#text p{	
	padding:3px 5px;
}
#text #selected-title{
	margin:60px auto 0 auto;
	width:80px;
	color:#fff;
	text-align:center;
	background:#CCC;
}
#text #selected-description{
}

#controls{
	width:300px;
	margin:-35px auto 0 auto;
	padding:0 0 120px 0;
	display:none;
}
#controls a{
	margin:0 20px;
	cursor:pointer;
}
#controls #left{
	background:url(../img/arrows.png);
	width:38px;
	height:38px;
	float:left;
}
#controls #right{
	background:url(../img/arrows.png) -38px 0px;
	width:38px;
	height:38px;
	float:right;
}
#controls #auto-scroll{
	background:url(../img/playpause.png);
	width:38px;
	height:38px;
	float:left;
	display:none;
}


#example-description{
	margin:0px;
	padding:0px;
	background-color:#DDD;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
#example-description p{
	color:#666;
	font-style:italic;
	width:750px;
	margin:0px auto;
	padding:10px 0px;
}
#example-description #navigation{
	width:300px;
	height:25px;
	margin:10px auto 0px;
}
#example-description #navigation a{
	background-color:#F1F1F1;
	text-decoration:none;
	color:#666;
	padding:5px 10px;
	margin:0px 5px;
	border:#CCC solid 1px;
}