html, body{
	background-color:#666;
	padding:0;
	margin:0;
}
#wrapper{
	width:768px;
	margin:0px auto;
	padding:0;
	border:1px solid #336;
	background:#669;
}
h1{
	color:#C9F;
	text-align:center;
	background:#77A;
	padding-bottom:0.25em;
	margin:0;
}

a, a:visited {color:#000;}

a.gallery, a.gallery:visited{
	display:block;
	display:inline-block;
	color:#000;
	text-decoration:none;
	border:1px solid #666;
	width:90px;
	height:84px;
	float:left;
	margin:7px 0px 7px 4px;
	background-color:#BBC;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:50;
}

a.gallery em{
	display:none;
	line-height:475px;
	font-size:425px;
	background:#EEF;
}

a.gallery:hover{
	border:1px dotted #fff;
}

#container {
	position:relative;
	width:750px;
	height:500px;
	background:#CCF url(img/000.png) 238px center no-repeat;
	border:3px solid #99C;
	margin:1em auto;
}
#container .thumbs {
	width:200px;
	height:500px;
	position:absolute;
	left:0;
	top:0;
	background-color:#99C;
}
#container a.gallery:active, #container a.gallery:focus {
	border:1px solid #C9F;
}
#container a.gallery:active em, #container a.gallery:focus em {
	display:block;
	position:absolute;
	width:528px;
	height:475px;
	top:5px;
	left:205px;
	padding:5px;
	border:1px solid #000;
	z-index:50;
	text-align:center;
}
a.gallery em * {
	vertical-align:middle;
	border:2px solid #CCD;
}
#nav{width:750px;list-style:none;height:1em;font-family:sans-serif;margin:0.2em auto;text-align:center;font-size:10pt;}
#nav li{float:left;color:#99C;}
#nav li a{line-height:1.5em;border:2px solid #669;text-decoration:none;color:#CCF;}
#nav li a:hover{border-color:#669 #F60 #669 #F90;color:#CCF;font-weight:bold;}
#nav li .here{color:#FFF;margin:1em;font-weight:bold;border:2px solid #669;}
#nav li .limit{color:#669;margin:1em;font-weight:bold;border:2px solid #669;}
#nav li b{border-bottom:1px solid #CCF;margin:1em;}
#nav li .sep{border-left:1px solid #CCF;}