#main h1 { padding:0; margin-top: 20px }
#main h2 { text-align: left }

table#nav { margin: auto; border-collapse: separate; border-spacing: 20px }
td { vertical-align: top; text-align:center; width: 235px }
hr { margin-top: 20px; }

pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { height: 100%; width: 100%; padding:0; margin:0; overflow: hidden; left:0; }
.pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

#picshow{
width:40%;
height:80%;
text-align:center;
position:absolute;
margin-right:15px;
right:0px;
}
#slideshow{
width:100%;
height:80%;
position:relative;
margin-right:0px;
}

#nav2 { width: 95%; height: 15%; margin-right: 15px; position:relative; overflow:scroll;overflow-right:hidden;}
#nav2 li { width: 50px; float: left; margin: 8px; list-style: none }
#nav2 a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav2 a.activeSlide { background: #88f }
#nav2 a:focus { outline: none; }
#nav2 img { border: none; display: block }
pre { clear: left }