.home-rotator-frame {
	position: relative;
	width: 576px;
	height: 205px;
	background: url(../img/mainparts/rotator-frame-bg.jpg) top center no-repeat;
	border: 0px solid #FFFF00;
}

.home-rotator-frame-single {
	position: relative;
	width: 576px;
	height: 170px;
	background: url(../img/mainparts/rotator-frame-bg.jpg) top center no-repeat;
	border: 0px solid #FFFF00;
}

.home-rotator-frame-single div {
	position: relative;
	overflow: hidden;
	width: 564px;	 
	height: 158px;
	top: 6px;
	left: 6px;
	background-repeat: no-repeat;
}

.home-rotator-frame-single div a {
	display: block;
	width: 100%;
	height: 100%;
}

.home-rotator-frame-large-single {
	position: relative;
	width: 576px;
	height: 328px;
	background: url(../img/mainparts/rotator-frame-large-bg.jpg) top center no-repeat;
	border: 0px solid #FFFF00;
}

.home-rotator-frame-large-single div {
	position: relative;
	overflow: hidden;
	width: 564px;	 
	height: 317px;
	top: 6px;
	left: 6px;
	background-repeat: no-repeat;
}

.home-rotator-frame-large-single div a {
	display: block;
	width: 100%;
	height: 100%;
}

.home-rotator-bar {
	position: relative;
	bottom: -10px;
	width: 540px;
	height: 30px;
	border: 1px solid #FFFF00;
}

#navibuttons a {
	width: 49.9%;
	/*width: 33%;*/
	height: 25px;
	float: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF00;
	text-align: center;
	cursor: pointer;
	padding: 10px 0 0 0;
	/*background: #00FF00;*/
	text-decoration: none;
}

#navibuttons a.double {
	height: 32px;
	padding: 3px 0 0 0;
}

#navibuttons a.active {
	background: #000066;
}

#navibar {
	position: relative;
	left: 11px;
	width: 554px;
	height: 40px;
	border: 0px solid #FFFF00;
	background: url(../img/mainparts/rotator-nav-bg.gif) top no-repeat;
}

#navibar div {
	position: relative;
	float: left;
	width: 460px;
	height: 35px;
	border: 0px solid #FFFF00;
	text-align: center;
}

/* custom positioning for navigational links */
a#prev {
	float: left;
	display: block;
	cursor: pointer;
	margin-left: 5px;
	width: 42px;
	height: 35px;
	background: url(../img/mainparts/rotator-nav-prev.gif) top left no-repeat;
	border: 0px solid #FFFF00;
}
a#next {
	float: left;
	cursor: pointer;
	width: 42px;
	height: 35px;
	background: url(../img/mainparts/rotator-nav-next.gif) top right no-repeat;
	border: 0px solid #FFFF00;
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position: relative;
	overflow: hidden;
	width: 564px;	 
	height: 158px;
	top: 6px;
	left: 6px;
	margin-bottom: 6px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position: absolute;
	width: 20000em;	
	clear: both;
	border: 0px solid #222;
}

/* single item */
#thumbs div {
	float: left;
	position: relative;
	overflow: hidden;
	width: 564px;	 
	height: 158px;
	background-repeat: no-repeat;
}

#thumbs div a {
	display: block;
	width: 100%;
	height: 100%;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}

/* style when element is active (clicked)
#thumbs div.active {
	background-color:#066;
	cursor:default;
} */