#galeria {
	padding: 0;
	width: 1000px;
	/*height:500px;*/
	text-align: left;
	font-size:1.125em;
	position: relative;
	float:left;
}
.tall {height:570px}
.tall2 {height:540px}
#galeria div.galerialeft {
	margin-top: 20px;
	padding: 0;
	width: 450px;
	height:500px;
	text-align: left;
	font-size:1.125em;
	position: relative;
	float:left;
}
#galeria div.galerialeft img {
	margin-bottom: 40px;
}
#nav {
	margin-top: 20px;
	padding-bottom: 10px;
	width: 150px;
	position: relative;
	float:right;
	height:460px;
	overflow:hidden;
}
#nav img {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#nav a:hover {
	color: #600;
	text-decoration: none;
}
#galeria div.nav{
	position:absolute;
	width:438px;
	height:20px;
	top:300px;
	left:0;
	text-align: right; 
	background: #eee; 
	border: 1px solid #999; 
	padding: 5px; }
#galeria div.nav a { padding: 0 5px; }
#galeria div.nav a.highlight { color: #000; font-weight: bold; }
#galeriainfo {
	margin-top: 20px;
	padding-bottom: 10px;
	width: 360px;
	position: absolute;
	top:100px;
	left:470px;
	float:right;
	text-align: left;
	font-size:1.125em;
}
#galeriainfo ul {margin-left: 20px;}
#solutions{}
/* the overlayed element */
div.overlay {
	margin: 0 auto;
	position: relative;
	/* growing background image */
	background-image:url(/img/jquery/overlay/bgwhite.png);
	/* dimensions after the growing animation finishes  */
	width:950px;
	height:470px;		
	/* initially overlay is hidden */
	display:none;
	/* some padding to layout nested elements nicely  */
	padding-top:55px;
}
div.overlay img {
	margin: 0 25px;
	position: relative;
	float:left;
}
/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/img/jquery/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}