body {
	font-family:Arial, Helvetica, sans-serif;
	}

h2 {
clear:both;
}
div#turner {
float:left;
width:960px;
height:318px;
margin-left:20px;
position:relative;
}

#leftpage, #rightpage {
float:left;
position:relative;
height:318px;
width: 480px;
}

div#flip {
background: transparent url(flip.png) top center;
height:318px;
width:200px;
position:absolute;
top:0;
left:380px;
}


#rpgwrap, #lpgwrap {
width:480px;
height:318px;
cursor:pointer;
display: block;
position:relative;
}

#lpgwrap {
width: 480px;
}

#lpgcurrent{
right: 0;
}

#rpgcurrent {
left: 0;
}

#rpgbefore{
left: 10px;
}

#lpgbefore{
right: 10px;
}

#rpgcurrent, #lpgcurrent{
z-index: 140;
width:450px;
height:318px;
cursor:pointer;
display: block;
position: absolute;
}

#rpgbefore, #lpgbefore{
z-index: 139;
width:450px;
height:318px;
cursor:pointer;
display: block;
position: absolute;
}

.morphfulll {
	width: 900px;
	height: 318px;
	overflow: hidden;
}

.morphl {
	width: 450px;
	height: 318px;
	overflow: hidden;	
}

.morphfullr {
	width: 900px;
	height: 318px;
	overflow: hidden;
}

.morphr {
	width: 450px;
	height: 318px;
	overflow: hidden;	
}

#leftpg{
width: 381px;
height: 318px;
left: 0;
position: absolute;
background: transparent url(pgleft.png) 0 0;
cursor:pointer;
}

#rightpg{
width: 380px;
height: 318px;
right: 0;
position: absolute;
background: transparent url(pgright.png) 0 0;
cursor:pointer;
}

.pgnolinks{
z-index: 151;
}

.pglinks{
z-index: 161;
}

#action{
width: 900px;
position: absolute;
overflow: hidden;
z-index:155;
height: 318px;
right: 20px;
}

#lpgfront, #rpgback {
float: right;
right: 0;
width: 0px;
height: 318px;
overflow: hidden;
}

#rpgback{
z-index:156;
width: 0;
background: url(pg3.jpg) no-repeat top right;
}

#lpgfront{
z-index:157;
background: url(pg4.jpg) no-repeat top left;
}


#rpgfront, #lpgback {
float: left;
left: 0;
width: 0px;
height: 318px;
overflow: hidden;
}

#lpgback{
z-index:156;
width: 0;
background: url(pgblank.jpg) no-repeat top right;
}

#rpgfront{
z-index:157;
background: url(pgblank.jpg) no-repeat top left;
}


#rfxflip{
width: 0px;
background: transparent url(frame.png) no-repeat top center;
height: 318px;
z-index: 160;
position: absolute;
right: 0px;
float: right;
overflow: hidden;
top: 0;
}
#lfxflip{
width: 0px;
background: transparent url(frame.png) no-repeat top center;
height: 318px;
z-index: 160;
position: absolute;
left: 0px;
float: left;
overflow: hidden;
top: 0;
}

.lpgimgs{
top: 0;
right: 0;
position: absolute;
}
.rpgimgs{
top: 0;
left: 0;
position: absolute;
}