#banner_small {
	float: right;
	width: 118px;
	height: 282px;
	overflow: hidden;
	padding-left: 4px;
}

#rotator img {
	border-width: 0;
}

#rotator {
	width: 672px; 
	height: 304px;
	overflow: hidden;
	position: relative;
	margin: 0; 
	padding: 0;
	background: #fff;
	float: left;
}

#rotator .item {
	width: 660px; 
	height: 300px;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
}

#rotator .off {
	display: none;
}

#rotator #navigator {
	position: absolute;
	bottom: 4px; 
	left: 4px;
	margin: 0; 
	padding: 0;
}
#rotator #navigator li {
	float: left;
	list-style: none;
	margin-right: 4px;
}
#rotator #navigator li a {
	display: block;
	width: 19px; height: 19px;
	background-color: #E7E7E7;
	overflow: hidden;
	text-indent: -99em;
	-moz-outline: 0;
}
#rotator #navigator li a:hover { background-color: #FFF; }
#rotator #navigator li a.active {
	background-color: #FFF;
	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}

#rotator .item1 { background: url('1.gif') center center no-repeat; }
#rotator .item2 { background: url('2.gif') center center no-repeat; }
#rotator .item3 { background: url('3.gif') center center no-repeat; }
#rotator .item4 { background: url('4.gif') center center no-repeat; }
#rotator .item5 { background: url('5.gif') center center no-repeat; }
#rotator .item6 { background: url('6.gif') center center no-repeat; }
#rotator .item7 { background: url('7.gif') center center no-repeat; }
#rotator .item8 { background: url('8.gif') center center no-repeat; }
#rotator .item9 { background: url('9.gif') center center no-repeat; }
#rotator .pause { background: url('pause.gif') center center no-repeat; }
#rotator .play  { background: url('play.gif') center center no-repeat; }