html,body,p,h1,h2,h3,h4,h5,strong,em,input,textarea,label,code,acronym,abbr,blockquote {margin:0;padding:0}

html, body {
	height: 100%;
}

body {font: 9pt/1.47em Georgia, serif;
	background: url(images/background.jpg) top left;}

p {padding:0.735em 0}

a {text-decoration:none;color:#525252}

a:hover {color:#808080}

a img {border:none}

table {
	vertical-align:middle;
	width:100%;
	height:100%}

#container {
	width: 900px;
	height: 600px;
	margin: 0 auto;
	position: relative;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#portraits, #travel, #logo, #shelf, #board {
	position: absolute;}
	
#portraits {top:45px;left:10px;}
	
#travel {top:40px;left:613px;}

#logo {top:109px;left:270px;}
	
#board {top:274px;left:647px;}

#shelf {top:352px;left:211px;background:url(images/shelf.png) center center no-repeat;width:459px;height:240px;}
	#blog {width:224px;height:190px;float:left;margin:10px 0 0 23px;display:block}
	#about {width:121px;height:170px;float:right;margin:30px 38px 0 0;display:block}
	#footer {clear:both;text-align:center;color:grey;font-size:0.8em;padding-top:5px;}

#tooltip, #logotip {
	display:none;
	background:transparent url(images/tooltip.png) center center no-repeat;
	height:38px;
	text-align:center;
	width:160px;
	z-index:5;
	padding:7px 25px 0;
	text-transform:uppercase;
	letter-spacing: 0.05em;
}

/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(images/overlayshade.png); 
    color:#efefef; 
    height:350px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:350px; 
    overflow:auto; 
}

/* the overlayed element */
.apple_overlay {
/* initially overlay is hidden */
display:none;
/* growing background image */
background-image:url(images/overlaywhite.png);
width:600px;
/* some padding to layout nested elements nicely */
padding:35px;
/* a little styling */
font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
background-image: url(images/overlayclose.png);
position:absolute; right:5px; top:5px;
cursor:pointer;
height:35px;
width:35px;
}