body{background:url(bg1.jpeg) repeat;} #previous-page { 	background: url(previous.png) no-repeat;	float: left;	margin-left: 30%;} #next-page { background: url(next.png) no-repeat;
	float: left; margin-left: 5%; } #close-magazine { background: url(close.png) no-repeat; float: left; margin-left: 5%;
}
#previous-page, #close-magazine, #next-page{
 width: 29px;
	height: 29px;
	cursor: pointer;
 opacity: 0;
	-webkit-transition: opacity 2.5s ease-in-out;
  -moz-transition: opacity 2.5s ease-in-out;
  -ms-transition: opacity 2.5s ease-in-out;
  -o-transition: opacity 2.5s ease-in-out;
  transition: opacity 2.5s ease-in-out;
}
#controls{
	font-weight: bold;
	height: 29px;
	padding-top: 5px;
	float: left;
	margin-left: 5%;
	opacity: 0;
	-webkit-transition: opacity 2.5s ease-in-out;
  -moz-transition: opacity 2.5s ease-in-out;
  -ms-transition: opacity 2.5s ease-in-out;
  -o-transition: opacity 2.5s ease-in-out;
  transition: opacity 2.5s ease-in-out;
}
#previous-page.load, #close-magazine.load, #next-page.load, #controls.load{
	opacity: 0.75;
}
#magazine .shadow{
	-moz-box-shadow: 0 0 20px black; /* Firefox/Mozilla */  
 -webkit-box-shadow: 0 0 20px black; /*Safari/Chrome */  
 box-shadow: 0 0 20px black; /* Opera & how it should be */  
 filter:
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=225,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=315,strength=2);	
}
#magazine .loader{
	background-image:url(../images/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}


#magazine {
	width:800px;
	height:556px;
	margin: 20px auto;
	position:relative;
	left:0;
	opacity:0;
	-moz-transition:0.3s left;
	-webkit-transition:0.3s left;
	transition:0.3s left;
}

#magazine .page{
	width:400px;
	height:556px;
	background-color:#fff;
	overflow:hidden;


}

#magazine.centerStart{
	left:-200px;
}

#magazine.centerEnd{
	left:200px;
}

.page img{
 width:400px;	
	height:556px;
	display:block;
}
.page a.link{
	color: #082733;
	background: url(bullet1.gif) 0 3px no-repeat;
	font-size: 11px;
	text-decoration: none;
	padding-left: 15px;
	margin-left: 120px;
	position: absolute;
}
.page a:hover{
	text-decoration: underline;
	color: #5e0900;
}
.page p{
 text-align: justify;
 font-size: 12px;
 padding-left: 40px;
 padding-right: 40px;
 margin-top: 20px;
}

.page a{
	color: #5e0900;
	text-decoration: none;
}
.centerStart .turn-page-wrapper:first-child{
	-moz-box-shadow: 0 0 7px black; /* Firefox/Mozilla */  
 -webkit-box-shadow: 0 0 7px black; /*Safari/Chrome */  
 box-shadow: 0 0 7px black; /* Opera & how it should be */  
 filter:
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=225,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=315,strength=2);	
}

.centerEnd .turn-page-wrapper:last-child{
	-moz-box-shadow: 0 0 7px black; /* Firefox/Mozilla */  
 -webkit-box-shadow: 0 0 7px black; /*Safari/Chrome */  
 box-shadow: 0 0 7px black; /* Opera & how it should be */  
 filter:
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=225,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=315,strength=2);	
}

span.pageNum{
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 25px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-size: 11px;
    height: 24px;
    line-height: 22px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    width: 55px;
}

span.pageNum.left{
	left:0;
	right:auto;
}

span.pageNum.right{
	left:auto;
	right:0;
}

#page1 .pageNum{
	display:none;
}

span.instruct-bottom {
	bottom: 0px;
	background: url(corner.png) no-repeat;
	background-position: right bottom;
	background-color: rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); /* Firefox/Mozilla */  
 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); /*Safari/Chrome */  
 box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); /* Opera & how it should be */  
 filter:
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=225,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=315,strength=2);	
	opacity: 0.9;
 color: #fff;
 font: 11px bold;
 height: 24px;
 line-height: 20px;
 position: absolute;
 left:auto;
	right:0;
	width: 70px;
	text-align: center;
}
span.instruct-top {
	top: 0px;
	background: url(corner.png) no-repeat;
	background-position: right top;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
	height: 24px;
 line-height: 20px;
 position: absolute;
 left:auto;
	right:0;
	width: 24px;
}