@charset "utf-8";
/* CSS Document */
p,h1,h2,h3,h4,div,ul,ol,li,pre,blockquote{
		margin:0;
		padding:0;
		}

	body {
		font-size: 75%;
		margin: 0;
		margin-left:0;
		margin-right:auto;
		width:750px;
		font-family:Verdana, Arial, Helvetica, sans-serif;	
		background-repeat:no-repeat;
		background-position:left top;
		}
		
	html>body {
	font-size: 12px;
		}
/* main NEWS! */	
	h1 {
		color: #fa0303;
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		letter-spacing: 0.08em;
		line-height: 1.5em;
		font-size: 1.5em;
		font-family: "Times New Roman", Times, serif;
		font-style: normal;
		font-weight: 900;
		}
		
/* book number menu */		
	h2 {
	color: #016b9d;
	text-decoration: none;
	word-spacing: 0;
	text-align: left;
	letter-spacing: 5px;
	line-height: 1.5em;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	font-weight:normal;
	margin:420px 0 0 5px;
		}
		
	p {
		float:left;
		font-size:.95em;		
		line-height: 1.5em;
		}
		
	p.desc{
	float:right;
	color: #182f47;
	font-size: 1.2em;
	letter-spacing: -0.03em;
	font-weight:normal;
	font-family: "Courier New", Courier, monospace;
	line-height: 1.1em;
		}
	
		
	#logo {
		float: left;
		margin: 10px 0 0 15px;
		padding:0;
		position:absolute;
		}
		
			
/*	!! error in IE
    .dp50 {
		margin:85px 10px 0 160px; 
		padding: 0;
		width:580px;  
		float:left;  
		display: inline; 
		height: 0.5px;
		background-color:#91cd90;	
		}*/
	
	#upline {
		float:right;
		border-top:1px solid #91cd90; 
		height:3px;
		width:580px;
		clear:both;
		margin: 85px 10px 0 160px;
		padding:0;		
		position:absolute; 
	}	
		
	#downline {
		float:right;
		border-top:1px solid #91cd90; 
		height:3px;
		width:580px;
		clear:both;
		margin: 85px 10px 0 160px;
		padding:0;		
		position:absolute; 
	}
		
/* main content start*/	
	#content{
	float:left;
	margin:90px 0 0 0;
	padding:0;
	width: 750px;
	position:absolute;
	height: auto;
	}
		
	#sidenavi {
		float:left;
		margin:0 0 0 5px;
		padding: 0;
		width:145px;		
		height:auto;				
		position:absolute;
		}		
	img.subtitle {
	float:left;
	margin:0 0 15px 0;
	padding: 0;
		}
		
	#sidebar-container {
	float:left;
	margin:330px 0 0 0;
	padding:0 0 0 10px;
	width:140px;
	position:absolute;
		}
		
	#maincontent{
		float:right;
		margin:0 10px 5px 160px;
		padding: 0 0 3px 0;
		width:580px;
		height:455px;
		border-bottom: #91cd90 solid 1px;
		position:absolute;
	}
	
/* book go_left and go_right buttons in Main Content Container*/		
	img.booktitle {
		float:left;
		margin:0;
		padding: 0;
		}	
	img.bookleft{
		float:right;
		margin:25px 0 0 500px;
		padding:0;
		position:absolute;
	}
	img.bookright{
		float:right;
		margin:25px 0 0 545px;
		padding:0;
		position:absolute;
	}

	img.bookwhale{
		float:left;
		margin:80px 0 0 0;
		padding:0;
		position:absolute;
	}	
	
	
	#description{		
		float:right;
		margin:0 10px 5px 160px;
		padding: 5px 0 5px 0;
		width:580px;
		clear:both;
		margin: 460px 10px 0 160px;
		padding:0;						
		position:absolute;
	}
	
/* main content end*/	
			
	#footer {
	float:right;
	height:18px;
	padding:3px 0;
	clear:both;
	font-size:0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ca8815;
	font-weight: normal;
}

/* start navigation bar */
	#navcontainer {
		margin: 10px 10px 0 160px;
		padding: 0;
		}
			
	#navi {
		margin:10px 10px 0 160px;
		padding:0;
		width:750px;
	}
	#port{
		float:left;
		margin:0 0 0 10px;
		padding:0;
		position:absolute;
		}
	#book{
		margin:0 0 0 110px;
		padding:0;			
		position:absolute;
		}
	#blog{
		margin:0 0 0 210px;
		padding:0;		
		position:absolute;
		}
	#news{
		margin:0 0 0 310px;
		padding:0;		
		position:absolute;
		}
	#about{
		margin:0 0 0 400px;
		padding:0;		
		position:absolute;
		}
	#shop{
		margin:0 10px 0 480px;
		padding:0;		
		position:absolute;
		}
 /* end navigation bar*/


 /* start a hover bar*/
a { text-decoration:none; }

a:link {
	color: #016b9d}     /* unvisited link */
a:visited {
	color: #016b9d}  /* visited link */
a:hover {
	color: #2B7021;
	text-decoration: underline;
}   /* mouse over link */
a:active {color: #2B7021}   /* selected link */

