/*STYLES FOR ROTATING IMAGES ON RIGHT SIDE*/
/* container for slides */
.images {
	background: url(../images/header_home_1.jpg);
	float: left;	
	height: 297px;
	position: relative;
	width: 720px;
}

/* single slide */
.images div {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}

/* tabs (page numbers in lower right for slides) */
.tabs {
	left: 597px;
	position: absolute;
	top: 263px;
	z-index: 100;
}

/* single tab */
.tabs a {
	background: url(../images/header_nav_off.png) 0 0 no-repeat;
	border-bottom: solid 1px #c3c7ca;
	border-top: solid 1px #c3c7ca;
	border-right: solid 1px #c3c7ca;
	color: #939598;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 17px;
	line-height: 17px;
	text-align: center;
	text-decoration: none;
	width: 16px;
}

/* mouseover state */
.tabs a:hover {
	background: #fff;
}

/* active state (current page state) */
.tabs a.current {
	background: #fff;
} 	


/* prev and next buttons */
.forward {
	background: url(../images/header_nav_next.png);
	bottom: 15px;
	cursor: pointer;
	display: block;
	font-size: 11px;
	height: 19px;
	position: absolute;
	right: 25px;	
	text-align: center;
	width: 12px;
	z-index: 200;
}

.backward {
	background: url(../images/header_nav_prev.png);
	bottom: 15px;
	cursor: pointer;
	display: block;
	font-size: 11px;
	height: 19px;
	position: absolute;
	right: 123px;
	text-align: center;
	width: 12px;
	z-index: 300;
}

/*STYLES FOR ROTATING IMAGES ON LEFT SIDE*/
#images_home {
    position:relative;
    height:297px;
}

#images_home IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#images_home IMG.active {
    z-index:10;
    opacity:1.0;
}

#images_home IMG.last-active {
    z-index:9;
}