@charset "utf-8";

body {
  margin: 0px auto;
  text-align: center;
  font-family: "times new roman", times, serif;
  padding: 0px;
  background-color: #FFFFFF;
}

#wrapper {
  position: relative; 
  margin: 0px auto; 
  padding: 0px;
  text-align: center; 
}

div.home {
  background: url(images/homeback.jpg) no-repeat center top;
  }

div.books {
  background: url(images/bookswrap.jpg) no-repeat center top;
  } 
  
div.inter {
  background: url(images/interwrap.jpg) no-repeat center top;
  }
  
div.gall {
  background: url(images/gallerywrap.jpg) no-repeat center top;
  }   
  
div.new {
  background: url(images/peterwrap.jpg) no-repeat center top;
  } 
  
div.links {
  background: url(images/linkswrap.jpg) no-repeat center top;
  }    

div.work {
  background: url(images/workwrap.jpg) no-repeat center top;
  }  

#fixedintrepeat {
  position: relative; 
  margin: 0px auto; 
  text-align: center; 
  width: 980px;  
  height: auto;
  background: url(images/shrubrepeat.jpg) repeat-y center 321px;
  padding: 0px; 
}

#fixedrepeat {
  position: relative; 
  margin: 0px auto; 
  text-align: center; 
  width: 980px;  
  height: auto;
  background: url(images/yrepeat.jpg) repeat-y center 321px;
  padding: 0px; 
}

#homemain {
  position: relative; 
  margin: 0px auto; 
  padding: 0px;
  width: 980px; 
  height: 680px; 
  background: url(images/homeback.jpg) no-repeat center top;
}

#main {
  position: relative;
  margin: 0px auto;
  text-align: center; 
  width: 980px; 
  height: auto; 
  padding: 0px;
}

#bottom {
  position: relative;
  margin: 0px auto;
  text-align: center;
  width: 980px;
  padding: 0px;
  }
  
div.interb {
  background: url(images/interfoot.jpg) no-repeat center bottom;
  height: 3381px; /* height must be multiple of 264 plus 321 plus 420 */
  }

div.newb {
  background: url(images/petbottom.jpg) no-repeat center bottom;
  height: 1140px;
  }

div.booksb {
  background: url(images/booksbottom.jpg) no-repeat center bottom;
  height: 1240px;
  }

div.linksb {
  background: url(images/linksbottom.jpg) no-repeat center bottom;
  height: 750px;
  }

div.gallb {
  background: url(images/gallerybottom.jpg) no-repeat center bottom;
  height: 920px;
  }
  
div.workb {
  background: url(images/workbottom.jpg) no-repeat center bottom;
  height: 1140px;
  }  

#navmenu {
  position: relative;
  float: left;
  width: 555px;
  height: 18px;
  margin: 96px 0px 0px 74px;
  padding: 0px;
  }
  
#textbox {
  float: left;
  position: relative;
  width: 392px;
  height: 380px;
  margin: 96px 0px 0px 86px;
  padding: 0px;
}
  
#intertext {
  position: relative;
  float: left;
  margin: 62px 0px 0px 86px;
  width: 510px;
  height: 3052px;
  }
  
#newtext {
  position: relative;
  clear: both;
  float: left;
  margin: 62px 0px 0px 72px;
  padding: 0px;
  width: 840px;
  height: 910px;
  }
  
div.newsblock {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  clear: both;
  float: left;
  display: block;
}   
  
#bookstext {
  position: relative;
  clear: both;
  float: left;
  margin: 62px 0px 0px 86px;
  padding: 0px;
  width: 820px;
  height: 1004px;
  } 
  
#galltext {
  position: relative;
  clear: both;
  float: left;
  margin: 62px 0px 0px 86px;
  padding: 0px;
  width: 820px;
  height: 680px;
  }      
  
#linkstext {
  position: relative;
  clear: both;
  float: left;
  margin: 62px 0px 0px 86px;
  padding: 0px;
  width: 820px;
  height: 510px;
  }  
  
#worktext {
  position: relative;
  clear: both;
  float: left;
  margin: 62px 0px 0px 86px;
  padding: 0px;
  width: 820px;
  height: 900px;
  }      

div.thumbcont {
  position: relative;
  clear: both;
  float: left;
  width: 840px;
  height: auto;
  padding: 0px;
  margin: 0px;
  }
  
img.thumb {
  float: left;
  }  
 
#nscopydiv {
  position: relative;
  float: left;
  width: 510px;
  height: 20px;
  margin: 0px 0px 64px 80px;
  }
  
div.intext {
  position: relative;
  float: left;
  width: 330px;
  height: auto;
  margin: 0px;
  }
  
#booklist {
  position: relative;
  float: left;
  width: 420px;
  height: auto;
  background: url(images/ulrepeat.jpg) repeat-y right top;
  cursor: default;
  margin: 20px 0px 40px;
  }
  
#booklisttop {
  position: relative;
  float: left;
  width: 420px;
  height: auto;
  background: url(images/ultop.jpg) no-repeat right top;
  } 
  
#booklistbottom {
  position: relative;
  float: left;
  width: 420px;
  height: auto;
  background: url(images/ulbottom.jpg) no-repeat right bottom;
  }   
  
#cover {
  position: relative;
  float: right;
  width: 400px;
  height: auto;
  }
  
#coverback {
  position: absolute;
  width: 350px;
  height: 450px;
  top: 20px;
  left: 20px;
  background: url(images/coverback.jpg) no-repeat center top;
  }  
  
#coverspot {
  position: absolute;
  width: 350px;
  height: 450px;
  top: 20px;
  left: 20px;
  }
  
#bookinfo {
  position: absolute;
  width: 350px;
  top: 460px;
  left: 20px;
  }

#footer {
  position: relative;
  clear: both;
  float: left;
  text-align: right;
  width: 820px;
  height: auto;
  margin: 0px 180px 0px 0px;
  padding: 0px;
  }
  
#purplefly {
  position: absolute;
  width: 62px;
  height: 59px;
  top: 50px;
  left: 2px;
  }
  
div.leftimg {
  float: left;
  padding: 6px 20px 0px 0px;
  }
  
.clear {
  position: relative;
  clear: both;
  width: 800px;
  height: auto;
  }
 
#gallery {
  float: right; 
  margin: 20px 10px 0px 0px;
  }
  
#thumbnails {
  float: left; 
  width: 198px; 
  height: auto; 
  margin: 20px 0px 0px 0px;
  }
  
img.thimg {
  float: left;
  padding: 0px 23px 23px 0px;
  width: 60px;
  height: 60px;
  }
  
p {
  font-size: 15px;
  letter-spacing: 1px;
	color: #836041; 
	margin: 14px 0px;
	text-align: left;
	padding: 0px 10px 0px 0px;
	line-height: 18px;
	}
	
p.nscopy {
  float: right;
  padding: 0px;
  margin: 0px;
  }
  
p.copy {
  font-size: 12px;
  color: #B7C353;
  text-align: right;
  letter-spacing: 0px;
  line-height: 14px;
  padding: 0px;
  margin: 0px;
  }
  
p.copy :link {
  color: #B7C353;
  }
  
p.copy a:visited {
  color: #B7C353;
  }  
  
p.copy a:hover {
  color: #E8AF14;
  }  
  
p.caption {
  font-size: 12px;
  line-height: 14px;
  padding: 0px 0px 20px;
  margin: 0px;
  }
  
p.caption2 {
  font-size: 9px;
  line-height: 9px;
  letter-spacing: 0px;
  padding: 0px;
  margin: 0px;
  color: #AD8A6B;
  }  
	
h1 {
  font-size: 32px;
  color: #AD8A6B;
  text-align: left;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 2px 0px 33px -32px;
}	
	
h2 {
  font-size: 26px;
  color: #77A608;
  text-align: left;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 50px 0px 10px 0px;
  line-height: 28px;
}

div.intext h2 {
  margin-top: 36px;
}

h3 {
  font-size: 18px;
  font-style: italic;
  color: #836041;
  text-align: left;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 20px;
  margin: 20px 0px;
  padding: 0px;
}

h3.leftarrow {
  background: url(images/larrow.jpg) no-repeat left top;
  padding-left: 24px;
  margin: 46px 0px 0px 64px;
  }
  
h4 {
  font-size: 14px;
  color: #AD8A6B;
  text-align: left;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 20px 0px 0px;
  } 
  
h5 {
  font-size: 20px;
  color: #77A608;
  text-align: center;
  font-weight: normal;
  letter-spacing: 1px;
  font-style: italic;
  padding: 0px;
  margin: 0px;
  } 

ul.bookul {
  position: relative;
  float: left;
  width: 400px;
  height: auto;
  margin: 6px 0px 20px 0px;
  padding: 0px;
  }

ul.bookul li {
  list-style: none;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: left;
  font-style: italic;
  color: #836041;
  width: 400px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  }
  
ul.bookul li:hover {
  background-image: url(images/liback.jpg);
  background-repeat: no-repeat;
  color: #AD8A6B;
  }
  
div.point {
  width: 420px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  }
  
div.point:hover {
  background: url(images/lipoint.jpg) no-repeat right 5px;
  }
  
li.ml100 {
  background-position: 100px 12px;
  } 

li.ml130 {
  background-position: 130px 12px;
  }   
  
li.ml150 {
  background-position: 150px 12px;
  }  

li.ml170 {
  background-position: 170px 12px;
  }  
    
li.ml200 {
  background-position: 200px 12px;
  }
  
li.ml250 {
  background-position: 250px 12px;
  }  
  
li.ml350 {
  background-position: 350px 12px;
  }  

ul.links {
  font-size: 20px;
  line-height: 20px;
  font-style: italic;
  letter-spacing: 1px;
  text-align: left;
  list-style: none;
  padding: 0px;
  margin: 50px;
  }
  
ul.links li {
  padding: 6px 0px;
  color: #AD8A6B;
  }
  
.grn {
  color: #77A608;
  font-size: 18px;
  }

.tcent {
  text-align: center;
  }
  
.small {
  font-size: 99%;
  }

a {
  text-decoration: none;
  }
  
a:link {
  color: #77A608;
  }
  
a:visited {
  color: #77A608;
  }

a:hover {
  color: #E8AF14;
  }
  
img {
  border-style: none;
  }
  

/* navigation begins */

#nav {
  float: left;
  position: relative;
  list-style: none;
  text-align: justify;
  text-indent: none;
  margin: 0;
  padding: 0;
  width: 520px;
  height: 18px;
  line-height: 18px;
}

#nav:after {
  content: "";
  width: 100%;
  display: inline-block;
}
  

#nav li {
  display: inline;
}

           
/* main level link */
#nav a {
	color: #77A608; 
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 3px;
	text-decoration: none;
	padding: 0px;
	margin: 0;
}

#nav a:hover {
	color: #E8AF14;
}