﻿/* CSS Reset */
* { margin:0; padding:0; }

.clear{  clear:both;}
.space{ margin:10px 0; padding:10px 0;}
a:visited{ _border:1px solid #93C86A; }
p{  padding: 0 0 0 15px; color:#333333;} 
h3{ 
		font:22px/26px Verdana, Arial, Helvetica, sans-serif;
		padding:20px 0 0 100px;
		color:#FFFFFF;
		}
	p.cont img{ border:none;}
body {
  background:#93C86A url(../img/body_bg2.png) repeat-x 0 0;
  font-family:  'Trebuchet MS', Arial, Verdana, Arial, Helvetica, sans-serif;
}
#container {
  width:1024px;
  margin:0 auto;
  background:url(../img/header_bg.png) no-repeat;
}
#search{ width:970px; float:left;}

#search form{ width: 319px; height: 37px; 
		float:right; 
		background:url(../img/search_bar2.png) no-repeat 0 5px;
		padding:7px 0 0 95px; }
#search label, #cse label{}
#search input[text],  .tex, #cse-search-box input{ 
		width: 165px;  
		background:url(../img/input_bg.png) no-repeat; border:none; float:left;
		padding:5px 0 0 20px; margin:2px 0 0 0;
		height:20px;
		font-family:  Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-style:italic;}
		#search .submit{  
		font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:12px;      
        margin:0 0 0 3px;
		height:32px;
        width:32px;
		padding:2px 0 0 0;
		background:none;
        }
		#cse-search-results{ 
		width:700px; 
		margin:70px 0 0 0;
		padding:20px;}
		
/*margin for header 90px auto 0 auto; */
#header {
  clear:both;
   width:1000px;
  margin:10px auto 0 auto; 
  height:130px;
  
}
.logo{ float:left;
		width:232px; /* 266px  */
		height:97px; /* 125px */
		margin:10px 0 0 10px;
}
.logo img{ border:none;
}
.header h1 {
  display:block;
  float:left;
  width:320px;
  height:115px;
  background:url(../img/logo.png) no-repeat 0 0;
  text-indent:-9999px;
}
.header h1 a {
  display:block;
  width:100%;
  height:100%;
}
/* */
.header h1 a:hover {
  background:url(../img/log.png) no-repeat 0 -115px;/*logo_bg*/
}
span.logoHover {
  display: block;
  width: 100%;
  height:100%;
  background: url(../img/log.png) no-repeat 0 -115px;
}
span.logoHover a {
  display: block;
  width: 100%;
  height:100%;
}
#navi{
		width:680px; 
		float:left; 
		background:url(../img/navigate.png) no-repeat 0 0;
		margin-top:35px;
		}
ul.nav {
  display:block;
 
  width:660px;
  /*height:px; 125px*/
  list-style:none;
  margin:1px 0 0 30px;
 
}
 ul.nav li {
  display:inline;
  float:left;
  height:60px;
  text-align:center;
}   
  
ul.nav li a{
  display:block;
  float:left; border:none;
  height:32px;
 
  font-size:18px;
  text-transform:uppercase;
  text-decoration:none;
  outline:none;
  color:#fff;
  padding:10px 5px;
  width:90px;
}
ul.nav li a img{ border:none;}


#home a:hover, #home a.current{ 
  background:url(../img/menu_hover2.png) no-repeat top center;
  border:none; 
}
#about a:hover, #about a.current{
 background:url(../img/menu_hover2.png) no-repeat top center;
   border:none;
}
#work a:hover, #work a.current{
  background:url(../img/menu_hover2.png) no-repeat top center;
  border:none;
}
#project a:hover, #project a.current{
  background:url(../img/menu_hover2.png) no-repeat top center;
  border:none;
}
#activities a:hover, #activities a.current{
  background:url(../img/menu_hover2.png) no-repeat top center;
  border:none;
}

#contact a:hover, #contact a.current{
  background:url(../img/menu_hover2.png) no-repeat top center;
  border:none;
}

/**/
.maincontet{}
.content{ 
		clear:both;
		width:880px;
		-moz-border-radius:10px;
		/*-moz-box-shadow: 1px 2px 3px #000;
		-webkit-border-radius-bottomleft:3px;
		-webkit-border-radius-bottomright:3px;
		-webkit-box-shadow: 3px 3px 5px #000 ;
		_background: #fff;70A67B*/
		overflow:auto;
		margin:0 auto;
		margin-top:30px;
		min-height:450px;
		color:#094E64;
		 
		}
		.content form.paypal, .content2 form.paypal{ 
				margin:10px 0 0 100px;
				}
		#SignupForm{
			margin:0 0 0 50px;
			height:300px;
			font:12px/12px Arial, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
			padding:40px 0 0 0;
			}
			fieldset{ border:none; 
			padding:0px;
			}
		.lege{
			background:url(../img/message.png) no-repeat; 
			height:30px; 
			width:175px; 
			text-indent:-9999px;}
		#SignupForm label{ 
		padding: 20px 0;  
		height:30px; 
		margin:3px 10px; 
		width:150px;
			}
		#SignupForm input[type=text]{ font:12px/12px Arial, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		width:300px; 
		margin:3px 10px; 
		padding:2px 5px 2px 5px; 
		border:solid 1px #93C86A;}
		.submit{ 
		margin:3px 0 0 230px; background: url(../img/send.png) no-repeat; height:61px; width:103px;	}
		#SignupForm textarea{ margin:3px 10px; 
		width:300px; 
		padding:5px; 
		border:solid 1px #93C86A; 
		height:100px;	
		font:12px/12px Arial, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		}
		
		.content2{ 
		-moz-border-radius:10px;
		clear:both;
		width:880px;
		background: #fff;
		min-height:500px; 
		overflow:auto;
		margin:0 auto;
		margin-top:30px;
		background:#fff url(../img/content_bg.png) repeat-x;
		}
		.content_inside{
		width:500px;
		float:left;
		background: url(../img/butterfly.png) bottom left no-repeat;
		min-height:500px;
		}
		.content_right{ 
		background:url(../img/border.png) no-repeat;/* top left*/		
		float:right;
		padding:100px 0px 0 0;
		background:none;
		width:370px;
		_display:inline;
		}
		.content_right2{ 
		background:url(../img/border.png) no-repeat;/* top left*/		
		float:right;
		padding:50px 0px 0 0;
		background:none;
		width:370px;
		_display:inline;
		}
		.content_right strong{ color: #F15C28;
		}
		h2.started{ background: url(../img/started.png) no-repeat 20px 20px; text-indent:-9999px;
		padding:20px 0 0 20px;}
		h2.terms{ background: url(../img/terms.png) no-repeat 20px 20px; _text-indent:-9999px;
		padding:20px 0 0 20px; color:#0A4E65;}
		
		h2.work{ background: url(../img/work.png) no-repeat 20px 20px; text-indent:-9999px;
		padding:20px 0 0 20px;
		}
		h2.gallery{ background: url(../img/gallery.png) no-repeat 20px 20px; text-indent:-9999px;
		padding:20px 0 0 20px;
		}
		h2.todays{ background: url(../img/todays.png) no-repeat 20px 20px; text-indent:-9999px;
		padding:20px 0 0 20px;
		}
		h2.events{ background: url(../img/events.png) no-repeat 20px 20px; text-indent:-9999px;
		padding:20px 0 0 20px;
		}
		h2.other_books{ background: url(../img/other_books.png) no-repeat 20px 20px; text-indent:-9999px;
		padding:20px 0 0 20px;
		}
		
		
		h1.founder{
		background: url(../img/founder.png) no-repeat;
		height:81px; color: #0A4E65; text-indent: -9999px;
		
		}
		h1.terms{
		background: url(../img/terms.png) no-repeat;
		height:81px; color: #0A4E65; text-indent: -9999px;
		
		}
		
		
		h3.project{ background:url(../img/projects.png) no-repeat;
		text-indent:-9999px;
		height:81px;}
		h3.contacts{ background:url(../img/contacts.png) no-repeat;
		text-indent:-9999px;
		height:81px;}
		h3.latest{ background:url(../img/latest.png) no-repeat;
		text-indent:-9999px;
		height:81px;}
		h3.kids_movies{ background:url(../img/kids_movies.png) no-repeat;
		text-indent:-9999px;
		height:81px;}
		h3.toys{ background:url(../img/toys.png) no-repeat;
		text-indent:-9999px;
		height:81px;}
		h3.kids_apparel{ background:url(../img/kids_apparel.png) no-repeat;
		text-indent:-9999px;
		height:81px;}
		h3.activities{ background:url(../img/activities.png) no-repeat;
		text-indent:-9999px;
		height:81px;}
		h3.events{ background:url(../img/events.png) 0 10px no-repeat;
		text-indent:-9999px;
		height:81px;
		padding:;}
		
		
		.events_list{ position:relative; width:430px; float:left; padding-left:30px; }
		.events_list h5{ padding:0 0 10px 30px; background:url(../img/date-24.png) no-repeat; 
			text-shadow: #ccc 2px 3px 2px;
			}
		.events_list h5 span{ color:#ff9900; font-size:12px; padding:0 0 10px 0;}
		.events_list p{ 
			 border:1px solid #ccc;
			 /*
			 border-right:1px solid #ccc;
			 border-left:1px solid #ccc; */
		
		}
		.events_list p:hover{
			-webkit-box-shadow: 3px 3px 5px #000 ;
			-moz-box-shadow: 1px 2px 3px #ccc;
			} 
			.active{ margin-left:20px; float:left;
			}
		.active image{ float:left;height:60px; width:60px;
		}
		.active a{ text-decoration:none; color:#3E4E64; padding:0 10px;
		}
		h5.busy{ color:#FF6600;
		padding:0 0 20px 20px;
		}
		.image_right{
		border:none;
		Padding:0 0 20px 40px;
		background:none;
		margin: 0 auto;
		
		}
		
		p.cont{
		padding:10px 20px;
		font-family: Arial, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		font-size:12px; text-align:justify;
		}
		p.cont span{ font-weight:bold; font-style:italic; color:#FF0000;}
		p.cont span.scream{ font-size:14px; color:#FF3300;}
		p.cont a{ text-decoration:none; color:#78A5CD;}
		.latest_book{
		float:left;
		}
		.latest_book img{ 
		border:none;}
		.details{
		float:left;
		}
		.otha{ width:340px; border:1px solid gray; padding:5px; margin-bottom:10px;}
		.otha:hover{
			-webkit-box-shadow: 3px 3px 5px #000 ;
			-moz-box-shadow: 1px 2px 3px #ccc;}
		.otha table a {  color:#3E4E64; padding:0px 20px; font-size:12px;}
		.otha table a:hover {  color:#FF9900; padding:0px 20px; font-size:12px; text-decoration:none;}
		.otha table img{ padding:5px; background:#E3E3E3;
		-webkit-box-shadow: 3px 3px 5px #000 ;
			-moz-box-shadow: 1px 2px 3px #ccc;}
		
		
.product{ float:left; width:220px; margin:0; padding:0; border:none;}
.pro-book{ float:left; width:480px; margin:0; padding:0 0 0 50px;}

.product h2{ font-size:14px;  
		padding:15px 0 5px 0; 
		font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
		height:16px; 
		text-align:center;}
		.product h2{ padding:0 0 10px 0;
		height:40px;}
.product img{ padding:5px;  
		background:#fff; 
		margin:0 auto;
		}
		.product img:hover{ padding:5px;  
		background:#0A4E5F; 
		
		}
		.product img.more_info{ padding:0; border:none; background:none; }
		
		.view_more{ width:220px; height:55px;}
			.view_more a{ width:220px; height:53px; 
			background: url(../img/view.png) no-repeat center center;
			line-height:53px;
			padding: 20px 35px 20px 35px;   
			color:#fff; 
			text-decoration:none;
			}
			.view_more:hover a{ background: url(../img/view_hover.png) no-repeat center center;  }
		
		.desc{ width:480px; height:120px;}
		.desc p{ padding:5px 10px;}
		.desc img{ border:none; }
		.desc a{ text-decoration:none; color:#0A4E66; }
		.desc a:hover{ color:#ff6600; }
		.lefty{ float:left; width:100px; padding:5px; margin-left:10px; }
		.lefty img{ border:none; background:#EEEEED;}
		
		.righty{_float:left; }
		
.product p{
		padding:10px 20px 10px 20px; 
		font:normal 12px Arial, Helvetica, sans-serif; 
		width:160px; 
		text-align:center; 
		color:#264E62;
		margin:0 auto;
		height:60px;
		}
		
.books{ background:url(../img/pro_books.png) no-repeat center center;
text-indent:-9999px;
}
.movies{ background:url(../img/pro_movies.png) no-repeat center center;
text-indent:-9999px;
}
.apparel{ background:url(../img/pro_apparel.png) no-repeat center center;
text-indent:-9999px;
}
.toys{ background:url(../img/pro_toys.png) no-repeat center center;
text-indent:-9999px;
}
.featured_img{ 
		float:left;
		width:350px;
		margin:10px 0 0 0;
		padding: 0 0 20px 0;
	}	

.products_list{
		float:left;
		width:250px;
		height: 260px;
		margin:10px 0 0 100px;
		padding: 0 0 20px 0;
		background: url(../img/tales.png) no-repeat;
}

.lista{ 
		margin:30px 0 0 80px;
		list-style:none;
}
.lista li#books{ height:50px;}
.lista li#toys{ height:60px;}
.lista li#apparel{ height:60px;}
.lista li#dvds{ height:50px;}
.lista li{ height:50px;}

.lista li a{ text-decoration:none; color:#fff; width:80px;
}





.side_panel{ width: 220px; margin-left:50px;} 
.side_panel h4{ background: url(../img/he_side.png) no-repeat; height:38px; padding:10px 0 0 50px; color:#fff; }
.side_panel ul{ list-style:none; display:block; 
			margin:0 0 10px 30px; background:#fff; width:171px; padding: 0 0 10px 0;
			border-bottom:1px solid #ccc;
			 border-right:1px solid #ccc;
			 border-left:1px solid #ccc; }
			.side_panel ul:hover{
			-webkit-box-shadow: 3px 3px 5px #000 ;
			-moz-box-shadow: 1px 2px 3px #ccc;
			} 
			 
.side_panel ul li{ line-height:14px; height:20px; display:block; }
.side_panel ul li a{ display:block; padding:2px 20px; text-decoration:none; font-size:12px; color:#3E4E64;
			 
			  }
.side_panel ul li a:hover{ color:#F15C28; background:#000; padding:2px 20px;
		-moz-box-shadow: 1px 2px 3px #ccc;
		-khtml-box-shadow: 1px 2px 3px #ccc;
		-webkit-border-radius:3px;
		-webkit-box-shadow: 3px 3px 5px #000 ;
			 
			  }
#featuredText {
  display:block;
  clear:left;
  position:relative;
  float:left;
  width:400px;
  height:375px;
  background: url(../img/h1_main_new3.png) no-repeat 0 0;
  text-indent:-10000px;
}
#monitor {
	  position:relative;
	  float:left;
	  width:520px;
	  height:335px;
	  margin:0 0 0 50px;
	  
	  background:url(../img/featured2.png) no-repeat;
	  overflow:hidden;
}
/* Easy Slider */
#slider{ 
		position:absolute;
		margin:19px 0 0 41px;
		
			}
	#slider img{border:none;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:428px;
		height:250px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:36px;
		height:36px;
		position:absolute;
		left:3px;/* positions the previous button */
		top:117px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:470px;/* positions the next button */
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:36px;
		height:36px;
		background:url(../img/left_arrowe.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../img/right_arrowe.png) no-repeat 0 0;	
		}	
		/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */




.tales{ 
		margin:10px 0 0 100px;
}
a#learnMoreButton {
  display:block;
  width:150px;
  height:40px;
  background:url(../img/learnmore_green.png) no-repeat 0 0;
  margin:220px 0 0 132px;
  text-indent:-9999px;
   outline:none;
}
a:hover#learnMoreButton {
  background:url(../img/learnmore_green_hover.png) no-repeat 0 0;
 
}
h2.grey{ clear:both; float:left; width:311px; margin:10px 0 0 0;
		 background:url(../img/h2_bg.png) no-repeat center center;
		 height:42px;
		 padding:10px; 0 0 20px;}

#boxContainer{
	clear:both;}
.box {
  width:320px;
  height:185px;
  float:left;
}
.box h2 {
		  font:bold 16px Verdana, Geneva, sans-serif;
		  color:#0f83bc;
		  text-transform:uppercase;
		  margin:25px 0 0 130px;
}
.box p {
  font:normal 12px/16px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
  margin: 10px 30px 0 140px;
}
/* box  height:49px; width:114px; */.read{font:bold 12px/16px Verdana, Geneva, sans-serif; 
		_background:url(../img/read-more.png) no-repeat; float:right; 
		margin:10px 30px 0 0;_text-indent:-9999px; color:#0c3b4a; }
.client {
	background:url(../img/box1.png) no-repeat 0 0;
}
.work {
	background:url(../img/box2.png) no-repeat 0 0;
}
.book {
	background:url(../img/box3.png) no-repeat 0 0;
}
.read_more{ 
		color:#0A4E5F;
		text-decoration:none;
		font-weight:bold;}
#more{
		float:left;
		clear:both; 
		padding:0; 
		margin:10px 0 10px 0; 
		min-height:200px;
		width:920px; 
		}
#leftCol {
		  width:600px;
		  float:left;
		  margin:20px 0 0 10px;
}
.social{  
		float:left; 
		margin:20px 0 0 0; 
		padding:0; 
		width:300px;
		}
.social ul{ 
		background:transparent; 
		list-style-type:none; 
		display:block; 
		margin-left:10px;
		}
.social li{ float:left; display:block; margin:10px 10px 0 10px;}
.social li a{ text-decoration:none; border:none;}
.social img{ text-decoration:none; border:none;}
.social h2 {
			font:bold 14px/16px Verdana, Geneva, sans-serif;
			padding:5px;
			color:#094e64;}
			
			
			
#leftCol h2{
		  font:bold 20px/24px Verdana, Geneva, sans-serif;
		  color:#094e64;
}
#leftCol p {
		  font:normal 14px/20px Arial, Helvetica, sans-serif;
		  color:#094e64;
		  margin:10px 0;
}

#text {	font:normal 12px/14px Arial, Tahoma Verdana, Geneva, sans-serif;
		float:left; 
		width:530px; 
		padding-left:20px;
		margin:10px auto;
		}
		#text h1 { margin:20px 0 0 0; 
		text-transform:uppercase; 
		font-size:20px; 
		color:#000; 
		font-weight:normal;
		}


#newsletter {
		  position:relative;
		  width:320px;
		  height:110px;
		  float:left;
		  background:url(img/newsletter_bg.jpg) no-repeat 0 0;
		  margin:20px 0 50px 0;
}
#newsletter label {
		  font:bold 16px Verdana, Geneva, sans-serif;
		  letter-spacing:-1px;
		  margin-top:26px;
		  width:100%;
		  display:block;
		  color:#fff;
		  text-align:center;
}
#emailInput {
		  position:absolute;
		  top:51px;
		  left:5px;
		  width:200px;
		  margin:0px 0 0 30px;
		  font:bold 20px Verdana, Geneva, sans-serif;
		  color:#999;
		  border:0;
		  background-color:transparent;
		  border:none;
}
#submitButton {
		  position:absolute;
		  top:43px;
		  right:27px;
		  width:50px;
		  height:40px;
		  padding:0;
}
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/


#featured {
  background: url("images/featured_bck.png") no-repeat top left; 
  margin: 50px 0 20px 0;
  width: 600px;
  height: 326px;
  float:left;
}

#featured h1 {
  background: url("images/icon1.png") no-repeat center left; 
  padding-left: 50px;
  margin-bottom: 10px;
}

#featured ul {
  padding: 34px 0 0 20px;
}

#featured ul li {
  display: inline;
}

#featured ul li a {
  background: url("images/featured_switch_bck.png") no-repeat top left;
  padding: 5px 17px 10px 13px;
  margin-left: 2px;
  color: #536f77;
  font-weight: bold;
  text-decoration: none;
}

#featured ul li a:hover {
  background: url("images/featured_switch_bck_hov.png") no-repeat top left;
  padding: 5px 17px 10px 13px;
  margin-left: 2px;
  color: #516e75;
}

.featured_content {
  margin: 13px 0 0 15px;
}

.feat_left {
  float:left;
}

.featured_content ol {
  margin: 7px 10px 0 50px;
  width: 250px;
}

.featured_content ol li {
  padding: 5px 0 5px 20px;
  background: url("images/icon2.png") no-repeat center left;  
}

.image_cont {
  float: left;
}

.image_cont img {
  border: 3px solid #90a1a8;
}

ol.menu_cont {
  padding: 0;
}

ol.menu_cont li {
  padding: 0;
  display: inline;
  background: transparent;
  font-size: 10px;
  color: #8cbbc5;
}

ol.menu_cont li a {
  border-bottom: 1px dotted #8cbbc5;
  color: #8cbbc5;
  text-decoration: none;
}

ol.menu_cont li a:hover {
  color: #516e75; 
  border-bottom: 1px dotted #516e75;
}
span.ico1 {
  padding: 10px 0 10px 30px;
  background: url("images/icon3.png") no-repeat center left; 
  line-height: 30px;
}

span.ico2 {
  padding: 10px 0 10px 34px;
  background: url("images/icon4.png") no-repeat center left; 
  line-height: 30px;
}

span.ico3 {
  padding: 10px 0 10px 22px;
  background: url("images/icon5.png") no-repeat center left; 
  line-height: 30px;
}


/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
#footer {
  clear:both;
  background:none;
  background:url(../img/grass.png) no-repeat bottom center ;
  width:940px;
  _border-top:1px dashed #094e64; 
  margin:0 auto 0 auto;
  margin-top:30px;
  height:120px;
}
#footer p{
background:none;
}

#footer p.left { float:left;
  margin:10px 0 0 50px;
  padding:95px 0 0 0;
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#094e64;
}
#footer p.email { 
		float:right;
 		  margin:10px 80px 0 50px;
  padding:95px 0 0 0;
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#094e64;
}
#footer a{  color: #fff;}
#footer a:hover{  color:#FF9900;}

/* ---------------  GOOGLE READ    -----------------------------------*/
.googleread{width: 250px; margin: 20px auto 30px auto; _display:inline;}
.gr_container {
  font-family:arial,verdana,helvetica,sans-serif;
  width: 250px;
}
.gr_book_container {
  		border-bottom: 1px solid #d7d7d7; 
		padding: 5px 0px;
  		font-size:11px; 
}
.gr_book_container a{ 
		color:#FF6600; 
		font-size:11px; 
		font-family: Arial, Helvetica, Geneva, sans-serif;}
.gr_book_image {
  float: left; padding-right: 20px;
}
.gr_book_title {}
.gr_review_stats {}
