/*-------------------------

	Simple reset

--------------------------*/





*{

	margin:0;

	padding:0;

}





/*-------------------------

	General Styles

--------------------------*/





html{

	background-color:#191919;

	min-height: 950px;

}




#magazine{
	style="width:1316px; height:950px; padding:0px; overflow:hidden;"
}

body{

	min-height: 950px;

    padding: 5px 0 50px;

	font:14px/1.3 'Segoe UI',Arial, sans-serif;

}



a, a:visited {

	text-decoration:none;

	outline:none;

	color:#54a6de;

}



a:hover{

	text-decoration:underline;

}



section, footer{

	display: block;

}





/*----------------------------

	Styling the magazine

-----------------------------*/





#magazine{

	width:1316px;

	height:950px;

	margin:0 auto;

	position:relative;

	left:0;

	

	opacity:0;

	

	-moz-transition:0.3s left;

	-webkit-transition:0.3s left;

	transition:0.3s left;

}



#magazine .page{

	width:658px;

	height:950px;

	background-color:#ccc;

	overflow:hidden;

}

/* Center the magazine when the cover is shown */

#magazine.centerStart{
	left: -329px;

}

/* Center the magazine when the last page is shown */

#magazine.centerEnd{

	left: 329px;

}



.page img{

	height:950px;

	width:658px;

	display:block;

}



.centerStart .turn-page-wrapper:first-child{

	box-shadow:0 0 10px #040404;

}



/* Page Numbers */



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;

}



/* Hide the page number on the cover */

#page1 .pageNum{

	display:none;

}





/*----------------------------

	The Footer

-----------------------------*/





footer{

	background-color: #111111;

	bottom: 0;

	box-shadow: 0 -1px 2px #111111;

	height: 45px;

	left: 0;

	position: fixed;

	width: 100%;

	z-index: 100000;

}



footer h2{

	color: #EEEEEE;

	font-size: 14px;

	font-weight: normal;

	left: 50%;

	margin-left: -400px;

	padding: 13px 0 0;

	position: absolute;

	width: 540px;

}



footer h2 i{

	font-style:normal;

	color:#888;

}



footer a.tzine,a.tzine:visited{

	color: #999999;

	font-size: 12px;

	left: 50%;

	margin: 16px 0 0 110px;

	position: absolute;

	text-decoration: none;

	top: 0;

}



footer a i{

	color:#ccc;

	font-style: normal;

}



footer a i b{

	color:#c92020;

	font-weight: normal;

}