@charset "iso-8859-1";
/*
*make text disappear
*size element to img size
*place img in background 
*/

/*
to target everything, use the * selector
*/

*{
	margin:0;
	padding:0;
}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:85%;	
	background-image:url(../images/bkg.jpg);   
}	

a, a:visited{
	color:#003333;
}

a:hover, a:active{
	color:teal;
}

a, a:link{
	color:#990033;
}

a img{
	border:none;
}

body#links a:visited{
	text-decoration:line-through;
		color:000033;
}

div#page{
	left:50%;
	margin:2px auto;
        margin-left:-387px;
        width:785px;
        position:absolute;
		background-image:url(../images/bkgwhite3.png);
	layer-background-image:url(../images/bkgwhite3.png)
}



div#content{
		margin:0px 0px 0px 0px;
		}

div#contentText{
		margin:10px 10px 10px 10px;
	
}	

div.hr{
	border-top:1px solid #999;
	height:0px;
	overflow:hidden;
	margin:1em 0;
}

div#noscript{
	color:#E53990;
	border:3px dotted #D3E4CD;
	padding:20px;
	background-color:#B7E2E8;
}

	div#noscript p{
		margin:0;
	}
		div#noscript p + p{
			margin-top:1em;
		}

select, textarea, input {
	font-size:1em;
	margin:0;
	padding:0;
}
select > option { /* fixes select box display in firefox, when universal margin and padding have been zero'd */
  padding: 0 5px 0 3px;
}
textarea {
	font-family:inherit;
}

p{
	margin-bottom:1em;
}	

h1#logo a{
	width:216px;
	height:75px;
	background-image:url(../images/topNav_thinkin.png);
	background-repeat:no-repeat;
	float:left;
}

/*
use CSS selectors to target the h1 text: "find the h1 called "logo" and the span of that"
*/

h1#logo span{
	position:absolute;
	left:-3000px;
}

h2 {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:.5em;
}	

div#pageNav{
	text-align:right;
	clear:both;	  
	margin-right:1.5em;
}

div#pageNav a{
	text-decoration:none;
}

/*
there are some things which can be applied to all the topNavs... do those first! "find the ul called "topNav and go to the li's"
*/

/* ------- TOP NAV ------- */

ul#topNav {
	list-style:none;
	margin:53px 0 0 0;
	padding:0;
	float:right;
	
}
	ul#topNav li {
		float:left;
		margin:0 0 0 7px;
	}
		ul#topNav li a {
			height:19px;
			display:block;
			background-repeat:no-repeat;
		}
		ul#topNav li.on a,
		ul#topNav li a:hover,
		ul#topNav li.on a:hover {
			background-position:0px -19px;
		}
			ul#topNav li a span {
				position:absolute;
				left:-3000px;
			}  
			
		  
ul#topNav li#book a{
	width:60px;
	background-image:url(../images/topNav_book.png);
}


ul#topNav li#bio a{
	width:45px;
	background-image:url(../images/topNav_bio.png);
	}		 
	
			
ul#topNav li#learn a{	
	width:60px;
	background-image:url(../images/topNav_learn.png);

}

			
ul#topNav li#press a{	
	width:60px;
	background-image:url(../images/topNav_press.png);

}


ul#topNav li#testimonials a{	
	width:108px;
	background-image:url(../images/topNav_testimonials.png);

}

ul#topNav li#blog a{	
	width:60px;
	background-image:url(../images/topNav_blog.png);

}	  




ul#address {
	clear:both;
	height:30px;
	margin:0 0 0 0;
	background-image:url(../images/topNav_address.jpg);
	background-repeat:no-repeat;
}

ul#address li{
	position:absolute;
	left:-3000px;
}	 

			
/* ------- FRONT PAGE GRID ------- */

ul#grid{
	list-style:none;
	width:850px;
	margin: 0 auto;	
		
}

ul#grid li{
	float:left;
	background-color:#CCC;
	margin:0 10px 10px 0;
	overflow:hidden;
	border:1px solid #CADETBLUE;
	width:102px;
	height:100px;
}

ul#grid li a {
	display:block;
}

ul#grid li.blue{
	background-color:#bddbce;
}

ul#grid li.green{
	background-color:#6f9a87;

}

ul#productGrid{
	list-style:none;
	width:790px;
		margin:0px 1px 0px 1px;
	
	
}
	ul#productGrid li {
		float:left;
		margin:5px 4px 5px 4px;
	}
	ul#productGrid li.last{
		margin-right:0;
	}	
		ul#productGrid li a {
			width:100px;
			height:130px;
			border:1px solid #C5C5C5;
			display:block;
		}
		ul#productGrid li a:hover {
			border:1px solid #BDDBCE;
		}
		
			 
/* -------- DROP DOWN MENU -------- */


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #B7E2E8;
}

						 
/* ------- DIVA GRID ------- */

ul#divagrid{
	list-style:none;
	width:850px;
	margin: 0 auto;	
		
}

ul#divagrid li{
	float:left;
	background-color:#CCC;
	margin:5px 4px 5px 4px;
	overflow:hidden;
	border:1px solid #CADETBLUE;
	width:102px;
	height:100px;
}

ul#divagrid li a {
	display:block;
}

ul#divagrid li.blue{
	background-color:#B7E2E8;
}

ul#divagrid li.green{
	background-color:#6f9a87;

}

ul#divaproductGrid{
	list-style:none;
	width:790px;
		margin:0px 1px 0px 1px;
	
	
}
	ul#divaproductGrid li {
		float:left;
	margin:5px 4px 5px 4px;
	}
	ul#divaproductGrid li.last{
		margin-right:0;
	}	
		ul#divaproductGrid li a {
			width:100px;
			height:100px;
			border:1px solid #C5C5C5;
			display:block;
		}
		ul#diavproductGrid li a:hover {
			border:1px solid #BDDBCE;
		}


   
		
/* ------- GALLERY ------- */

div#galleryLeftColumn {
	float:left;
	display:inline;
	width:420px;
	margin:0px 10px 20px 10px;
}

div#galleryLeftColumn h2{
	font-weight:normal;
}

div#galleryRightColumn{
	float:left;
	display:inline;
	width:220px; 
	margin:0px 0px 0px 0px;
}

div#galleryText{
	margin:10px 10px 10px 10px;
	line-height:1.4em;
}

		 
/* ------- PRESS------- */



div#pressContent{
	float:left;
	display:inline;
	width:90%px;
	margin:0px 0px 0px 0px;
	margin-top:.5em;

		
	
}

div#bookText{
	width:90%;	   
	text-align: center;
		margin-top:.5em;
		margin-left:1.5em;
		margin-right:1.5em;
		line-height:1.15em;
 
}

	
	 

/* ------- BOOK------- */



div#bookContent{
	float:left;
	display:inline;
	width:90%px;
	height:*px;
	margin:10px 10px 10px 10px;
	margin-top:.5em; 
	

		
	
}  

div#bookText{
	width:90%;	   
	text-align: center;
		margin-top:.5em;
		margin-left:1.5em;
		margin-right:1.5em;
		line-height:1.15em;
 
}


   		
		
		/* ------- SPLASH------- */



div#splashColumn{
	float:left;
	display:inline;
	width:775px;
	margin:0px 0px 0px 0;

	}
	
	div#scrollColumn{
	float:left;
	display:inline;
	width:775px; 
	margin:0px 0px 0px 0px;
	background-image:url(../images/bkgwhite3.png); 
	position:absolute;
	top:460px;
	left:0px;

		
}

	div#scrollColumnH{
	float:left;
	display:inline;
	width:300px;
	margin:20px 0px 10px 0px;
	background-image:url(../images/bkgwhite3.png); 
	position:absolute;
	top:100px;
	left:0px;

		
}

	div#footer{
	float:left;
	display:inline;
	width:775px;
	margin:10px 0px 10px 0px;
	background-image:url(../images/bkgwhite3.png); 
	position:absolute;
	top:460px;
	left:0px;
	

		
}

			 	
  		




/* ------- ABOUT ------- */

div#aboutLeftColumn {
	float:left;
	display:inline;
	width:270px;
	margin:0px 10px 20px 10px;
}

div#aboutLeftColumn h2{
	font-weight:normal;
}

div#aboutRightColumn{
	float:right;
	display:inline;
	width:480px;
	margin:0px 10px 10px 10px;
	list-style:none;
	line-height:1.5em;
	margin:0px 0px 0 0;
}

div#aboutText{
	margin:5px 5px 5px 5px;
	line-height:1.4em;
}

/* ------- COLLECTIONS ------- */

div#collectionLeftColumn {
	float:left;
	display:inline;
	width:400px;
	margin:0px 0px 0px 0px;
}

div#collectionLeftColumn h2{
	font-weight:normal;
}

div#collectionRightColumn{
	float:right;
	display:inline;
	width:360px;
	margin:5px 0px 0px 0px;
	list-style:none;
	line-height:1.5em;
	margin:0px 0px 0px 0px;
}

div#collectionText{
	margin:10px 0px 0px 0px;
	line-height:1.4em;
}



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

ul#linksContent {
	float:left;
	display:inline;
	width:320px;
	
}
ul#linksContent, ul#linksContent2{
	list-style:none;
	line-height:1.3em;
	float:left;	  
	margin-left:1.5em;
	margin-right:1.5em;
	
}

div#linksLeftColumn{
	float:left;
	display:inline;
	width:400px;
	margin:0px 10px 10px 10px;
	list-style:none;
	line-height:1.5em;
	float:left;	  	

}

div#linksRightColumn{
	float:right;
	display:inline;
	width:330px;
	margin:20px 0px 0px 0px;
	list-style:none;
	line-height:1.5em;

	
	
}		




/* ------- CONTACT US ------- */

ul#contactContent{
	list-style:none;
	line-height:1.3em;
}

div#contactLeftColumn{
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
}

div#contactRightColumn{
	float:right;
	display:inline;
	width:330px;
	margin:0 0 0 0;
}

div#contactText{
	margin-right:25px;
	line-height:1.5em;
}	



/* ------- BOTTOM NAV ------- */

div#bottomBar{ 
	clear:both;
	background-color:#B5DEB5;
	height:30px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0 0px 0;
}


div#learningbottomBar{ 
	clear:both;
	background-color:#336699;
	height:30px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0 0px 0;
}

				   

/* ------- RULE BREAK ------- */

div#ruleBreak{ 
	clear:both;
	background-color:#B5DEB5;
	height:30px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0px 10px 0px;
}


div#ruleBreakInsideTable{ 
	clear:both;
	background-color:#B5DEB5;
	height:30px;
	width:765px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0px 10px 0px;
}	

div#ruleBreakInsideTable2{ 
	clear:both;
	background-color:#B5DEB5;
	height:30px;
	width:765px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0px 10px 0px;
}		

div#ruleBreakInsideTable3{ 
	clear:both;
	background-color:#B5DEB5;
	height:30px;
	width:755px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0px 10px 0px;
}		   
	    
	 






/* ------- QUIZ ------- */

ul#quizContent{
	list-style:none;
	line-height:1.3em;
}

div#quizLeftColumn{
	float:left;
	display:inline;
	margin:10px 20px 0px 20px;
}

div#quizRightColumn{
	float:right;
	display:inline;
	margin:10px 20px 0px 10px;
}

div#quizText{
	margin-right:25px;
	line-height:1.5em;
}