body
{
	text-align:left;
  font-family: verdana, trebuchet ms, arial, tahoma;
	font-size: 68%;
  color: #ccc;

  background-color: #000034;
	line-height: 150%;
	margin: 0 auto;
	padding: 1px;
	position: relative;
	width: 800px;
}


/*____________menu___________________________*/


#menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

#menu-top {
	background-color: #000034;
	overflow: hidden;
}

#menu-top ul {
	background: #000034 url('images/bg02-white-left.png') no-repeat left top;
	margin:0;
	padding: 5px 0 0 0;
	list-style: none;
	font-size: 90%;
	float: left;
	padding-left: 7px;
}

#menu-top li {
	float: left;
	display: inline;

}

#menu-top a {
	float: left;
	background:#CFFFFC url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: #CFFFFC url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color: #000034;
	display: block;
	float: left;
	cursor: pointer; 
}

#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span {	background-position:100% -42px; }



/*_____________gallery_container__________________________*/


a, a:visited, a:hover {color:#fff;}

#container {
position:relative; 
width:785px; height:600px; 
background:#000034; 
margin:1px auto; 
font-family:verdana, arial, sans-serif; 

}

#container a.pics {
float:left; 
margin:5px 3px; 
display:inline; color:#000034; 

border:1px solid #ddd; 
width:120px; height:90px; 
cursor:default;

}

#container a.pics img.thumb {
display:block; 
border:0; 
}

#container a.pics span {
display:none; 
width:765px; 
background:#000034; 
text-align:center;

}

#container a.pics span img {
margin:2px auto; 
border:1px solid #000034;
}

#container a.pics:hover {
white-space:normal; 
border:1px solid #000034;
}

#container a.pics:hover span {
display:block; 
position:absolute; 
left:9px; top:225px; z-index:10; height:440px;
}

#container a.pics:active {
border:1px solid #aaa;
} 

#container a.pics:active span {
display:block; 
position:absolute; 
left:9px; top:230px; z-index:10; height:440px;
}

#container a.pics:focus {
border:1px solid #aaa; outline:0;



}

#container a.pics:focus span {
display:block; 
position:absolute; 
left:9px; top:230px; z-index:5; outline:0;
}

#container span.info {
clear:left; 
display:block; 
text-align:center; 
line-height:20px; 
margin:0; 
padding:200px 0 0 0; 
width:600px; 
text-align:center; 
color:#fff; 
z-index:1;
}

#container span.info a {color:#000;}

#container span.info a:hover {text-decoration:none;}
