h1 {
	display: none;
}

h2 {
	font-size: 2.2em;
	font-style: normal;	
	margin: 0 0 0.8em;
}

#middle-layout {	
	min-height: 35em;
	margin: 0;
}

#navigation {
	left: 9%;
}

#content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-top: 0;
}

#frame-wrapper {
	position: absolute;
	left: 0;	
	top: 0;	
	width: 1000%;
	height: 100%;
}

.frame-1 #frame-wrapper {
	left: -100%;
}

.frame-2 #frame-wrapper {
	left: -200%;
}

.frame-3 #frame-wrapper {
	left: -300%;
}

.frame-4 #frame-wrapper {
	left: -400%;
}

.frame-5 #frame-wrapper {
	left: -500%;
}

.frame-6 #frame-wrapper {
	left: -600%;
}

.frame-7 #frame-wrapper {
	left: -700%;
}

.frame {
	float: left;
	position: relative;
	width: 10%;
	height: 100%;	
}

.frame .object-1 {
	position: absolute;
}

.frame-content {
	position: relative;
	z-index: 2;
	left: 30%;
	margin: 250px 0 0 320px;
	width: 22em;
}

.frame-content .info {
	position: absolute;
	font-size: 0.9em;
	font-style: italic;
}

#frame-1 {
	background: url(frame-1-object-1.jpg) 30% 135px no-repeat;
}

#frame-2 {
	background: url(frame-2-object-1.jpg) 30% 93px no-repeat;
}

#frame-3 {
	background: url(frame-3-object-1.jpg) 30% 95px no-repeat;
}

#frame-3 .object-1 {
	left: 60%;
	top: 356px;
	margin-left: 210px;
	width: 183px;
	height: 179px;
	background: url(frame-3-object-2.jpg);
}

#frame-3 .info {
	right: 100%;
	margin-right: 40px;
	top: 3.4em;
	width: 16em;
}

#frame-4 {
	background: url(frame-4-object-1.jpg) 30% 111px no-repeat;
}

#frame-5 {
	background: url(frame-5-object-1.jpg) 30% 140px no-repeat;
}

#frame-5 .frame-content {
	margin-left: 120px;
}

#frame-5 .object-1 {
	left: 60%;
	top: 0;
	margin-left: 50px;
	width: 172px;
	height: 320px;
	background: url(frame-5-object-2.jpg);
}

#frame-6 {
	background: url(frame-6-object-1.jpg) 30% 94px no-repeat;
}

#frame-6 .frame-content p,
#frame-6 .frame-content ul,
#frame-6 .frame-content li {
	display: inline;
	padding: 0;
	background: none;
	margin: 0;
}

#frame-6 .frame-content li {
	line-height: 0.91em;	
}

#frame-6 .object-1 {
	left: 30%;
	top: 98px;
	margin-left: 270px;
	width: 247px;
	height: 132px;
	background: url(frame-6-object-2.jpg);
}

#frame-7 {
	background: url(frame-7-object-1.jpg) 30% 126px no-repeat;
}

#frame-7 .info {
	right: 100%;
	margin-right: 95px;
	top: 5em;
	width: 16em;
}

#frame-8 {
	background: #040206 url(frame-8-object-1.jpg) 30% 0 no-repeat;
	color: #FEFEFE;
}

#frame-8 h2 {
	color: #D1E78F;
}

#arrow-prev,
#arrow-next {
	position: absolute;
	z-index: 2;	
	top: 20em;
	cursor: pointer;
	background: url(../global/icons.gif) 0 0 no-repeat;
	text-indent: -1000em;
}

#arrow-prev:focus,
#arrow-next:focus {
	outline: none;
}

#arrow-prev {
	left: 9%;
	margin-left: -70px;
	width: 35px;
	height: 40px;
	background-position: -46px 0;
}

.frame-7 #arrow-prev {
	background-position: -81px 0;
}

#arrow-next {
	left: 94%;	
	width: 46px;
	height: 46px;
}

#formula {
	position: absolute;
	z-index: 2;
	left: 9%;
	top: 21em;
	font-style: italic;
}

#formula-popup {
	position: absolute;
	z-index: 11;
	left: 20%;
	top: 40%;
	padding: 1.2em 1.5em;
	margin-top: -2em;
	font-size: 0.9em;
	font-style: italic;
}

#frame-6 .selected,
#formula-popup .selected {
	border: 0;
	cursor: text;
}