div#alu-50-container {
	clear: both;	
}

div#alu-50-header {
	clear: both;
	height: 120px;
	background-color: #fff;
}

div#alu-50-header h2 {
	color: #000;
	padding-top: 65px;
	text-align: center;
	line-height: 0;
}

div#alu-50-header h3 {
	color: #b4b4b4;
	padding-top: 5px;
	text-align: center;
	line-height: 0;
}

div#alu-50-body {
	position: relative;
	height: 720px;
	background-color: #1e1e1e;
}

div#alu-50-body.dark {
	background-color: #000;
}

div#alu-50-hidden-pane {
	position: absolute; 
	left: -700px; 
	height: 800px; 
	width: 700px;
	background-color: #e6e6df;
	z-index: 500;
}

div#alu-50-body-first, div#alu-50-body-second, div#alu-50-body-third {
	float: left;
	position: relative;	
}

div#alu-50-body-first {
	width: 316px;
	left: -316px;
	z-index: 125;
}

div#alu-50-body-first.double {
	width: 628px;
	left: -628px;
}

div#alu-50-body-second {
	width: 312px;
	left: -628px;
	z-index: 100;
	background-position: 312px 0;
}

div#alu-50-body-second.first-double {
	left: -940px;	
}

div#alu-50-body-second.double {
	width: 628px;
	left: -940px;
}

div#alu-50-body-third {
	width: 316px;
	left: -944px;
	z-index: 75;
}

div#alu-50-body div.text {
	height: 600px;
	background-color: #1e1e1e;
}
div#alu-50-body.dark div.text {
	background-color: #000;
}

div#alu-50-body div.text img {
	margin: 150px 0 0 20px;
}

div#alu-50-body div.text.join img {
	margin-left: 0px !important;
}

img#alu-50-expand-image {
	position: absolute;
	top: 265px;
	left: 30px;
}

a.next {
	display: block;
	width: 29px;
	height: 29px;
	background-color:red;
	background: url(/_images/aluminium-chair-50/next.gif) no-repeat;
	background-position: top;
	margin:20px 0 0 20px;
}

a.next:hover {
	background-position: bottom;
}

a.next span {
	display: none;
}



/** Loading animation **/
p#alu-50-loading {
	position: absolute;
	top: 265px;
	left: 28px;
}



/** Chapter Navigation **/
div#alu-50-chapter-nav {
	width: 296px;
	float: right;
	padding-left: 20px;
	margin-top: -28px;
}

div#alu-50-chapter-nav h4 {
	line-height: 0;
}

ul#alu-50-chapters {
	padding-top: 5px;
}

ul#alu-50-chapters li {
	float: left;
}

ul#alu-50-chapters li span {
	display: none;
}

ul#alu-50-chapters li a {
	display: block;
	width: 18px;
	height: 18px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 3px;
}

ul#alu-50-chapters li.active a {
	background-position: top right;
}

ul#alu-50-chapters li a:hover {
	background-position: bottom left;
}

ul#alu-50-chapters li a.chap-1 {
	background-image: url(/_images/aluminium-chair-50/numbers/1.gif);
}

ul#alu-50-chapters li a.chap-2 {
	background-image: url(/_images/aluminium-chair-50/numbers/2.gif);
}

ul#alu-50-chapters li a.chap-3 {
	background-image: url(/_images/aluminium-chair-50/numbers/3.gif);
}

ul#alu-50-chapters li a.chap-4 {
	background-image: url(/_images/aluminium-chair-50/numbers/4.gif);
}

ul#alu-50-chapters li a.chap-5 {
	background-image: url(/_images/aluminium-chair-50/numbers/5.gif);
}


/** Overlay images **/
div#alu-50-body img#full-image {
	position: absolute;
	top: 0;
	left: -944px;
	z-index: 225;
}


div#alu-50-first-container, div#alu-50-second-container, div#alu-50-third-container {
	position: absolute;
	height: 600px;
	width: 316px;
	background-repeat: no-repeat;
}

div#alu-50-first-container {
	z-index: 225;
	left: -316px;
}

div#alu-50-second-container {
	z-index: 200;
	left: -312px;
	width: 312px;
	background-position: -316px 0;
}

div#alu-50-third-container {
	z-index: 175;
	left: -316px;
	background-position: -628px 0;
}

a#alu-50-close-image {
	display: block;
	position: absolute;
	z-index: 250;
	top: 280px;
	left: 888px;
	cursor: pointer;
	width: 29px;
	height: 29px;
	background: url(/_images/aluminium-chair-50/image-close.png) no-repeat;
	background-position: top;
}

a#alu-50-close-image:hover {
	background-position: bottom;
}

a#alu-50-close-image span {
	display: none;
}