/***************Site Wide**************/
html,
body {
margin:auto;
padding:0px;
font-family:Courier, Courier Ltd, Sans-Serif;
background:#fff;
}
a{
	color: #000;
}
a img{
border:0px;
}

.clear {
clear: both;
margin: -1px 0px 0px 0px;
height: 1px;
font-size: 1px;
line-height: 1px;
width: 100%;
}
.ahem { 
position: absolute;
overflow: hidden;
height: 0px;
width: 0px;
left: -1000px;
top: -1000px;
}
.fl{
float:left;
}
.fr{
float:right;
}
.preload{
	position: absolute;
	width: 0px;
	height: 0px;
	left: -1000px;
	top: -1000px;
}
/********Begin Content********/
#wrapper{
	margin: auto;
	width: 750px;
}

.home #nav{
	position: relative;
	z-index: 100;
}
	#nav{
	width: 324px;
	height: 38px;
	margin: 0;
	padding: 0;
	float: right;
	}
	#nav li{
	list-style: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	height: 38px;
	}
	#nav li a{
	float: left;
	display: block;
	height: 38px;
	}
	
		#books a{
			width:63px;
			background: url(../imgs/nav.gif) no-repeat 0px 0px;
		}
		#books a:hover, #books .active{
			width:63px;
			background: url(../imgs/nav.gif) no-repeat 0px -38px;
		}
		#books a:hover img.preload{
			left: -426px;
			top: 48px;
			width: 750px;
			height: 504px;
			z-index: -5 !important;
		}
		
		#illustrations a{
			width: 96px;
			background: url(../imgs/nav.gif) no-repeat -63px 0px;
		}
		#illustrations a:hover, #illustrations .active{
			width: 96px;
			background: url(../imgs/nav.gif) no-repeat -63px -38px;
		}
		
		#illustrations a:hover img.preload{
			left: -426px;
			top: 30px;
			width: 750px;
			height: 518px;
			z-index: -5 !important;
		}
		
		
		#contact a{
			width: 75px;
			background: url(../imgs/nav.gif) no-repeat -159px 0px;
		}
		#contact a:hover, #contact .active{
			width: 75px;
			background: url(../imgs/nav.gif) no-repeat -159px -38px;
		}
		#contact a:hover img.preload{
			left: -426px;
			top: 48px;
			width: 750px;
			height: 504px;
			z-index: -5 !important;
		}
		
		#school-visits a{
			width:89px;
			background: url(../imgs/nav.gif) no-repeat -235px 0px;
		}
		#school-visits a:hover, #school-visits .active{
			width:89px;
			background: url(../imgs/nav.gif) no-repeat -235px -38px;
		}
		#school-visits a:hover img.preload{
			left: -426px;
			top: 48px;
			width: 750px;
			height: 504px;
			z-index: -5 !important;
		}
		
		
.home #wrapper{
	position: relative;
	background: url(../imgs/home-bg.png) 0 48px no-repeat;
	height: 693px;
}		
.contact #wrapper{
	position: relative;
	background: url(../imgs/contact-bg.png) 0 48px no-repeat;
	height: 636px;
}
	#b-books{
		width: 283px;
		height: 324px;
		position: absolute;
		left: 223px;
		top: 48px;
		display: block;
		z-index:100;
	}
	a:hover#b-books{
		width: 750px;
		height: 645px;
		background: url(../imgs/books.gif) no-repeat;
		left: 0px;
		top: 48px;
		z-index: 50;
	}
	
	#b-illustrations{
		width: 283px;
		height: 324px;
		position: absolute;
		left: 506px;
		top: 48px;
		display: block;
		z-index:100;
	}
	a:hover#b-illustrations{
		width: 750px;
		height: 663px;
		background: url(../imgs/illustration.png) no-repeat;
		left: 0;
		top: 30px;
		z-index: 50;
	}	
		
	#b-contact{
		width: 283px;
		height: 324px;
		position: absolute;
		left: 223px;
		top: 372px;
		display: block;
		z-index: 200;
	}
	a:hover#b-contact{
		width: 750px;
		height: 645px;
		background: url(../imgs/contact.gif) no-repeat;
		left: 0px;
		top: 48px;
		z-index: 50;
	}	
	
	#b-visits{
		width: 283px;
		height: 324px;
		position: absolute;
		left: 506px;
		top: 372px;
		display: block;
		z-index: 200;
	}
	a:hover#b-visits{
		width: 750px;
		height: 645px;
		background: url(../imgs/school-visits.png) no-repeat;
		left: 0px;
		top: 48px;
		z-index: 50;
	}
	
/****CONTACT****/
.contact h1 a{
	position: absolute;
	width: 320px;
	height:150px;
	left: 315px;
	top: 48px;
}	
.contactz{
	margin: 0;
	position: relative;
}	
.contactz a{
	display: block;
	height: 20px;
	position: absolute;
	top: 308px;
}
.contactz .email{
	
	left: 260px;
	width: 80px;
}
.contactz .facebook{
	left: 395px;
	width: 80px;
}
.contactz .nashbox{
	left: 495px;
	width: 115px ;
}
.contactz .blog{
	left: 640px;
	width: 80px;
}
 
	

/***ILLUSTRATIONS****/
.books #wrapper{
	background: url(../imgs/books-bg.png) 250px 65px no-repeat;
	height: 660px;
}
.illustration #wrapper{
	background: url(../imgs/illustration-bg.gif) 250px 65px no-repeat;
	height: 660px;
}

/* Gallery*/
.illustrations .caption{display:none;}



.demo{position:relative;margin-top:20px;}
.gallery_demo{width:200px;float:left;}
.gallery_demo li div{left:240px}
.galleria_container{margin:0 auto 60px auto;height:432px;width:606px;float:right;}
/*books*/
.feature-book{position: absolute; left: 290px; top: 20px; height:432px;width:606px;}
.feature-book p{
	padding-top: 18px;
}

.nav{padding-top:15px;clear:both;}
.info{display:none}
.replaced{
	margin: 15px 0 0 -40px;
}
 

.nav{position:absolute;top:410px;left:0;}	

/*carousel*/

 

.jcarousel-skin-tango .jcarousel-container {
	 
    background:#000 url(../imgs/carousel.png) no-repeat; 
    margin: 125px 0 0 30px;   
    padding-left: 8px !important;
    padding-right: 2px !important;
}

/*.books .jcarousel-skin-tango .jcarousel-container {
	padding-left: 8px !important ;
	padding-right:  2px !important;
}*/

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 148px;
    height: 249px;
    padding: 40px 2px;
}



.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  155x;
    height: 249px;
      background: #000;
}
.jcarousel-skin-tango .jcarousel-item, .books .demo #mycarousel li{
    width: 140px;
    height: 140px;
}
/*.books .demo #mycarousel li img{
	width: 100%;
}
.books .demo #mycarousel li{
	height: auto !important;
}*/

.jcarousel-skin-tango .jcarousel-item-vertical {
   
    margin-bottom: 3px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #000;
    color: #000;
}
 
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../imgs/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../imgs/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/*******SCHOOL VISITS***************/
.school-visits #wrapper{
	width: 750px;
	background: url(../imgs/school-visits-bg.jpg) no-repeat;
	height: 638px;
}

.school-visits #wrapper p a{
	color:#333;
	text-decoration: underline;
}

.school-visits #wrapper p a:hover{
	color: #fff;
	background: #000;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 490px;
height: 180px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px 37px 15px 15px;
margin: 200px 0 0 90px;
}

 

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 27px;
}
.vscrollerbar {
width: 27px;
background:url(../imgs/scrollbar.jpg) no-repeat top;
}

.amazon{
	color: #000 !important;
}
.indie{
	color: #3880eb !important;
}