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

body {
		color:#333;
		padding:0;}

	h1{
		font-size:130%;
		font-weight:normal;
		margin:0;
		padding:0 0px;
		}
	h2{
	font-size:140%;
	font-weight:bold;
	color:#600;
	font-family: "Trajan Pro";
	text-transform: capitalize;
		}	
	h3{
		font-size:130%;
		font-weight:normal;
	}
	h4{
	font-size:150%;
	font-weight:bold;
	color:#fff;
	font-family: "Trajan Pro";
	text-transform: capitalize;
		}	
	
	img{border:none;}
	
.header {
	background-image:url(../images/bg_top.png);
	background-repeat: repeat-x;
	height:78px;
	padding-left:340px;
}

/* NAVIGATION BUTTONS */
.cssnav	{
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	background-image: url(../images/bg_top.png);
	background-repeat: repeat-x;
	white-space: nowrap;
	display: block;
	width: 150px;
	height: 78px;
	margin: 0px;
	padding-right: 1px;
	float: left;
	border-right-style: solid;
	border-right-color: #000;
	border-right-width: thin;
			}
.cssnav a {
	display: block;
	color: #000000;
	font-size: 14px;
	width: 150px;
	height: 78px;
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
	
			}
 
.cssnav img {
	width: 150px;
	height: 78px;
	border-right-style: solid;
	border-right-color: #7B030F;
	border-right-width: thin;
}
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
	position: absolute;
	left: 20px;
	top: 25px;
	margin: 0px;
	cursor: pointer;
	width: 120px;
	height: 14px;
	text-align: center;
	padding-left: 0px;
			}
/* END OF NAVIGATION */
			
.bookimg {
	float:left;
	height:780px;
	width:350px;
	margin-top:-95px;
	background-image:url(../images/bookImg.png);
	background-repeat:no-repeat;
	padding-right:10px;
	}

.author{
	float:left;
	height:780px;
	width:350px;
	margin-top:-95px;
	background-image:url(../images/author.png);
	background-repeat:no-repeat;
	padding-right:10px;
	}


.content {

	padding: 10px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:justify;
	padding-right:320px;
	
	
	
}
.smoothHeader {
	position:absolute;
	left: 440px;
	top: 30px;
	z-index:-2;
	width: 783px;
	
}
.lagSelect{
	position: absolute;
	top: 110px;
}

.mainWindow {
	position: absolute;
	left: 19%;
	top: 215px;
	height: 500px;
	width: 889px;
	z-index: -1;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: justify;
	display: block;
}


.innnerWindow {
	position:absolute;
	left: 251px;
	top: 5px;
	width: 610px;
	height: 152px;
}
.mainbook {
	position:absolute;
	top: 145px;
	left: 80px;
	height: 1054px;
	width: 1200px;
	background-image:url(../images/book_bg.png);
	background-repeat:no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: justify;
	
	
}
#left_page {
	width:475px;
	height:895px;
	float:left;
	margin-left:120px;
	margin-top:40px;
	overflow: auto;
	padding-right:7px;
}
#right_page {
	width:475px;
	height:895px;
	float:left;
	margin-left:30px;
	margin-top:40px;
	overflow: auto;
	padding-right:5px;
	padding-left:2px;
}

#prev {
	float: left;
	margin-left: 120px;
	margin-top:-10px;

}
#next {
	float: right;
	margin-right: 85px;
	margin-top:-10px;
}

.innnerWindow2 {
	position:absolute;
	left: 20px;
	top: 270px;
	width: 889px;
	text-align: left;
	z-index: 200px;
}
.innnerWindowAudio {
	position:absolute;
	left: 312px;
	top: 151px;
	width: 560px;
	text-align: left;
	z-index: 200px;
}



a:link {color:#FFF;}      /* unvisited link */
a:visited {color:#FFF;}  /* visited link */
a:hover {color:#FFF;}  /* mouse over link */
a:active {color:#FFF;}  /* selected link */