*{
	margin: 0;
	padding:0;
	}

body{
	background: white;
	color: black;
	font: 76% Helvetica, Arial, Geneva, sans-serif;
	width: 100%;
}

#top{
	position: absolute;
	top: 0;
	left: 0;
	height: 16%;
	background-color: white;
	padding-left: 16%;
	}

#side{ 
	position: absolute;
	background-color: white;
	left: 0px;
	text-align: right;
	width: 16%;
	top: 16%;
}

#content{
	position: absolute;
	padding-left: 0;
	background-color: white;
	padding-top: 0;
	width: 84%;
	left: 16%;
	top: 16%;
	text-align: center;
}

#slideshow{
	position: absolute;
	padding-left: 10px;
	background-color: white;
	padding-top: 0;
	width: 84%;
	left: 16%;
	top: 16%;
	text-align: center;
}

#copyright{
	position: fixed;
	background-color: white;
	width: 100%;
	height: 2%;
	bottom: 0;
	left: 0px;
	padding-left: 16%;
}

/* typography
----------------------------------------------- */

p {	margin-bottom: 1.0em; font-size: 0.9em;
	line-height: 1em;
}

ul li { display: inline; }

h1, h2, h3{ font-family: Helvetica, Arial, Geneva, sans-serif;}

h1{
	color: black;
	font-size: 3em;
	padding-top: 10px;
}

h2 {
	font-size: 1.5em;
	color: grey;
	margin-bottom: 10px;
}
h3 {
	font-size: 1.1em;
	color: grey;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	letter-spacing: 0.2pt;
	direction: ltr;
}

a{
	font-weight: bold;
	color: black;
	text-decoration: none;
}

p a:hover { border-bottom: 1px dotted #8ad459; }
a img{ 	border: none;}

/* side
----------------------------------------------- */
#side a{
	color: black;
	}
#side p a:hover{ border-bottom: 1px dotted #fff; }	



#nav{ list-style: none; width: 100%;
}
#nav li{ margin: 0;
	padding: 0;
}
#nav a{
	display: block;
	border-bottom: 1px solid black;
	color: black;
	background-color: white;
	padding: 0.8em 0.5em 0 0.8em;
	height: 2em;
}

body#home a#nav-home,
body#asia a#nav-asia,
body#indonesia05 a#nav-indonesia05,
body#indonesia09 a#nav-indonesia09,
body#india a#nav-india,
body#keukenhof a#nav-keukenhof,
body#paris a#nav-paris,
body#nyc a#nav-nyc,
body#newyear a#nav-newyear,
body#winter a#nav-winter,
body#china a#nav-china,
body#vietnam a#nav-vietnam
{
	color: black;
	background-color: #eee;
}

#nav a:hover{
	color: #333;
	background-color: #ccc;
	}

/* content
----------------------------------------------- */
#content ul{ margin-left: 4px;}
#content ul li{
	list-style: none;
	background: none no-repeat;
	padding: 1px;
}

/* misc
----------------------------------------------- */

.thumbnail{
	float: left;
	padding: 1px;
}	

/* clearing
----------------------------------------------- */

.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 */
	}	

.s1 { margin:auto; height: 512px; width: 652px;}
.pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee }
</style>