/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


img{
margin: 0;
padding: 0;
border: 0;
display: block;
}


/*----------------------------------------------------------------------------------------------------------*/

body{
font-size: 10pt;
line-height: 14pt;
color: #363636;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #2a74bf;
background-image:url(images/background1.jpg);
background-repeat: no-repeat;
background-size: 100%;
margin: 0;
padding: 0;
}

#body2{
font-size: 10pt;
line-height: 16pt;
color: #363636;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #8ac5fa;
background-image:url(images/background2.jpg);
background-repeat: no-repeat;
background-size: 100%;
margin: 0;
padding: 0;
}


#container{
width: 100%;
margin: auto;
max-width: 1021px;
overflow: auto;
}


/*----------------------------------------------------------------------------------------------------------*/

header{
float: left;
width: 100%;
min-height: 309px;
vertical-align: top;
}

.non-printing{
display: none;	
}

.index_books{
float: left; 
width: 100%;
margin-left: 0; 
}
.index_books ul{
float: left;
width: 100%;
margin-left: 0;
}
.index_books li{
display: inline-block;
margin-left: .25%;
margin-right: .25%;
vertical-align: top;
margin-bottom: 1%;	
}
.index_books li img{
float: left;
}

.pagetitle{
float: left; 
margin-left: 8%; 
margin-top: 2.5%;
}



/*--------------------------------NAVIGATION----------------------------*/

.navigation{
float: left;
margin-top: 1.5%;
margin-right: 2%;
margin-left: 2%;
margin-bottom: 1%;
}
.navigation ul{
float: right;
}
.navigation li{
display: inline-block;
margin: -2px;
padding: 0;
}



/*-----------------------------------------------------------*/

section{
float: left;
width: 100%;
margin-top: 1.5%;
}



.corkers{
float: left;
margin-top: 20px;
padding: 50px;
background: rgba(255, 255, 255, .6);
}

article{
float: left;
width: 65%;
}


.list{
}
.list ul{
float: left;
width: 100%;
}
.list li{
display: list-item;
padding-bottom: 10px;
list-style-type: square;
list-style-position: outside;
margin-left: 20px;
}


.gallery{	
}
.gallery ul{
float: left;
width: 100%;
}
.gallery li{
display: inline-block; 
padding: 5px;
}
.gallery li img{
border: 1px solid #ffffff;
}

.photos{
float: right;
margin: 7px 0 7px 7px; 
border: 2px solid #ffffff;
}
.photos2{
float: right;
margin: 7px 0px 7px 7px; 
border: 2px solid #ffffff;
}

.photos3{
float: right;
margin: 7px 0px 7px 7px; 
border: 2px solid #ffffff;
}

.photos4{
float: left;
margin: 7px 7px 7px 7px; 
}

.photos5{
float: left;
margin: 7px 7px 7px 0px; 
border: 2px solid #ffffff;
}


.book_photos{
}
.book_photos ul{
float: left;
}
.book_photos li{
display: inline-block;
margin: 1.5% 1.5% 1.5% 0; 
}
.book_photos li img{
width: 100%;
border: 2px solid #ffffff;	
}

.antispam { 
display:none;
}


.seeinside{
background-image:url(images/books_seeinside.png);
background-repeat: no-repeat;
background-size: 673px;
min-height: 155px;
width: 673px;
margin-top: 3%;
margin-bottom:3%;
}
.insidebooks{
float: right;
padding: 2.5% 2% 2% 2%;
width: 71.5%;
}
.insidebooks2{
float: left;
vertical-align: top;
width: 234px;	
}
.insidebooks3{
float: right;
vertical-align: top;
width: 234px;	
}


.video{
width: 560px;
height: 315px; 
margin: 10px 0px 20px 0px; 
}



.activities{
background-color: #e5fff7;
}
.activities ul{
float: left;
width: 100%;
background-color: #e5fff7;
}
.activities li{
display: inline-block;

}
.activities li img{
width: 100%;	
}




aside{
float: right;
width: 322px;
margin-top: 0;
}
#aside2{
float: right;
width: 322px;
margin-top: 0;
background: rgba(255, 255, 255, .6);
}
.aside_inside{
margin: 5%;	
}


.spotlights{
	
}
.spotlights ul{
float: left;
}
.spotlights li img{
float: left;
width: 100%;
padding: 2% 0 2% 0;
}

.spotlights2{
	
}
.spotlights2 ul{
float: left;
display: inline-block;
}
.spotlights2 li img{
width: 30%;
float: left;
padding: 2% 2% 2% 0;
}


.asidephotos{
width: 100%;
}
.wheretobuy{
width: 100%;
}

.book-links{
-moz-border-radius: 15px;
border-radius: 15px 0 15px 0;
background-color: #428bc9;
float: left;
color: #ffffff;
padding: 5px 20px 5px 20px;	
width: 86%;
margin-bottom: 20px;
}
.book-links td{
padding-bottom: 8px;
}



footer{
float: left;
width: 100%;
margin-top: 15px;
background-image:url(images/footer1.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: 100%;
}
.footercontent{
float: left;
width: 80%;
margin-top: 6%; 
margin-bottom: 6%; 
margin-left: 3%;
}

.footer2{
float: left;
width: 100%;
margin-top: 15px;
background-image:url(images/footer2.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: 100%;
}


.footerText{
color: #ffffff;
font-size: 8pt;
line-height: 10pt;
}

.footerText2{
color: #d9d9d9;
font-size: 8pt;
line-height: 9pt;
text-align: left;
}

.copyright{
margin-top: 1%;
font-size: 8pt;
line-height: 14pt;
color: #a1c5e9;
}
.backtotop{
font-size: 8pt;
line-height: 12pt;
color: #7f7f72;
}




/*-------------------------------------------------------CONTENT--------------------------*/


p{
padding-bottom: 10px;
}

.italic{
font-style: italic;
}

.back{
font-style: italic;
font-size: 8pt;
}

.bold{
font-weight: bold;
}

.intro{
font-size: 11pt;
line-height: 24pt;
padding-bottom: 12px;
color: #ffffff;
}
.intro2{
font-size: 11pt;
line-height: 24pt;
padding-bottom: 12px;
color: #000000;
}
.book_intro{
font-size: 11pt;
line-height: 24pt;
padding-bottom: 12px;
font-weight: bold;
}
.book_intro2{
font-size: 11pt;
line-height: 24pt;
padding-bottom: 12px;
}

.story_text{
font-weight: bold;
font-style: italic;	
}

h1{
color: #ffffff;
font-size: 14pt;
line-height: 20pt;
padding-top: 12px;
padding-bottom: 8px;
font-weight: bold;
}

h2{
color: #1561a1;
font-size: 11pt;
line-height: 20pt;
font-weight: bold;
}

h3{
color: #1561a1;
font-size: 14pt;
line-height: 20pt;
padding-top: 12px;
padding-bottom: 8px;
font-weight: bold;
}

.caption{
font-size: 8pt;
line-height: 10pt;
font-style: italic;	
}

.antispam { 
display:none;
}



/*--------------------------------CONTACT FORM----------------------------*/

#contact_form{
width: 80%;
line-height: 18pt;
}

#contact_form td{
vertical-align: top;
padding: 0px 0px 0px 0px;
border: none;
}

#contact_form input{
background-color: #ffffff;
padding: 3px 3px 3px 3px;
border: none;
}

#contact_form textarea{
background-color: #ffffff;
padding: 3px 3px 3px 3px;
border: none;
}

#contact_form  checkbox{
background-color: #ffffff;
padding: 3px 3px 3px 3px;
border: none;
}

#contact_form button{
width: 100px;
height: 37px;
background-color: transparent;
border: none;
}




/* -------------------------MEDIA QUERIES-----------------------------*/

/* ------SMALLEST SCREEN---- */

@media screen and (max-width: 414px){
/*body{
background-color: yellow;	
}*/

body{
background-color: #2a74bf;
background-image:url(images/background5.jpg);
background-repeat: no-repeat;
background-size: 150%;
}

#body2{
background-color: #8ac5fa;
background-image:url(images/background6.jpg);
background-repeat: no-repeat;
background-size: 150%;
}

header{
float: left;
width: 95%;
min-height: 100px;
margin-left: 2%;
}

.index_books{
margin-left: 2%;	
width: 95%;
}


.navigation{
float: left;
margin-top: 2%;
margin-left: 2%;
}
.navigation ul{
float: right;
}
.navigation li{
display: inline-block;
margin: -1px;
padding: 0;
}

.page-title{

}
.page-title2{
width: 90%;
}
.page-title3{
width: 90%;
}


section{
float: left;
width: 95%;
margin-top: 1.5%;
margin-left: 2%;
margin-right: 2%;
}

.corkers{
padding: 10px;
}
.corkers_btn{
width: 100%;	
}

article{
float: left;
width: 100%;
}

.photos{
float: right;
margin: 7px 7px 7px 0; 
border: 1px solid #ffffff;
width: 95%;
}

.photos2{
float: left;
margin: 7px 250px 7px 2px; 
border: 2px solid #ffffff;
}

.seeinside{
background-image:url(images/books_seeinside.png);
background-repeat: no-repeat;
background-size: 100%;
min-height: 90px;
width: 100%;
}
.insidebooks{
float: right;
padding: 2.5% 2% 2% 2%;
width: 71.5%;
}
.insidebooks2{
float: left;
vertical-align: top;
width: 49%;	
}
.insidebooks2 img{
width: 100%;	
}
.insidebooks3{
float: right;
vertical-align: top;
width: 49%;	
}
.insidebooks3 img{
width: 100%;	
}

.video{
width: 280px;
height: 157px; 
margin: 5px 0px 5px 0px;  	
}


aside{
float: left;
width: 100%;
margin-top: 6%;
}

#aside2{
float: left;
width: 100%;
margin-top: 0;
background: rgba(255, 255, 255, .3);
}
.asidephotos{
width: 100%;
}
.wheretobuy{
width: 100%;
}

.spotlights li img{
float: left;
width: 31%;
display: inline-block;
padding: 2% 2% 2% 0;
}




footer{
background-image:url(images/footer3.jpg);
width: 95%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 5%;
}

.footer2{
background-image:url(images/footer4.jpg);
width: 95%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 5%;
}

.footercontent{
float: left;
width: 90%;
margin-top: 30%; 
margin-bottom: 3%;
margin-left: 3%;
margin-right: 2%;
}



}	
	


/* --------PHONE---------*/

@media screen  and (min-width: 415px) and  (max-width: 499px){
/*body{
background-color: pink;	
}*/

body{
background-color: #2a74bf;
background-image:url(images/background5.jpg);
background-repeat: no-repeat;
background-size: 120%;
}

#body2{
background-color: #8ac5fa;
background-image:url(images/background6.jpg);
background-repeat: no-repeat;
background-size: 120%;
}

header{
float: left;
width: 95%;
min-height: 100px;
margin-left: 2%;
}

.index_books{
margin-left: 2%;	
width: 95%;
}


.navigation{
float: left;
margin-top: 2%;
margin-left: 2%;
}
.navigation ul{
float: right;
}
.navigation li{
display: inline-block;
margin: -1px;
padding: 0;
}

.page-title{

}
.page-title3{
width: 70%;
}

section{
float: left;
width: 95%;
margin-top: 1.5%;
margin-left: 2%;
margin-right: 2%;
}

.corkers{
padding: 20px;
}


article{
float: left;
width: 100%;
}

.seeinside{
background-image:url(images/books_seeinside.png);
background-repeat: no-repeat;
background-size: 100%;
min-height: 100px;
width: 100%;
}
.insidebooks{
float: right;
padding: 2.5% 2% 2% 2%;
width: 71.5%;
}
.insidebooks2{
float: left;
vertical-align: top;
width: 49%;	
}
.insidebooks2 img{
width: 100%;	
}
.insidebooks3{
float: right;
vertical-align: top;
width: 49%;	
}
.insidebooks3 img{
width: 100%;	
}

.video{
width: 280px;
height: 157px; 
margin: 5px 0px 5px 0px;  	
}


aside{
float: left;
width: 100%;
margin-top: 6%;
}

#aside2{
float: left;
width: 322px;
margin-top: 0;
background: rgba(255, 255, 255, .3);
}
.asidephotos{
width: 100%;
}
.wheretobuy{
width: 100%;
}

.spotlights li img{
float: left;
width: 31%;
display: inline-block;
padding: 2% 2% 2% 0;
}




footer{
background-image:url(images/footer3.jpg);
width: 95%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 5%;
}

.footer2{
background-image:url(images/footer4.jpg);
width: 95%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 5%;
}

.footercontent{
float: left;
width: 90%;
margin-top: 30%; 
margin-bottom: 3%;
margin-left: 3%;
margin-right: 2%;
}


}
	

@media screen and (min-width: 500px) and (max-width: 800px){
/*body{
background-color: yellow;	
}*/

body{
background-color: #2a74bf;
background-image:url(images/background5.jpg);
background-repeat: no-repeat;
background-size: 100%;
}

#body2{
background-color: #8ac5fa;
background-image:url(images/background6.jpg);
background-repeat: no-repeat;
background-size: 100%;
}

header{
float: left;
width: 95%;
min-height: 100px;
margin-left: 2%;
}

.index_books{
margin-left: 2%;	
width: 95%;
}


.navigation{
float: left;
margin-top: 2%;
margin-left: 2%;
}
.navigation ul{
float: right;
}
.navigation li{
display: inline-block;
margin: -1px;
padding: 0;
}

.page-title{

}
.page-title3{
width: 60%;
}

section{
float: left;
width: 95%;
margin-top: 1.5%;
margin-left: 2%;
margin-right: 2%;
}

.corkers{
padding: 30px;
}

article{
float: left;
width: 100%;
}



.seeinside{
background-image:url(images/books_seeinside.png);
background-repeat: no-repeat;
background-size: 100%;
min-height: 155px;
width: 95%;
}
.insidebooks{
float: right;
padding: 2.5% 2% 2% 2%;
width: 71.5%;
}
.insidebooks2{
float: left;
vertical-align: top;
width: 49%;	
}
.insidebooks2 img{
width: 100%;	
}
.insidebooks3{
float: right;
vertical-align: top;
width: 49%;	
}
.insidebooks3 img{
width: 100%;	
}

.video{
width: 373px;
height: 210px; 
margin: 10px 0px 10px 0px;  	
}



aside{
float: left;
width: 100%;
margin-top: 6%;
}
#aside2{
float: left;
width: 322px;
margin-top: 0;
background: rgba(255, 255, 255, .3);
}
.asidephotos{
width: 100%;
}
.wheretobuy{
width: 100%;
}

.spotlights li img{
float: left;
width: 31%;
display: inline-block;
padding: 2% 2% 2% 0;
}




footer{
background-image:url(images/footer3.jpg);
width: 95%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 5%;
}

.footer2{
background-image:url(images/footer4.jpg);
width: 95%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 5%;
}

.footercontent{
float: left;
width: 90%;
margin-top: 30%; 
margin-bottom: 3%;
margin-left: 3%;
margin-right: 2%;
}

	
}


@media screen and (min-width: 801px) and (max-width: 1050px){
/*body{
background-color: pink;	
}*/

body{
background-color: #2a74bf;
background-image:url(images/background3.jpg);
background-repeat: no-repeat;
background-size: 100%;
}

#body2{
background-color: #8ac5fa;
background-image:url(images/background4.jpg);
background-repeat: no-repeat;
background-size: 100%;
}

header{
float: left;
width: 95%;
min-height: 100px;
margin-left: 2%;
}

.index_books{
margin-left: 2%;	
width: 95%;
}


.navigation{
float: left;
margin-top: 2%;
margin-left: 2%;
}
.navigation ul{
float: right;
}
.navigation li{
display: inline-block;
margin: -1px;
padding: 0;
}


section{
float: left;
width: 95%;
margin-top: 1.5%;
margin-left: 2%;
margin-right: 2%;
}

article{
float: left;
width: 78%;
}




.seeinside{
background-image:url(images/books_seeinside.png);
background-repeat: no-repeat;
background-size: 673px;
min-height: 155px;
width: 673px;
}
.insidebooks{
float: right;
padding: 2.5% 2% 2% 2%;
width: 71.5%;
}
.insidebooks2{
float: left;
vertical-align: top;
width: 234px;	
}
.insidebooks3{
float: right;
vertical-align: top;
width: 234px;	
}

aside{
float: left;
width: 100%;
margin-top: 6%;
}

#aside2{
float: left;
width: 322px;
margin-top: 0;
background: rgba(255, 255, 255, .3);
}
.asidephotos{
width: 100%;
}
.wheretobuy{
width: 100%;
}
.spotlights li img{
float: left;
width: 30%;
display: inline-block;
padding: 2% 2% 2% 0;
}




footer{
background-image:url(images/footer1.jpg);
width: 95%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 3%;
}

.footer2{
background-image:url(images/footer2.jpg);
width: 95%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 3%;
}

.footercontent{
float: left;
width: 90%;
margin-top: 5%; 
margin-bottom: 5%;
margin-left: 3%;
margin-right: 2%;
}


}






/*-------------------------------------------------------LINKS--------------------------*/

A{
color: #363636;
text-decoration: underline;
}
A:HOVER{
color: #363636;
text-decoration: none;
}


A.footerText{
color: #ffffff;
text-decoration: none;
}
A.footerText:HOVER{
color: #ffffff;
text-decoration: underline;
}


A.backtotop{
color: #7f7f72;
text-decoration: underline;
}
A.backtotop:HOVER{
color: #7f7f72;
text-decoration: none;
}

A.read{
font-style: italic;
/*font-weight: bold;*/
color: #ffffff;
text-decoration: underline;
}
A.read:HOVER{
font-style: italic;
/*font-weight: bold;*/
color: #ffffff;
text-decoration: none;
}

A.readmore{
font-size: 8pt;
font-style: italic;
color: #ffffff;
text-decoration: underline;
}
A.readmore:HOVER{
font-size: 8pt;
font-style: italic;
color: #ffffff;
text-decoration: none;
}

A.booklinks{
color: #ffffff;
text-decoration: underline;
}
A.booklinks:HOVER{
color: #ffffff;
text-decoration: none;
}

A.books{
font-weight: bold;
color: #585858;
text-decoration: underline;
}
A.books:HOVER{
font-weight: bold;
color: #585858;
text-decoration: none;
}

A.intro{
color: #ffffff;
text-decoration: underline;
}
A.intro:HOVER{
color: #ffffff;
text-decoration: none;
}