* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
 	background-repeat: repeat;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;

	color: #000;
			font-size: 13px;			
			background-color: #fff;
			line-height: 20px;
			letter-spacing: 0px;
			padding: 0;
			margin: 0;

	height: 100%;
	

	
}

body, 
h1 {  
	font-size: 13px;
	font-weight: 300;
}
		
a:link,
a:visited { color: #000000; text-decoration: none; }
a:hover { background-color: #999999; }

#site-logo {
position:absolute;
		}

#site-nav {
position:absolute;
top:57px;
left:220px;
		}

#description {
	position:absolute;
	left:18px;
	top:130px;
	width:182px;
	z-index:2;
	font-size:13px;
text-align:justify;
}

#gallery-nav {
	position:absolute;
	left:18px;
	top:650px;
	width:200px;
	z-index:2;
}

#welcome {
	top:200px;
}

	
#gallery {
	height:100%; /* the more < 100% this is, the more space will be left for image captions */
}

#gallery .item {	
  width:100%; 
  height:100%;
  top:8px;
}

#gallery img { 
  height:100%;
}

/* for wide aspect ratio images, constrain the width but not the height */
#gallery img.wide {
  width:100%; 
  height:auto;
}