body {
	font-family: georgia, 'times new roman', serif;
	padding: 0; 
	margin: 0; 
}


h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; padding: 0; margin: 0;}
a {text-decoration: none;}
a img {border: 0;}

.content {width: 639px; padding: 0 0 0 72px; margin: 0 auto; position: relative;}



h1.logo {
	position: absolute; 
	text-indent: -99999px; 
	background: url('images/logo.gif') 0 0 no-repeat; 
	height: 83px; 
	width: 266px; 
	top: -83px; 
	left: -0px;
}

.portrait {position: absolute; top: -134px; right: 120px;}
.speech {position: absolute; top: -38px; right: 50px;}

#intro {background: #ABD816; padding: 140px 0 32px 0;}
	#intro h1.text {background: #fff; color: #9E9E9E; 
		font-size: 140%; line-height: 160%; padding: 15px; border: 16px solid #BFE347;}
	#intro h1.text a {color: #666; text-decoration: none;}
	#intro h1.text a:hover {background: #E6F5B1}
	/*#intro a:visited {text-decoration: line-through; color: #9E9E9E;}*/
	
h2 {width: 135px; float: left; text-align: center; padding: 1px 0 5px 0;margin: 0 0 18px 0}
	.backtop {display: block; text-align: right; font-size: 70%; padding: 9px 0 0 0;}

h3 {clear: both;}

#web, #illustration, #print, #me {padding: 0 0 32px 0; clear: both; }
	
#web {background: #35494C;}
	#web .backtop {color: #35494C;}
	#web h2 {background: #ABD816; color: #fff; }
	#web .content div {background: #fff; padding: 9px; clear: both; margin: 0 0 9px 0;text-transform: uppercase; text-align: right; font-size: 70%; color: #879A9D;}
		#web .content div a {color: #879A9D;}
		#web .content div a:hover {background: #ddd;}
	#web .content div .first {margin-right: 7px;}
	#web .content div img {border: 1px solid #B1BEBF; margin-bottom: 9px;}
	#web .backtop {color: #84989A}

#illustration {background: #75898B;}
	#illustration .backtop {color: #35494C}
	#illustration h2 {background:#35494C; color: #B2BFC0; margin: 0 0 8px 0;}
	#illustration div {clear: both;}
	#illustration img {border: 8px solid #fff; clear: both; margin: 9px 0 0 10px; }
		#illustration img.first {margin-left: 0 !Important;}

#print {background: #B2BFC0;}
	#print .backtop {color: #75898B;}
	#print  h2 {background: #75898B; color: #B2BFC0; margin: 0 0 8px 0;}
	#print div {clear: both;}
	#print img {border: 8px solid #fff; clear: both; margin: 9px 0 0 10px; }
		#print img.first {margin-left: 0 !Important;}
	
#me {background: #E1E0E0;}	
	#me .backtop {color: #B2BFC0;}
	#me  h2 {background: #B2BFC0; color: #75898B;}
	#me h3 {margin-bottom: 6px;}
	
	
	.me-content,
	#me .clearfix {
		clear: both;
	}

	.contact{
		width: 310px; 
		float: left; 
		clear: left;
	}
	
	.contact .vcard {
		background: url('images/cardback.gif') 0 0 no-repeat; 
		font-size: 80%; 
		color: #708587; 
		padding: 30px 25px 100px 25px;
	}
		.contact img {
			float: left; 
			margin: 0 9px 0 0; 
			border: 6px solid #E4E4E4;
		}
		.contact a {
			color: #708587;
		}
		.contact .fn {
			font-weight: bold; 
			display: block; 
			margin-top: 20px;
		}

	.elsewhere {
		font-size: 80%; 
		padding: 0 25px;
		color: #708587;
		width: 260px;
		float: left;
	}
	
	.elsewhere h4 a {
		display: block;
		color: #708587;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	.elsewhere ul,
	.elsewhere ul li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		
	.elsewhere ul li {
		margin-bottom: 5px;
	}
	
	.elsewhere ul li a {
		color: #546b6d;
	}
		.elsewhere ul li a:hover {
			background-color: #cdcccc;
		}
	
	.elsewhere ul li.error {
		color: #93a6a8;
	}
	
	.elsewhere .delicious-banner {
		display: none;
		visibility: hidden;
	}
	
	
#copyright {
	color: #959E9F;
	font-size: 70%;
	padding: 20px 0;
	text-align: center;
}


	
/*Clearfix hack*/

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

	
#lightbox{position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;	}


	
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}