@charset "UTF-8";
/* CSS Document */

body{
position:relative;
background-color:#000 !important;
background-image:url(../images/index-homepageBG.jpg);
background-position:top center;
background-repeat:no-repeat;
padding:5px;
height:680px !important;
font-family:Arial, Helvetica, sans-serif !important;
overflow-x:hidden;
background-size:100%;
}
h1 { font-size:40px; text-align:center; color:#990000 !important;}
p {font-size:20px; text-align:center; line-height:25px;}
hr {color:#333 !important; border: solid 1px #333 !important}

#magazine{
	margin:auto; top:0px; width:790px;  height:580px; float:left;  display:none;
}
#magazine .turn-page{

	
}
.page_number1{position:absolute; bottom:-225px; left:180px; font-size:14px !important;}
.page_number2{position:absolute; bottom:-225px; left:170px; font-size:14px !important;}
.page_number3{position:absolute; bottom:-212px; left:165px; font-size:14px !important;}
.page_number4{position:absolute; bottom:-225px; left:195px; font-size:14px !important;}
.page_number5{position:absolute; bottom:-225px; left:180px; font-size:14px !important;}

#magazine p{color:#000; font-size:17px; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height:23px;}
#magazine h2 {font-size:22px; color:#990000; line-height:22px !important; font-family:mainFont !important;}
#magazine h3 {font-size:30px; line-height:40px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#990000;}

#magazine a {color:#CA2A1D; text-decoration:none;}
#magazine a:hover {color:#9F0507; text-decoration:underline;}
#logo{
	width: 100%;
	height: auto;
	background-color: ;
	margin: auto;
	margin-bottom: 10px;
	border-bottom: solid 1px white;
	margin-left: 0px;
	position: relative;
}
#book-nav a{color:#990000; text-decoration:none;}
#book-nav a:hover {color:#CCCCCC; text-decoration:underline;}
#book-nav{width:195px; margin:auto; font-family:mainFont; font-size:16px; margin-top:20px; margin-bottom:15px;}

span.reference{
				font-family:Arial;
				text-transform:uppercase;
				position:fixed;
				right:95px;
				bottom:10px;
				font-size:11px;
				text-shadow:1px 1px 1px #000;
			}
			span.reference a{
				color:#aaa;
				text-decoration:none;
				margin-right:20px;
			}
			span.reference a:hover{
				color:#ddd;
			}
			.title{
				position:absolute;
				right:10px;
				top:10px;
				width:91px;
				height:600px;
				background:transparent url(images/title.png) no-repeat top left;
}
.modalOverlay {width:100%; min-height:900px; height:100%; background-color:#000000; opacity:0.7; display:none; position:absolute; z-index:3; top:0px; left:0px;}
.panelInfo {width:500px; height:auto; position:absolute; border:solid 5px #C00; background-color:#FFFFFF; padding:10px; z-index:4; margin-left:35%; border-radius:5px; top:20%}
.panelInfo span {width:auto; padding:10px; background-color:#6CF; color:#000; line-height:30px; text-align:center; border-radius:5px; font-size:16px; margin-left:200px; cursor:pointer}
.panelInfo p {text-align:left;}
.panelInfo span:hover {background-color:#0066FF; color:#FFF;}
.panelInfo h1 {font-size:28px; margin-bottom:10px}

.submenu {
	display:none;
	position: absolute;
	background-color: #efefef;
	border: 1px solid #DDD;
	border-top: none;
	margin: 0px 4px;
	padding: 0px;
	z-index: 500;
	top: 0px;
	left:45%;
}
.language {
	display:;
	position: absolute;
	background-color: #2a2a2a;
	border: 1px solid #2a2a2a;
	border-radius:0px 0px 4px 4px;
	border-top: none;
	margin: 0px 10px;
	padding: 0px;
	z-index: 500;
	top: 0px;
	left:45%;
	padding:10px;
	text-align:center;
	color:#F66
	
}
.language:hover {
	background-color:#FFF;	
	cursor:pointer;
}
.submenu span {
	display: block;
	width: 50px;
	margin: 0px;
	height: 20px;
	line-height: 20px;
	padding: 10px;
	font-size: 18px;
	width:auto;
	border-top:solid 1px #DDD;
	text-align:center
}
.submenu span:hover {
	background-color:#000;
	color:#F66;
	cursor:pointer;
}
.submenu span a {
	color:#F66;
	text-decoration:none;	
}