html { font-size: 16px; min-height: 100%; margin-bottom: 1px; }
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
	border: solid 1px #666;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
a { color: #0F67A1; text-decoration: none; }
a:hover { text-decoration: underline; }

#content { }
  #content h1 { font-size: 2.4em; font-weight: normal; line-height: 32px; margin: 30px 0 50px 0; }
  #content p { font-size: 1.4em; line-height: 22px; margin-bottom: 20px; }
  
  /* relevant for the tutorial - start */
  #gallery { position: relative; }
    #pictures {
	position: relative;
	height: 360px;
	width: 400px;
	margin-left: 10px;
}
    #pictures img {
	position: absolute;
	top: 0;
	left: 0;
	width: 385;
	visibility: visible;
}
    
    #prev, #next { margin-top: 30px; text-align: center; font-size: 2.0em; }
.dotimage {
	float: right;
	position: absolute;
	top: 40px;
	left: auto;
	overflow: visible;
	margin-left: 30px;
}
.dotimage2 {
	position: absolute;
	top: 440px;
	float: left;
	margin-left: 15px;
	left: auto;
	overflow: visible;
}