@charset "UTF-8";
/* CSS Document */
.topbar {
background-image: url(images/topbar.jpg);
position: absolute;
width: 900px;
height: 110px;
margin: 0;
padding: 0;
}

#navbar div.menu {
height: 50px;
width: 678px;
background-color: #393378;
position: absolute;
top: 98px;
left: 230px;
list-style: none;
margin: 0;
padding: 0;
}

 #navbar a {
color: #FFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
text-decoration: none;
}

#navbar div {
text-align: center;
display: inline;
width: 135px;
height: 50px;
display: block;
position: absolute;
}

#navbar div.home { 
left: 0px; 
} 
#navbar div.about {
left: 130px;
} 
#navbar div.books { 
left: 275px; 
} 
#navbar div.reviews {
left: 405px;
}
#navbar div.links {
left: 534px;
}

.bookbar {
background-image: url(images/bookbar.jpg);
position: absolute;
height: 100px;
width: 678px;
top: 148px;
left: 230px;
}

.cornerpicstyle {
position: absolute;
width: 222px;
height: 150px;
top: 98px;
}

#main {
	background-color: #C9C8B6;
	overflow: auto;
	position: absolute;
	width: 900px;
	top: 249px;
	left: 10px;
}

#main div.bookshunter {
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 10px;
	left: 20px;
}

#main div.bookshuntertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 60px;
	left: 150px;
}


#main div.booksstone {
	background-color: #C9C8B6;
	position: absolute; 
	top: 10px;
	left: 320px;
}
#main div.booksstonetext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 60px;
	left: 450px;
}
#main div.booksrain {
	background-color: #C9C8B6;
	position: absolute; 
	top: 10px;
	left: 620px;
}
#main div.booksraintext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 60px;
	left: 750px;
}
#main div.booksidol {
	background-color: #C9C8B6;
	position: absolute; 
	top: 200px;
	left: 20px;
}
#main div.booksidoltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 240px;
	left: 150px;
}
#main div.booksblue {
	background-color: #C9C8B6;
	position: absolute; 
	top: 200px;
	left: 320px;
}
#main div.booksbluetext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 240px;
	left: 450px;
}
#main div.booksland {
	background-color: #C9C8B6;
	position: absolute; 
	top: 200px;
	left: 620px;
}
#main div.bookslandtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 240px;
	left: 750px;
}
#main div.booksearth {
	background-color: #C9C8B6;
	position: absolute; 
	top: 400px;
	left: 20px;
}
#main div.booksearthtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 410px;
	left: 150px;
}
#main div.bookspeace {
	background-color: #C9C8B6;
	position: absolute; 
	top: 400px;
	left: 320px;
}
#main div.bookspeacetext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 410px;
	left: 450px;
}
#main div.booksboy {
	background-color: #C9C8B6;
	position: absolute; 
	top: 400px;
	left: 620px;
}
#main div.booksboytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	background-color: #C9C8B6;
	position: absolute; 
	top: 410px;
	left: 750px;
}
#main div.stonecover {
	position: absolute;	
	left: 20px;
	top: 10px;
}
#main div.stonecovertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;	
	left: 300px;
	top: 10px;
}
#main div.raincover {
	position: absolute;	
	left: 20px;
	top: 10px;
}
#main div.raincovertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;	
	left: 300px;
	top: 10px;
}
#main div.idolcover {
	position: absolute;	
	left: 20px;
	top: 10px;
}
#main div.idolcovertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;	
	left: 300px;
	top: 10px;
}
#main div.bluecover {
	position: absolute;	
	left: 20px;
	top: 10px;
}
#main div.bluecovertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;	
	left: 300px;
	top: 10px;
}
#main div.landcover {
	position: absolute;	
	left: 20px;
	top: 10px;
}
#main div.landcovertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;	
	left: 300px;
	top: 10px;
}
#main div.earthcover {
	position: absolute;	
	left: 20px;
	top: 10px;
}
#main div.earthcovertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;	
	left: 250px;
	top: 10px;
}
#main div.peacecover {
	position: absolute;	
	left: 20px;
	top: 10px;
}
#main div.peacecovertext {
	width: 500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;	
	left: 350px;
	top: 10px;
}
#main div.boycover {
	position: absolute;	
	left: 20px;
	top: 10px;
}
#main div.boycovertext {
	width: 500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	position: absolute;	
	left: 350px;
	top: 10px;
}
#main div.hunternewfront {
	position: absolute;
	top: 10px;
	left: 295px;
}
#main div.hunterworldfront {
	position: absolute;
	top: 205px;
	left: 295px;
}
#main div.gallerylink {
	position: absolute;
	top: 10px;
	left: 20px;
}
#main div.stoneplaceholder {
	position: absolute;
	top: 310px;
	left: 300px;
}
#main div.stoneworld {
	position:absolute;
	top: 10px;
}
#main div.rainplaceholder {
	position: absolute;
	top: 310px;
	left: 300px;
}
#main div.rainworld {
	position: absolute;
	top: 10px;
}
#main div.idolplaceholder {
	position: absolute;
	top: 310px;
	left: 300px;
}
#main div.idolworld {
	position: absolute;
	top: 10px;
}
#main div.hunterplaceholder {
	position: absolute;
	top: 310px;
	left: 300px;
}
#main div.hunterworld {
	position: absolute;
	top: 10px;
	left: 235px;
}
#main div.hunterworldlinks{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 40px;
	position: absolute;
	top: 10px;
	left: 815px;
}
#main div.hunterworldtext {
	position: absolute;
	top: 10px;
}
#main div.abouttext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;
	width: 650;
	top: 10px;
	left: 150px;
}
#main div.contacttext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position: absolute;
	top: 10px;
	left: 100px;
}
#main div.reviewstext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width: 650px;
	position: absolute;
	top: 10px;
	left: 150px;
}
body {
	background-color: #B9CEC5;
}
/* imagogallery css*/

.imago_thumbImg {
	border: 5px solid #000000;
}

.imago_selectedThumb {
	border: 5px solid #FFFFFF;
}

#imagoError {
	position: absolute;
	top: 50px;
	left: 50px;
	display: none;
	color: #FFFFFF;
}

#imagoThumbMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 330px;
}
 
#imagoCurrentThumbTable {
	border-collapse: separate;
	border-spacing: 5px;
	margin: 5px;
	padding: 5px;
	outline: 5px;
}

#imagoCurrentImageTitle {
	text-align: center;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 0px;
	z-index:11;
}

#imagoGalleryTitle {
	margin-left: 20px;
	text-align: left;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}

#imagoFrame {
	position: absolute;
	top: 20px;
	margin-left: 300px;
}

#imagoCurrentImageDiv {
	position: absolute;
	top: 20px;
}

#imagoCurrentImg {
	border: 20px solid #000000;
}
.imagogallery{
    position: absolute;
	top: 0px;
	left: 0px;

}

#imagoLoadingDiv {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:10;
	width: 100%;
	height: 100%;
}

#imagoLoadingDiv, #imagoCurrentImageLoadingDiv {
	background: url('gallery/Africa/img/loading.gif') no-repeat center center;
	background-color: #000;
	top: 20px;
}
#imagoCurrentImageLoadingDiv {
	position: absolute;
	display: none;
	z-index:10;
}
a.imago_navNextImage, a.imago_navPreviousImage
{
	position: absolute;
	height: 100%;
	width: 10%;
	cursor: pointer;
	z-index:10;
	background: url('gallery/Africa/img/empty.gif') no-repeat center center;
}

a.imago_navNext, a.imago_navPrev
{
	position: absolute;
	height: 31px;
	width: 31px;
	cursor: pointer;
	z-index:10;
	background: url('gallery/Africa/img/empty.gif') no-repeat center center;
}

a.imago_navPreviousImage:focus, a.imago_navNextImage:focus {
  outline-style: none;
}

a.imago_navPrev {
	left: 60px;
	bottom: 60px;
	background: url('gallery/Africa/img/prevImg.png') no-repeat top left;
}

a.imago_navNext {
	left: 100px;
	bottom: 60px;
	background: url('gallery/Africa/img/nextImg.png') no-repeat top right;
}

a.imago_navNextImage:hover {
	background: url('gallery/Africa/img/nextImg.png') no-repeat center center;
}

a.imago_navNextImage {
	right: 20px;
	top: 0px;
}

a.imago_navPreviousImage {
	left: 20px;
	top: 0px;
}
a.imago_navPreviousImage:hover {
	background: url('gallery/Africa/img/prevImg.png') no-repeat center center;
}