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

#wrapper {
	width: 1000px; 
	height: 380px;
	margin: 0 auto;
	/*background-color: #690;*/
}

#navigation {
	width: 325px;
	height: 380px; 
	padding: 0px;
	float: left;
	/*display: none;*/
}

#slider {
	width: 1000px; 
	height: 380px;
	margin: 0 auto;
	position: relative;
	/*background-color: #96F;*/
}

#gallery_wrapper {
	height: 380px;
	width: 663px; 
	position: relative;
	float: right;
	/*background-color: #C69;*/
	background-image: url(../images/content_midright_base.png);
}

#scroll_gap {
	height: 45px;
	/*background-color: #36C;*/
}

#scroll_instructions {
	width: 470px;
	height: 23px;
	margin: 0 auto;
	/*background-color: #F69;*/
}

#scroll_instructions p {
	text-align: right;
	font-size: 15px;
	color: #6C662C;
}

.scroll {
	height: 275px; 
	width: 470px; 
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	margin: 0 auto;
	clear: left;
	/*background-color: #C69;*/
}

.scrollContainer div.panel {
	padding: 0px;
	height: 275px;
	width: 470px;
	margin: 0 auto;
	/*background-color: #BCB538;*/
}

ul.navigation {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.navigation li {
	padding: 0px;
	margin: 0 px;
	display: inline;
}

ul.navigation li.gallery .show {
	/*color: #09F;*/
}

ul.navigation li.gallery .noshow {
	/*color: #F9C;*/
	display: none;
}

ul.navigation li.gallery a:link {
	color: #4E422D;
}

ul.navigation li.gallery a:hover {
	color: #BCB538;
}

ul.navigation li.gallery a.selected {
	color: #BCB538;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 180px; 
    cursor: pointer;
}

.scrollButtons.left {
    left: 18px; 
}

.scrollButtons.right {
    right: 18px;
}

.hide {
    display: none;
}