	html, body {
		background: #fdfcf8 url("../gfx/bg.gif") repeat scroll 0 0;
		margin-top: 20px;
		font-family: Verdana, Arial;
		font-size: 12px;

		scrollbar-3dlight-color : #d7d4cc;
		scrollbar-arrow-color : #000000;
		scrollbar-base-color : #000000;
		scrollbar-darkshadow-color : #d7d4cc;
		scrollbar-face-color : #f2efe6;
		scrollbar-highlight-color : #d7d4cc;
		scrollbar-shadow-color : #d7d4cc;
		scrollbar-track-color : #f5f5f5;
	}
		
	h2 {
		font-size: 16px;
		margin: 0px;
		padding: 0px;
	}
	
	.hr {
		margin: 10px 0 10px 0;
		background: #ffffff url("../gfx/hr.gif") no-repeat scroll center;
		width: 100%;
		height: 18px;
	}
	
	.hr hr {
		display: none;
	}
	

	#root {
		width: 950px;
		padding: 10px;
		margin: 0 auto 0 auto;
		border: 1px solid #ecedeb;
		background-color: #ffffff;
	}
	
	#page {
		border: 1px solid #e9e6dd;
		background-color: #f2efe6;
	}
	
	#header {
		height: 70px;	
		background-image: url("../gfx/logo.jpg");
		background-repeat: no-repeat;
		background-position: 140px 0px;
		margin-bottom: 10px;
	}
	
	#header.gallery {
		background-position: 10px 0px;	
	}
	
	#header h1 {
		display: none;
	}
	
	#left {
		width: 130px;
		float: left;
		margin-right: 10px;
		/*
		background-image: url("../gfx/left.jpg");
		background-repeat: no-repeat;
		background-position: center;
		*/
	}
	
		#slideshow {
			border: 1px solid #e3e1db;
			margin: 0px 0px 10px 10px;
			padding: 10px;
			background-color: #ffffff;
		}
		
		#left ul {
			text-align: right;
			margin: 0;
			padding: 0;
			font-size: 14px;
		}
		
		#left ul li {
			list-style: none;
			font-weight: bold;
		}
		
		#left ul ul {
			margin-bottom: 20px;
		}

		#left ul li ul li {
			font-weight: normal;
		}
		
		#left ul li ul li a {
			color: black;
			text-decoration: none;
		}
		
		#left ul li ul li a.selected {
			font-style: italic;
			font-weight: bold;
			color: #999999;
		}

		#left ul li ul li:hover {
			list-style: circle;
		}
		
		#left ul li ul li.selected {			
		}
		

	#right {
		width: 805px;
		float: left;
	}
	
		#right #content {
			border: 1px solid #e3e1db;
			margin: 0px 10px 10px 10px;
			padding: 10px;
			background-color: #ffffff;	
			width: 780;
		}
	
	.images {
		margin: 5px 0 5px 0;
		padding: 5px;
		background-color: #f5f5f5;
		clear: both;
	}
	
		.images img {
			border: 1px solid #c7c7c7;
			background-color: #ffffff;
			padding: 5px;
			margin: 4px;
		}
		
	.clear {
		clear: both;
		height:1px;
		overflow: hidden;
	}
	
	
	#gallery {
		margin: 0px 10px 10px 10px;
	}
	
		#presentation {
			border: 1px solid #c7c7c7;
			background-color: #ffffff;
			padding: 10px;
			position: relative;
		}
	
		#presentation img {
		}
		
		#thumbnails {
			border: 1px solid #e3e1db;
			margin: 10px 0;
			padding: 10px;
			background-color: #ffffff;			
		}
		
			#thumbnails #scroller {
				width: 900px;
				overflow: auto;
				height: 130px;
				background-color: #f5f5f5;
			}
			
			#thumbnails .images {
				white-space: nowrap;
				margin: 0;
				padding: 0;
			}

	
#navigation {
	float: right;
	margin: 30px 10px 0 0;
}
	
ul#main-nav {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

ul#main-nav li {
	margin: 0;
	display: inline;
}

ul#main-nav li a {
	display: block;
	padding: 5px 10px 0 10px;
	height: 22px;
	border-right: 1px solid #ceccbc;
	float: left;
	text-decoration: none;
	color: black; 
}

ul#main-nav li.last a {
	border: none;
}

ul#main-nav li a.active {
	background: #f0eee4;
}

ul#main-nav li a:hover {
	color: gray;
}
