/* CSS Document */


/* bg images and content
================================= */
  
 #contenthome {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            height: 550px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			background-image:url(images/bgimages/fernS.jpg);
			background-position: 0% 100%;	
			background-repeat: no-repeat;
}

#contentresume {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			background-image:url(images/bgimages/resumeBG.jpg);
			background-position: 0% 62%;	
			background-repeat: no-repeat;
}
  
#contenthome2 {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            height: 550px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			background-image:url(images/bgimages/fullbg.jpg);
			background-position: 0% 100%;	
			background-repeat: no-repeat;
}
  
#contentfauna {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            height: 550px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			background-image:url(images/bgimages/kingfisher.jpg);
			background-position: 100% 100%;	
			background-repeat: no-repeat;
			}  
			
#contentflora {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            height: 550px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			background-image:url(images/bgimages/columbine.jpg);
			background-position: 100% 100%;	
			background-repeat: no-repeat;
			}     
		
#contenticons {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            height: 550px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			background-image:url(images/bgimages/icons.jpg);
			background-position: 100% 100%;	
			background-repeat: no-repeat;
			}     
		
				
#contentpub {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            height: 550px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			background-image:url(images/bgimages/publications.jpg);
			background-position: 100% 100%;	
			background-repeat: no-repeat;
			}  
			
#contentshop {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            height: 550px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			background-image:url(images/thumbs/pinecone.jpg);
			background-position: 100% 100%;	
			background-repeat: no-repeat;
			}     
	
#content {
  			margin: 0 auto;
			margin-top: 20px;
            width: 800px;
            height: 550px;
            text-align: center;
			border: solid 1px #423832;
			overflow: hidden;
			}     
	
	/* bg images and content
================================= */

/* mainNav
=======================*/

#navbar{
	text-align:center;
	text-transform:uppercase;
	}
	
.bgcolor{
    background-color:#F0C7AD;
}	
	
#navbar2{
	margin-top:23px;
	margin-left:600px;
	text-align:left;	
	}
	
#navbarpub{
	margin-top:23px;
	margin-left:200px;
	text-align:right;
	float:left;	
	}
	
#navbarcontact{
	text-align:left;
	float:left;		   
  padding: 20px;
  
	}
	
ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
  overflow:hidden;
  color:#423832;
  border-top: solid 1px #423832;
  border-bottom: solid 1px #423832;
}

ul li {
  float: left;
  width: 20%;
}

ul a {
  display: block;
  position: relative center;
  line-height:1.72em;
  text-decoration: none;
  color: #423832;
  background-color:#FFFFFF;
}

ul .first a {
   background: none;
   background-color:#FFFFFF;
}

ul a:hover {
  color: #B69666;
}

/* body
=======================*/
body {
color: #423832;
font-family: Times New Roman, Times, Serif;
	font-size:12px;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
}


a:link {
	color: #423832;
	text-decoration: none;
	border:none;
}
a:visited {
	text-decoration: none;
	color: #423832;
}
a:hover {
	text-decoration: none;
	color: #B69666;
}
a:active {
	text-decoration: none;
	color: #B69666;
}

h1 {
  font-family: Times New Roman, Times, serif;
  font-size: 16px;
  font-weight: normal;
  text-align:center;
  color:#423832;
}

h2 {
  font-family: Times New Roman, Times, serif;
  font-size: 20px;
  color:#423832;
  font-weight: normal;
  text-align:center;
}

h3 {
  font-family: Times New Roman, Times, Serif;
  font-size: 10px;
  color:#423832;
  font-weight: normal;
  text-align:center;
}

h4 {
  font-family: Times New Roman, Times, Serif;
  font-size: 30px;
  text-transform: uppercase;
  color:#423832;
  font-weight: normal;
  text-align:center;
  vertical-align:middle;

}

p {
	font-size: 14px;
	color: #423832;
	
}

.img {
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	}

/* body
=======================*/

#next {
  float: right;
  text-align:bottom;
  margin-right: 350px;
  color:#9B3E3B;
}

#prev {
  float: left;
  margin-left:350px;
  color:#9B3E3B;
}


#footer {
width: 800px;
float:right;
}

/* TEXT BOX'S
=======================*/


#text { 
  width: 80%; 
  margin: 0 auto; 
  text-align: left;   
  padding: 20px;
  margin-left:35%;
  font-size:16px;
}

#textbio { 
  width: 470px;
  height: 300px; 
  text-align: left;   
  padding: 20px;
  margin-left:35%;
  font-size:16px;
}

#textlinks { 
  width: 470px;
  height: 330px; 
  text-align: left;   
  padding-left: 20px;
  padding-right: 20px;
  margin-left:35%;
  font-size:16px;
}

#textres { 
  width: 470px; 
  text-align: left;   
  padding: 20px;
  margin-left:35%;
  font-size:16px;
}

#textpub { 
  width: 450px;
  height: 300px; 
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;  
  font-size:16px;
  float:left;
}

#text1 {
margin: 0 auto; 
  width: 800px;
  text-align:left;  
 float:left;
 font-size:14px;
 color: #423832; 
  margin-left:20px;
  
}


#textspace {
  margin: 0 auto; 
  width: 800px;
  text-align:center;  
  float:left;
  height:40px;   
}

#textspace2 {
  margin: 0 auto; 
  width: 800px;
  text-align:center;  
  float:left;
  height:20px;   
}

  
 #text2 {
  height: 70px;
  width: 90px;
  horizontal-align: middle;
  overflow: hidden;
  margin-bottom: 20px;
}

#text3 {
  width: 65%; 
  margin: 0 auto; 
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;   
  color:#423832;
  height: 150px;
  horizontal-align: middle;
  overflow: hidden;
}

/* FRAMES
=======================*/
	
#frame0 {
  height: 300px;
  width: 524px;
  horizontal-align: middle;
  background-image:url(images/bgimages/butterflyname.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  float: right;
}

#home2 {
  height: 300px;
  width: 524px;
  horizontal-align: middle;
  overflow: hidden;
  float: right;
}

#framebio {
  height: 300px;
  width: 800px;
  text-align:left;
  overflow: hidden;
  float:left;
}

#framepub {
  height: 330px;
  width: 800px;
  text-align:left;
  overflow: hidden;
  float:left;
}

#framelinks {
  height: 330px;
  width: 800px;
  text-align:left;
  overflow: hidden;
  float:left;
}

#frameres {
  width: 800px;
  text-align:left;
  float:left;
}

#framepubimg {
  height: 360px;
  width: 300px;
  text-align:right;
  overflow: hidden;
  float:left;
}

#frame1 {
  height: 190px;
  width: 800px;
  horizontal-align: middle;
  vertical-align:top;
  overflow: hidden;
  float:left;
}

#framecontact {
  height: 300px;
  width: 800px;
  overflow: hidden;
  float:left;
}

#frame2 {
  height: 50px;
  width: 600px;
  overflow: hidden;
 border:0;
 vertical-align:bottom;
 float:left;
}

#frame3 {
  height: 25px;
  width: 800px;
  overflow: hidden;
  text-align:top;
  float:left;
}

#frame4 {
  height: 20px;
  width: 800px;
  overflow: hidden;
  vertical-align: text-bottom;
  border:0;
  float:left;
}

#frame4color {
  height: 20px;
  width: 800px;
  overflow: hidden;
  background-color:#F2D5A4;
  border:0;
  float:left;
  border-top: solid 1px #423832;
}
  
#frame5 {
  height: 97.5px;
  width: 800px;
  overflow: hidden;
  float:left;
}

#frametop {
  height: 70px;
  width: 800px;
  overflow: hidden;
  background-image:url(images/bgimages/Header2.jpg);
  background-position: 50% 100%;	
  background-repeat:no-repeat;
  float:left;
  text-align:center;
 
}

#frametop2 {
  height: 70px;
  width: 800px;
  overflow: hidden;
  background-image:url(images/bgimages/Headertexture.jpg);
  background-position: 50% 100%;	
  background-repeat:no-repeat;
  float:left;
  text-align:center;
 
}

#frametop3 {
  height: 70px;
  width: 800px;
  overflow: hidden;
  background-color: #6ea25e;
  background-image:url(images/bgimages/Header3.jpg);
  background-position: 50% 100%;	
  background-repeat:no-repeat;
  float:left;
  text-align:center;
 
}


#frame6 {
  height: 10px;
  width: 800px;
  overflow: hidden;
  float:left;
}


#frame7 {
  height: 410px;
  width: 800px;
  horizontal-align: middle;
  overflow: hidden;
  float: left;
}

#frame8 {
  height: 115px;
  width: 800px;
  overflow: hidden;
  float:left;
}

#frame9 {
  height: 43px;
  width: 800px;
  overflow: hidden;
  vertical-align: text-bottom;
  border:0;
  float:left;
}

#frametool {
  margin-right:0px;
  height: 440px;
  width: 225px;
  overflow: hidden;
  float: right;
  text-align:center;
}


#toolsapce {
  margin-top: 15px;
  height: 40px;
  overflow: hidden;
  width: 200px;
  border:0;
  vertical-align:bottom;
  float: left;
  text-align:center;
}

#toolsapce1 {
  margin-top: 15px;
  height: 40px;
  overflow: hidden;
  width: 200px;
  border:0;
  vertical-align:bottom;
  float: left;
  text-align:left;
}


#toolsapce2 {
  height: 35px;
  overflow: hidden;
  width: 200px;
  border:0;
  vertical-align:bottom;
  float: left;
  text-align:center;
}

#toolsapce4 {
  margin-top: 15px;
  height: 200px;
  overflow: hidden;
  width: 200px;
  border:0;
  vertical-align:bottom;
  float: left;
  text-align:left;
}

#leftPortfolioImage {

height:400px;
width: 550px;
  overflow: hidden;
  float: left;
  margin-left:auto;
  margin-right:auto;
  margin-top:35px;
  }

#contactimage {
height: 130px;
width: 100px;
  overflow: hidden;
  float: left;
  margin-left:35%;
   padding-left:10px;
  
}

.lefttoolbar img {
	float: left;
	margin-top: 9px;
	margin-bottom: 9px;
	margin-left: 9px;
	margin-right:9px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	}
	
.rimgtoolbar img {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	}
	
.firstportfolio img {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 290px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	}
	
.firstpub img {
	float: left;
	margin-top: 19px;
	margin-right: 15px;
	margin-left: 200px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	}
	
.firstpubcamp img {
	float: left;
	margin-top:18px;
	margin-right: 5px;
	margin-left: 50px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	text-align:right;
	}
	
	.firstpubbig img {
	float: left;
	margin-top:18px;
	margin-right: 5px;
	margin-left: 85px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	text-align:right;
	}
	
.bio img {
	float: left;
	margin-right: 15px;
	margin-left: 100px;
	margin-top:15px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	}
	
.firstpublication img {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 50px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	}
	
.portfolio img {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	}
	
.paintings img {
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	}
	
.firstpaintings img {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 12%;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
}

	
.paintings1row img {
	float: left;
	margin-right: 30px;
	margin-top: 50px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	}
	
.firstpaintings1row img {
	float: left;
	margin-top: 50px;
	margin-right: 30px;
	margin-left: 15px;
	border-color:#B69666;
	border-width: 1px;
	border-style: solid;
}


.bigpainting img {
    border-color:#B69666;
    border-width: 1px;
    border-style: solid;
}