#container {
	min-height: 531px;
}

#content {
	padding: 0;
}

.thumbnail {
	display: inline;
	border: 0;
}
	.thumbnail img { margin: 20px; border: 0; cursor: pointer; }

.photos {
	position: absolute;
	right: 8px; 
	top: 10px;
	height: auto;
	width: 680px;
	margin: 0; 
	padding: 16px 18px;
	font-size: 130%;
	color: #fec34f;
	background: #000000;
	border: 4px solid #cbcbcb;
	visibility: hidden;
	cursor:pointer;
	z-index: 2000;
}

a.close { display: block; position: absolute; font-size: 80%; color: #ffffff; text-decoration: none; cursor: pointer; }
a.right { right: 10px; bottom: 0; }
a.bottom { left: 100px; bottom: 1em; }

#galmenu {
	position: relative;
	left: 15px;
	top: 0;
	width: 150px; height: 78px;
	margin-bottom: 20px; padding: 0;
	background: url(images/menu-gallery.gif) no-repeat -152px top;
	z-index: 1200;
}
	#galmenu li { position: absolute; margin-left: -40px; padding: 0; list-style: none; }
	#galmenu li, #galmenu a { height: 26px; display: block; }
	
	#commercial	{ top: -1px; width: 150px; }
	#murals		{ top: 26px; width: 66px; }
	#acoface	{ top: 52px; width: 146px; }
	
	#commercial.on 		{ background: #000000 url(images/menu-gallery.gif) 1px  1px no-repeat; }
	#murals.on 			{ background: #000000 url(images/menu-gallery.gif) 1px -26px no-repeat; }
	
	#commercial a:hover { background: #000000 url(images/menu-gallery.gif) -305px   1px no-repeat; }
	#murals a:hover 	{ background: #000000 url(images/menu-gallery.gif) -305px -26px no-repeat; }
	#acoface a:hover 	{ background: #000000 url(images/menu-gallery.gif) -305px -52px no-repeat; }

#moremenu {
	position: relative;
	float: right; top: 53px;
	width: 126px; height: 22px;
	margin: -94px 40px 0; padding: 0;
	background: url(images/menu-more.gif) no-repeat 0 -25px;
	z-index: 1200;
}
	#content > #moremenu { position: absolute; right: 20px; top: auto; bottom: 0; float: none; }

	#moremenu li { position: absolute; margin: 0; padding: 0; list-style: none;}
	#moremenu li, #moremenu a { height: 20px; display: block; }
	
	#first	{ top: -3px; left: 0; width: 52px; background: #000000; }
	#back	{ top: -3px; left: 0; width: 57px; }
	#more	{ top: -3px; left: 68px; width: 54px; }
	#last	{ top: -3px; left: 68px; width: 54px; background: #000000 url(images/menu-more.gif) -68px -44px no-repeat; }
	
	#back a:hover	{ background: #000000 url(images/menu-more.gif)   0   -66px no-repeat; }
	#more a:hover	{ background: #000000 url(images/menu-more.gif) -68px -66px no-repeat; }

