@charset "utf-8";
/* CSS Document */


body{
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000;
	text-decoration: none;
	background-color:#99CC66;
	
}


p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	margin: 0px;
	padding: 0 0 15px 0
}

h1{
font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size:1.3em;
color:#99CC66;
text-align: left;
margin: 0px 0px 15px 0px;
}

h2{
font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size:1.5em;
color:#99CC66;
text-align: left;
margin: 0px 0px 15px 0px;
}

h3{
font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size:2.5em;
color:#99CC66;
text-align: left;
margin: 0px 0px 15px 0px;
}


img
{
border: 0px
}

#div_sitewrap
{
	margin: 0px auto;
	width: 1024px;
	background-image:url(images/backgroundJune2011.jpg);
	background-repeat:repeat-y;
	background-position:top centre;
}



/* Top Navigation*/
#div_menu
	{
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size:1.2em;
	text-align: left;
	position:absolute;
	left: 40px;
	top: 180px;
	width: 1000px;
	z-index:1;
	}	
	
		#div_menu ul
		{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		color: #339999;
		list-style-type: none;
		font-weight: bold;
		text-decoration: none
		}
		
			#div_menu ul li 
			{ 
			display: inline
			}			
			
			
			#div_menu ul li a
			{
			float: left;
			color: #66CCCC;
			padding: 0px 7px;
					
			text-decoration: none
			}
				#div_menu ul li.home a
				{
				border-left: 0;			
				}
			
			#div_menu ul li a:hover
			{
			color: #99CC66
			}


	
#div_menu2
	{
	text-align: left;
	position:absolute;
	z-index:2;
	left: 116px;
	top: 205px;
	width: 794px;
	}	
			#div_menu2 ul li 
			{ 
			display: inline
			}



#div_menu3
	{
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size:1.2em;
	text-align: left;
	position:absolute;
	left: 800px;
	top: 180px;
	width: 180px;
	z-index:3;
	}	
	
		#div_menu3 ul
		{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		color: #9339999;
		list-style-type: none;
		font-weight: bold;
		text-decoration: none
		}
		
			#div_menu3 ul li 
			{ 
			display: inline
			}			
			
			
			#div_menu3 ul li a
			{
			float: left;
			color: #339999;
			padding: 0px 7px;
					
			text-decoration: none
			}
				#div_menu3 ul li.home a
				{
				border-left: 0;			
				}
			
			#div_menu3 ul li a:hover
			{
			color: #99CC66
			}				

#div_menu4
	{
	text-align: left;
	position:absolute;
	z-index:4;
	left: 70px;
	top: 320px;
	width: 900px;
	}	
			#div_menu4 ul li 
			{ 
			display: inline
			}



/* Headers*/
#div_homeheaderThree{
	text-align: center;
	width: 1024px;
	height:228px;
	position:relative;
	background-image:url(images/headerJune2011.jpg); 
	display:block;
	}

#div_homeheaderContactMe{
	text-align: center;
	width: 1024px;
	height:341px;
	position:relative;
	background-image:url(images/headerHomeContact.jpg); 
	display:block;
	}
#div_homeheaderAboutMe{
	text-align: center;
	width: 1024px;
	height:341px;
	position:relative;
	background-image:url(images/headerHomeAbout.jpg); 
	display:block;
	}
#div_homeheaderBooks{
	text-align: center;
	width: 1024px;
	height:341px;
	position:relative;
	background-image:url(images/headerHomeBooks.jpg); 
	display:block;
	}

#div_homeheaderPortfolio{
	text-align: center;
	width: 1024px;
	height:341px;
	position:relative;
	background-image:url(images/headerHomePortfolio.jpg); 
	display:block;
	}
#div_homeheaderMurals{
	text-align: center;
	width: 1024px;
	height:341px;
	position:relative;
	background-image:url(images/headerHomeMurals.jpg); 
	display:block;
	}


/* Main Content */
.div_maincontent{
	width:795px;
	padding:0px;
	margin:0px auto;
	text-align:centre;
}


.div_portrait{ 
	background-image:url(images/AliLodge1.jpg); 
	width:114px;
	height:130px; 
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_portraittext{
		position:absolute;
		z-index:1; 
		left: 130px; /* this is for the position of the text box 29px from the left of the background image*/
		top: 0px; /* this is for the position of the text box 185px from the top of the background image*/
		width: 665px; /* this is for the width of the text box*/ 
	}

.div_murallib{ 
	background-image:url(images/muralLib.jpg); 
	width:114px;
	height:139px; 
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_murallibtext{
		position:relative;
		z-index:1; 
		left: 130px; /* this is for the position of the text box 29px from the left of the background image*/
		top: 0px; /* this is for the position of the text box 185px from the top of the background image*/
		width: 665px; /* this is for the width of the text box*/ 
	}


.div_moonlightindex{ 
	background-image:url(images/MoonlightIndex.jpg); 
	width:114px;
	height:139px; 
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_moonlightindextext{
		position:relative;
		z-index:1; 
		left: 130px; /* this is for the position of the text box 29px from the left of the background image*/
		top: 0px; /* this is for the position of the text box 185px from the top of the background image*/
		width: 665px; /* this is for the width of the text box*/ 
	}


.div_portrait2{ 
	background-image:url(images/AliLodge2.jpg); 
	width:176px;
	height:200px; 
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_portraittext2{
		position:absolute;
		z-index:1; 
		left: 200px; /* this is for the position of the text box 29px from the left of the background image*/
		top: 0px; /* this is for the position of the text box 185px from the top of the background image*/
		width: 475px; /* this is for the width of the text box*/ 
	}


.div_portrait3{ 
	background-image:url(images/AliandSam.jpg); 
	width:176px;
	height:297px; 
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_portraittext3{
		position:absolute;
		z-index:1; 
		left: 200px; /* this is for the position of the text box 29px from the left of the background image*/
		top: 0px; /* this is for the position of the text box 185px from the top of the background image*/
		width: 475px; /* this is for the width of the text box*/ 
	}

.div_break{ 
	background-image:url(images/break.jpg); 
	width:795px;
	height:23px; 
	position:relative;
	margin:0px 0px 20px 0px;
}

.div_cleverchameleon{ 
	background-image:url(images/bookClever.jpg); 
	width:681px;
	height:312px; 
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_cleverchameleontext{
		position:absolute;
		z-index:1; 
		left: 29px; /* this is for the position of the text box 29px from the left of the background image*/
		top: 185px; /* this is for the position of the text box 185px from the top of the background image*/
		width: 475px; /* this is for the width of the text box*/ 
	}

.div_bible{ 
	background-image:url(images/bibleJoseph.jpg); 
	width:795px;
	height:537px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_bibletext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 200px; 
		width: 400px; 
}
.div_moonlight{ 
	background-image:url(images/bookMoonlight.jpg); 
	width:795px;
	height:537px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_moonlighttext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 200px; 
		width: 400px; 
}
.div_moonlightOcean{ 
	background-image:url(images/moonlightOcean.jpg); 
	width:795px;
	height:537px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_moonlighttext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 200px; 
		width: 400px; 
}
.div_bookbiblefarm{ 
	background-image:url(images/bookBibleFarm.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}


.div_songbooks{ 
	background-image:url(images/bookSongbooks.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_songbookstext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 190px; 
		width: 200px; 
}

.div_farmstories{ 
	background-image:url(images/farmAnimals.jpg); 
	width:795px;
	height:537px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_farmstoriestext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 200px; 
		width: 550px; 
}
.div_lily{
	background-image:url(images/bookEekLily.jpg);
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_lilytext{
		position:absolute;
		z-index:1;
		left: 29px;
		top: 215px;
		width: 600px;
}
.div_eek{
	background-image:url(images/bookEek.jpg);
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_eektext{
		position:absolute;
		z-index:2;
		left: 29px;
		top: 185px;
		width: 475px;
}
.div_opposites{
	background-image:url(images/bookOpposites.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_bwj{
	background-image:url(images/bookBWJ.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_bwjtext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 210px; 
		width: 600px; 
}
	.div_oppositestext{
		position:absolute;
		z-index:1; 
		left: 230px;
		top: 200px; 
		width: 230px; 
}
.div_elephant{ 
	background-image:url(images/bookElephant.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_elephanttext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 200px; 
		width: 400px; 
	} 

.div_noah{ 
	background-image:url(images/bookNoah.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_noahtext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 215px; 
		width: 475px; 
	}

.div_nursery{ 
	background-image:url(images/bookNursery.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_nurserytext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 210px; 
		width: 475px; 
	}

.div_farm{ 
	background-image:url(images/bookFarm.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_farmtext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 200px; 
		width: 475px; 
	}

.div_world{ 
	background-image:url(images/bookWorld.jpg); 
	width:795px;
	height:410px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_worldtext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 30px; 
		width: 475px; 
	}

.div_leopard{ 
	background-image:url(images/bookLeopard.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_leopardtext{
		position:absolute;
		z-index:1; 
		left: 29px;
		top: 200px; 
		width: 430px; 
}

.div_leopard2{ 
	background-image:url(images/illustratedAnimalStories.jpg); 
	width:100px;
	height:127px;
	position:relative;
	margin:0px 0px 20px 0px;
}
	.div_leopard2text{
		position:absolute;
		z-index:1; 
		left: 115px;
		top: 0px; 
		width: 500px; 
}


/* Barefoot Divs */
.div_casestudysketchesbarefoot{ 
	background-image:url(images/caseStudySketchesBarefoot.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
	}

.div_casestudyartworkbarefoot{ 
	background-image:url(images/caseStudyArtworkBarefoot.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
	}

/* Portfolio Divs */
.div_digitalarttwo{
background-image:url(images/digitalArtTwo.jpg); 
	width:681px;
	height:1080px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_portfolioart3{
background-image:url(images/portfolioArtwork3.jpg); 
	width:681px;
	height:965px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_portfolioart4{
background-image:url(images/portfolioArtwork4.jpg); 
	width:681px;
	height:965px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_portfolioart5{
background-image:url(images/portfolioArtwork5.jpg); 
	width:681px;
	height:965px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_portfolioart3button{
	width:200px;
	height:283px;
	position:left;
	margin:0px 0px 20px 0px;
}
.div_portfolioart4button{
	width:200px;
	height:283px;
	position:left;
	margin:0px 0px 20px 0px;
}



/* Sketchbook page Divs */
.div_casestudysketchesusborne{ 
	background-image:url(images/caseStudySketchesUsborne.jpg); 
	width:681px;
	height:455px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_casestudysketchesusborne2{ 
	background-image:url(images/usborneSkyGod.jpg); 
	width:681px;
	height:165px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_sketchbookbadger{ 
	background-image:url(images/SketchbookBadger.jpg); 
	width:681px;
	height:340px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_sketchbookhippo{ 
	background-image:url(images/SketchbookHippo.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_sketchbookwallabies{ 
	background-image:url(images/sketchbookWallabies.jpg); 
	width:681px;
	height:477px;
	position:relative;
	margin:0px 0px 20px 0px;
}



/* Mural casestudy Divs */
.div_muralleopard{ 
	background-image:url(images/muralLeopard.jpg); 
	width:681px;
	height:487px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_muraltoucans{ 
	background-image:url(images/muralToucans.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_muralparrots{ 
	background-image:url(images/muralParrot.jpg); 
	width:681px;
	height:472px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_muralparrotscene{
	background-image:url(images/muralParrotscene.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_muralsnake{
	background-image:url(images/muralSnake.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}



/* Home page Divs */
.div_profile{ 
	background-image:url(images/bookProfile.jpg); 
	width:681px;
	height:312px;
	position:relative;
	margin:0px 0px 20px 0px;
}
.div_profiletext{
		position:absolute;
		z-index:1; 
		left: 29px; /* this is for the position of the text box 29px from the left of the background image*/
		top: 20px; /* this is for the position of the text box 185px from the top of the background image*/
		width: 430px; /* this is for the width of the text box*/ 
	}

/* Contact Me divs */

.div_contactblank{
background-image:url(images/blank.jpg); 
	width:681px;
	height:60px;
	position:relative;
	margin:0px 0px 20px 0px;
}

/* Footer */
#footer{
	background-image:url(images/homeFooter.jpg);
	width:1024px;
	height:185px;
	margin:0px auto;
}
	#footer p{
	padding:155px 0px 0px 0px;
	margin:0px;
	font-size: 1em;
	color:#266962;
	text-align:center;
	}

/* Footer2 */
#footer2{
	background-image:url(images/footerJune2011.jpg);
	width:1024px;
	height:75px;
	margin:0px auto;
}
	#footer2 p{
	padding:20px 0px 0px 0px;
	margin:0px;
	font-size: 1em;
	color:#266962;
	text-align:center;
	}



/* Footer Contact */
#footerContact{
	background-image:url(images/footerContact.jpg);
	width:1024px;
	height:59px;
	margin:0px auto;
}
	#footerContact p{
	padding:20px 0px 0px 0px;
	margin:0px;
	font-size: 1em;
	color:#266962;
	text-align:center;
	}