@import url(reset.css);

body{
	background: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	line-height:14px;
}


#container {
	width: 780px;
	height:450px;
	margin: 0px;
	text-align: left;
	position: relative;	
}
#main {
	text-align: center;
}

#left{
	float: left;
	width: 390px;
	height:450px;
	background: #a3b78a url(../images/left_background.png) no-repeat;
	display:inline;
}	

#left h1 {
	background: url(../images/freedom_logo.png) no-repeat;
	width: 288px;
	height:74px;
	text-indent: -999999px;
}


#left ul{
	padding-left:14px;
	padding-top:13px;
	width:175px;
	float: left;
}

p.body_text {
	background: url(../images/left_text.png) no-repeat;
	width: 131px;
	height:146px;
	text-indent: -999999px;
	margin-top:40px;
	margin-left:25px;
	padding-left:20px;
	float: left;
}

p.body_text_back{
	background: url(../images/back_instructions.png) no-repeat!important;
	width: 137px;
	height:114px;
	text-indent: -999999px;
	margin-top:40px;
	margin-left:25px;
	padding-left:20px;
	float: left;
}

p.body_text_seatdepth{
	background: url(../images/seat_depth_instructions.png) no-repeat!important;
	width: 136px;
	height:63px;
	text-indent: -999999px;
	margin-top:40px;
	margin-left:25px;
	padding-left:20px;
	float: left;
}

p.body_text_seat_height{
	background: url(../images/seat_height_instructions.png) no-repeat!important;
	width: 142px;
	height:63px;
	text-indent: -999999px;
	margin-top:40px;
	margin-left:25px;
	padding-left:20px;
	float: left;
}

p.body_text_armrest{
	background: url(../images/armrest_instructions.png) no-repeat!important;
	width: 148px;
	height:267px;
	text-indent: -999999px;
	margin-top:40px;
	margin-left:25px;
	padding-left:20px;
	float: left;
}

p.body_text_adv_armrest{
	background: url(../images/adv_armrest_instructions.png) no-repeat!important;
	width: 135px;
	height:114px;
	text-indent: -999999px;
	margin-top:40px;
	margin-left:25px;
	padding-left:20px;
	float: left;
}

p.body_text_headrest{
	background: url(../images/headrest_instructions.png) no-repeat!important;
	width: 124px;
	height:46px;
	text-indent: -999999px;
	margin-top:40px;
	margin-left:25px;
	padding-left:20px;
	float: left;
}


#right a.humanscale_link{
	background: url(../images/logo1.gif) no-repeat;
	display: block;
	width: 77px;
	height:44px;
	text-indent: -999999px;
	float: right;
	margin-top:15px;
} 

#right a.humanscale_link:hover{
	background: url(../images/logo2.gif) no-repeat;
}
#left #back_height a{
	background: url(../images/back_height_normal.png) no-repeat;
	display: block;
	width: 168px;
	height:67px;
	text-indent: -999999px;
} 
#left #back_height a.active_chair,
#left #back_height a.active:hover,
#left #back_height a:hover{
	background: url(../images/back_height_hover.png) no-repeat;
}

#left #back_height a.active{
	background: url(../images/back_height_active.png) no-repeat;
} 


#left #seat_depth a{
	background: url(../images/seat_depth_normal.png) no-repeat;
	width: 168px;
	height:67px;
	display: block;
	text-indent: -999999px;
}
#left #seat_depth a.active_chair,
#left #seat_depth a.active:hover,
#left #seat_depth a:hover{
	background: url(../images/seat_depth_hover.png) no-repeat;
}

#left #seat_depth a.active{
	background: url(../images/seat_depth_active.png) no-repeat;
}

#left #arm_rests a{
	background: url(../images/arm_rests_normal.png) no-repeat;
	width: 168px;
	height:67px;
	text-indent: -999999px;
	display:block;
}
#left #arm_rests a.active_chair,
#left #arm_rests a.active:hover,
#left #arm_rests a:hover {
	background: url(../images/arm_rests_hover.png) no-repeat;
}
#left #arm_rests a.active {
	background: url(../images/arm_rests_active.png) no-repeat;
}

#left #seat_height a{
	background: url(../images/seat_height_normal.png) no-repeat;
	width: 168px;
	height:66px;
	text-indent: -999999px;
	display:block;
}
#left #seat_height a.active_chair,
#left #seat_height a.active:hover,
#left #seat_height a:hover{
	background: url(../images/seat_height_hover.png) no-repeat;
}
#left #seat_height a.active{
	background: url(../images/seat_height_active.png) no-repeat;
}

#left #headrest a{
	background: url(../images/head_rest_normal.png) no-repeat;
	width: 168px;
	height:81px;
	text-indent: -999999px;
	display:block;
}
#left #headrest a.active_chair,
#left #headrest a.active:hover,
#left #headrest a:hover{
	background: url(../images/head_rest_hover.png) no-repeat;
}
#left #headrest a.active{
	background: url(../images/head_rest_active.png) no-repeat;
}



a.adv_armrest {
	background: url(../images/pix/adv_icon1.gif) no-repeat;
	width: 142px;
	height:67px;
	text-indent: -999999px;
	display:block;
}

a.adv_armrest:hover {
	background: url(../images/pix/adv_icon2.gif) no-repeat;
	width: 142px;
	height:67px;
	text-indent: -999999px;
	display:block;
}

#right {
	background: url(../images/pix/click.gif) no-repeat 291px 200px;
	width: 390px;
	height:450px;
	float: left;
}


#slideshow {
	position: relative;
	z-index:1;
	height: 450px;
}

#slideshow2 {
	position: relative;
	z-index:1;
	height: 450px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img { display: none }
#slideshow img.first { display: block }


ul#full_chair{
	list-style: none;
	background: url(../images/pix/hm_chair.jpg) no-repeat 0 0;
	position: relative;
	width:293px;
	height:361px;
	margin:0;
	padding:0;
}

ul#full_chair.active_chair,
ul#full_chair:hover {
	background: url(../images/pix/hm_fade.jpg) no-repeat 0 0;
}
ul#full_chair li {
  position: absolute;
}
ul#full_chair li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
}


#right #headrest {
	height:66px;
	width:82px;
	top: 18px;
	left: 96px;
}
#right #headrest.active_chair,
#right #headrest:hover{
	background: url(../images/pix/hme_headrest_fade.jpg) no-repeat 0 0;
}
#right #back_height {
	height:119px;
	width:82px;
	top: 85px;
	left: 96px;
}
#right #back_height.active_chair,
#right #back_height:hover {
	background: url(../images/pix/hme_back_fade.jpg) no-repeat 0 0;
}
#right #arm_rests {
	height:45px;
	width:104px;
	top: 159px;
	left: 176px;
}
#right #arm_rests.active_chair,
#right #arm_rests:hover {
	background: url(../images/pix/hme_arm_fade.jpg) no-repeat 0 0;

}
#right #seat_depth {
	height:68px;
	width:197px;
	top: 203px;
	left: 96px;
}
#right #seat_depth.active_chair,
#right #seat_depth:hover {
	background: url(../images/pix/hme_depth_fade.jpg) no-repeat 0 0;

}
#right #seat_height {
	height:91px;
	width:197px;
	top: 270px;
	left: 96px;
}

#right #seat_height.active_chair,
#right #seat_height:hover{
	background: url(../images/pix/hme_height_fade.jpg) no-repeat 0 0;

}