/*----- Super Banner ------*/

#super-banner {
	width: 800px;
	height: 390px;
	position: relative;
}

#panes {
	width: 800px;
	height: 390px;
	position: relative;
	overflow: hidden;
}

#home,
.room,
.items {
	display: block;
	float: left;
}

#panes .items {
	position: absolute;
	width: 20000em;
}

.visible {
	display: block;
}

a.prev,
a.next {
	position: absolute;
	width: 29px;
	height: 390px;
	text-indent: -9999px;
	z-index: 5;
	cursor: pointer;
	top: 0;
}

a.prev {
	left: 0;
	background: url(/conserve/images/prev-btn.png) no-repeat 0 0;
}

a.prev:hover {
	background: url(/conserve/images/prev-btn-hover.png) no-repeat 0 0;
}

a.next {
	right: 0;
	background: url(/conserve/images/next-btn.png) no-repeat 0 0;
}

a.next:hover {
	background: url(/conserve/images/next-btn-hover.png) no-repeat 0 0;
}

#panes .disabled {
	visibility: hidden;
}

#panes .room {
	width: 800px;
	height: 390px;
	position: relative;
}

.room h2 {
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	top: 20px;
	left: 48px;
	z-index: 5;
	text-shadow: 0px 1px 1px #777777;
}

.room h2 span {
	font-size: 14px;
	display: block;
}

.button-hs {
	position: absolute;
	background: url(/conserve/images/green-plus-btn.png) no-repeat center center;
	line-height: 31px;
	display: block;
	width: 31px;
	height: 31px;
	z-index: 2;
	cursor: pointer;
}

.active {
	background: url(/conserve/images/green-minus-btn.png) no-repeat center center;
	z-index: 4;
}

.hotspot {
	width: 350px;
	height: 196px;
	background: transparent url(/conserve/images/hotspot-bg.png) no-repeat 0 0;
	padding: 19px;
	position: absolute;
	display: none;
	z-index: 3;
	display: none;
}

.hotspot .hs-wrap {
	position: relative;
	width: 330px;
	height: 170px;
	margin: 19px 0 0 19px;
}

.hotspot img {
	position: absolute;
	top: 0;
	left: 170px;
}

.hotspot h3 {
	width: 150px;
	margin: 0 0 10px 0;
	line-height: 15px;
	font-weight: bold;
	color: #84c047;
}

.hotspot p {
	width: 152px;
	color: #6e6e6e;
	font-size: 12px;
	line-height: 14px;
}

.hotspot p.title {
	color: #171717;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	width: 155px;
	position: absolute;
	top: 104px;
	left: 170px;
}

.hotspot small {
	color: #171717;
	font-size: 11px;
	line-height: 14px;
	position: absolute;
	top: 121px;
	left: 170px;
}

.hotspot a {
	color: #118319;
	font-size: 10px;
	line-height: 14px;
}

.hotspot a.learn {
	background: url(/conserve/images/plus-bullet.png) no-repeat left center;
	position: absolute;
	top: 144px;
	left: 170px;
	padding: 0 0 0 10px;
}

/*----- home slide ------*/

#home {
	width: 800px;
	height: 390px;
	background: url(/conserve/images/home.jpg) no-repeat 0 0;
	cursor: pointer;
}

/*----- room 1 ------*/
#room1 {
	background: url(/conserve/images/room1.jpg) no-repeat 0 0;
}

#room1 .hsb1 {
	top: 91px;
	left: 346px;
}
#room1 .hs1 {
	top: 87px;
	left: 342px;
}

#room1 .hsb2 {
	top: 125px;
	left: 73px;
}
#room1 .hs2 {
	top: 120px;
	left: 68px;
}

#room1 .hsb3 {
	top: 150px;
	left: 492px;
}
#room1 .hs3 {
	top: 145px;
	left: 140px;
}

#room1 .hsb4 {
	top: 273px;
	left: 635px; 
}
#room1 .hs4 {
	top: 75px;
	left: 282px;
}



/*----- room 2 ------*/
#room2 {
	background: url(/conserve/images/room2.jpg) no-repeat 0 0;
}

#room2 .hsb1 {
	top: 121px;
	left: 401px;
}
#room2 .hs1 {
	top: 116px;
	left: 49px;
}

#room2 .hsb2 {
	top: 138px;
	left: 183px;
}
#room2 .hs2 {
	top: 134px;
	left: 179px;
}

#room2 .hsb3 {
	top: 205px;
	right: 70px;
}
#room2 .hs3 {
	top: 6px;
	left: 346px;
}



/*----- room 3 ------*/
#room3 {
	background: url(/conserve/images/room3.jpg) no-repeat 0 0;
}

#room3 .hsb1 {
	top: 233px;
	left: 262px;
}
#room3 .hs1 {
	top: 35px;
	left: 258px;
}

#room3 .hsb2 {
	top: 161px;
	left: 305px;
}
#room3 .hs2 {
	top: 157px;
	left: 302px;
}

#room3 .hsb3 {
	top: 111px;
	left: 50px;
}
#room3 .hs3 {
	top: 106px;
	left: 46px;
}

#room3 .hsb4 {
	bottom: 100px;
	right: 40px;
}
#room3 .hs4 {
	bottom: 96px;
	right: 36px;
}