/* @group Content slider */

#content_navigation {
	width: 359px;
	position: absolute;
	margin-left: 535px;
	z-index: 30;
	height: auto;
	text-align: center;
}

#slider {
	width: 560px;
	position: absolute;
	margin-left: 30px;
	height: 810px;
}

.scroll {
	height: 810px;
	width: 567px;
	position: absolute;
	z-index: 5;
	margin-left: 0px;
	margin-top: 0px;
}

.scrollContainer div.panel {
	height: 810px;
	width: 515px;
	padding-left: 20px;
	padding-right: 20px;
}

.scrollContainer div.panel img {
	border: 4px solid #474747;
	margin-right: 5px;
}

.scrollContainer div.panel a:hover img {
	border: 4px solid #3169b2;
	margin-right: 5px;
}


div.leftside {
	float: left;
	width: 420px;
	height: 370px;
	padding-right: 30px;
	padding-top: 20px;
}

div.rightside {
	float: left;
	width: 450px;
	height: 390px;
}

ul.navigation {
    line-height: 4;
    text-indent: 18px;
}

ul.navigation li {
}

ul.navigation a {
    color: #000;
    font-size: 15px;
    text-decoration: none;
}

ul.navigation a:hover {
	color: silver;
}

ul.navigation a.selected {
	color: white;
}

ul.navigation a:focus {
	outline: none;
	z-index: 30;
}

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

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

/* @group graphic rollovers */

a.sidenav {
	display: block;
	width: 359px;
	height: 65px;
	z-index: 30;
}

a.sidenav:hover {
	background-image: url(images/side_selector.png);
	background-position:0px -66px;
	z-index: 30;
}

a.sidenav.selected {
	background-image: url(images/side_selector.png);	
	background-position:0px 1px;
	z-index: 30;	
}


/* @end */

.hide {
    display: none;
}

/* @end */