/* 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/home6.png') 10px 0px 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;*/
}

#bulldog
{ 
  position:absolute; 
  top: 100px;
  left: 320px;
}

#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;
}

#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;
}




#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	/*padding: 6px .75em;*/
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}