/* Undo defaults (CSSTMM p.393, PCSST p.83)*/
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote 
{ 
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6, pre, code 
{ 
  font-size: 1em;
}

a 
{ 
  text-decoration: none;
}

a img 
{ 
  border: none;
}

li, dd, blockquote { 
  margin-left: 1em;
}

form label { 
  cursor: pointer;
}

fieldset { 
  border: none;
}

input, select, textarea {
  font-size: 100%; 
}

/* Example IE/Win fix for float padding problems (CSSTMM p.)*/
* html .container {
  display: inline;
}

/* Example IE/Mac undo for IE/Win fix */
* html .container {
  height: 1%;
}

/* Standard clearfix (PCSST p.94) */
/* Use in addition to container: <div class="container clearfix">... */
.clearfix:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hide from IE/Mac */
* html .clearfix {
  height: 1%;
}

/* Brute force clearfix for IE */
.clearboth
{ 
  content: ".";
  height:0;
  width:0;
  margin:0;
  padding:0;
  clear: both;
  color: #fff;
}

/* Standard centered layout (PCSST p. 95) */

body 
{
  text-align: center;
  min-width: 1044px;
}

#wrapper
{ 
  position: relative;
  margin: 0 auto;
  width: 1044px;
  height: 768px;
  background: url('images/HomePage_V3_lb4.png') no-repeat #fff;
}

#authorwrapper
{ 
  position: relative;
  margin: 0 auto;
  width: 1044px;
  height: 768px;
  background: url('images/authorbg.png') no-repeat #fff;
}

#morewrapper
{ 
  position: relative;
  margin: 0 auto;
  width: 1044px;
  height: 768px;
  background: url('images/morebg.png') no-repeat #fff;
}

#bookwrapper
{ 
  position: relative;
  margin: 0 auto;
  width: 1044px;
  height: 768px;
  background: url('images/spreadbg.png') no-repeat #fff;
}

#photoswrapper
{ 
  position: relative;
  margin: 0 auto;
  width: 1044px;
  height: 768px;
  background: url('images/photosbg.png') no-repeat #fff;
}

#alfred
{
  position:absolute; 
  top: 130px;
  left: 380px;
  /*border: dotted 1px #0f0;*/
}

#alfred a
{ 
display:block;
width:270px;
height:530px;
  /*border: dotted 1px #0f0;*/
}

#tutu
{ 
  position:absolute; 
  top: 2px;
  left: 734px;
  /*border: dotted 1px #0f0;*/
}

#thebook
{ 
  position:absolute; 
  top:12px;
  left: 22px;
  /*border: dotted 1px #0f0;*/
}

#photos
{ 
  position:absolute; 
  top: 200px;
  left: 715px;
  /*border: dotted 1px #0f0;*/
}

#movie
{ 
  position:absolute; 
  top: 230px;
  left: 690px;
  /*border: dotted 1px #0f0;*/
}

#movie img
{ 
  padding-top:40px;
  padding-left:20px;
}


#contact
{ 
  position:absolute; 
  top: 450px;
  left: 750px;
  /*border: dotted 1px #0f0;*/
}

#about
{ 
  position:absolute; 
  top: 549px;
  left: 803px;
  /*border: dotted 1px #0f0;*/
}

#aboutoverlay
{ 
  position:absolute; 
  top: 635px;
  left: 862px;
  /*border: dotted 1px #0f0;*/
}

#tell
{ 
  position:absolute; 
  top: 630px;
  left: 60px;
  /*border: dotted 1px #0f0;*/
}

#buy
{ 
  position:absolute; 
  top: 370px;
  left: 30px;
  /*border: dotted 1px #0f0;*/
}

#more
{ 
  position:absolute; 
  top: 260px;
  left: 160px;
  /*border: dotted 1px #0f0;*/
}

#bark
{ 
  width:0;
  height:0;
}


#preload
{ 
display:none;
width:0;
height:0;
}


#contactpage
{ 
  background: url('images/contactpage.png') no-repeat;
  width:354px;
  height:615px;
  padding-top:110px;
}

#contactpage p
{ 
  margin: 3px 10px 3px 80px;
  font-family: Arial,Verdana,sans-serif;
  font-size: 12px;
  text-align:left;
  line-height:16px;
}

#aboutpage
{ 
  margin:0px;
  background: url('images/aboutpage.jpg') no-repeat #ff5e19;
  width:354px;
  height:300px;
  padding:425px 0 0 0;
}

#aboutpage p
{ 
  margin: 12px 40px 12px 40px;
  font-family: Arial,Verdana,sans-serif;
  font-size: 12px;
  text-align:left;
  line-height:19px;
}

#home
{ 
  position:absolute; 
  top: 45px;
  left: 60px;
}

#closebox
{ 
  position:absolute; 
  top: 20px;
  left: 1000px;
}

#quotes
{ 
  position:absolute; 
  top: 130px;
  left: 360px;
  width:390px;
  height:600px;
  overflow:auto;
  text-align:left;
  /*border: dotted 1px #0f0;*/

}

#quotes p
{ 
  font-family: Arial,Verdana,sans-serif;
  font-size:16px;
  line-height:30px;
  margin-bottom:25px;
  padding-right:15px;
}



#authorbox
{ 
  position:absolute; 
  top: 195px;
  left: 220px;
  width:390px;
  height:600px;
  /* overflow:auto; */
  text-align:left;



  /*border: dotted 1px #0f0;*/

}

#authorbox p
{ 
  font-family: Arial,Verdana,sans-serif;
  font-size:16px;
  line-height:30px;
  margin-bottom:25px;
  padding-right:15px;
}





#pagephotos
{ 
 position:absolute; 
 top: 208px;
 left: 220px;
}

#page1text
{ 
 position:absolute; 
  top: 260px;
  left: 560px;
  width:230px;
  height:250px;
  text-align:left;
  /*border: dotted 1px #0f0;*/
}

#page1text p
{ 
  font-family: Arial,Verdana,sans-serif;
  font-size:12px;
  line-height:16px;
  margin-bottom:16px;
}

#pagenumbers
{ 
  position:absolute; 
  top: 570px;
  left: 715px;
}

#pagenumbers p
{ 
  font-family: Arial,Verdana,sans-serif;
  font-size:16px;
  font-weight:bold;
}


.red
{ 
  color:#f00;
}

.bold
{ 
  font-weight:bold;
}


#gridbg
{ 
  position:absolute; 
  top: 108px;
  left: 188px;
  /*border: dotted 1px #0f0;*/
}

#gridphotos
{ 
  position:absolute; 
  top: 142px;
  left: 218px;
  width:617px;
  /* border: dotted 1px #0f0; */
}

img.gridphoto
{ 
  float:left;
  width:109px;
  height:122px;
  margin:6px;
  border:none;
  cursor: hand;
}

.growphoto
{ 
  width:592px;
  height:522px;
  display:none;
  position:absolute;
  top:10px;
  left:10px;
  cursor:hand;
}


#footer
{ 
position:absolute;
top: 763px;
width:1000px;
margin:10px 20px 20px 20px;
}

#footer p
{ 
  font-family: Verdana,sans-serif,Arial;
  font-size:9px;
  color:#aaa;
  padding-bottom:10px;
}

#footer a
{ 
  border:solid 1px #ffffff;
  color:#aaa;
  padding:2px 2px 2px 2px;
}

#footer a:hover
{ 
  border:solid 1px #aaa;
  color:#aaa;
}