/* Layout */
		
		body {
			margin: 0;
			padding: 6px 0 0 0;
			text-align: center;
			background: #000;
			color: #555;
			font: 13px/20px Verdana, Geneva, sans-serif;
		}
		#container {
			width: 780px;
			margin: auto;
		}
		#header {
			width: 780px;
			height: 228px;
			padding: 0;
			line-height: 0;
		}
		#page {
			overflow: auto;
			text-align: left;
			width: 780px;
			background: #fff url('files/page.gif') top left repeat-x;
		}
		#left {
			float: left;
			width: 480px;
			margin: 0 36px 35px 36px;
		}
		#right {
			float: left;
			width: 192px;
			margin-top: 108px;
			margin-bottom: 36px;
		}
		#footer {
			clear: both;
			background: #787878 url('files/footer.gif') top left no-repeat;
			text-align: left;
			font-size: 11px;
			color: #aaa;
			padding: 36px;
		}		
		#footer p {
			padding-top: 110px;
		}
		#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
			color: #aaa;
			text-decoration: none;
		}
		#footer a:hover {
			color: #ddd;
		}
				
		
		/* Elements */
		
		h1 {
			display: none;
		}
		.heading {
			margin-top: 36px;
		}
		a:link, a:visited, a:hover, a:active {
			color: #029fd9;
			text-decoration: none;
		}
		a:hover {
			color: #11d0ff;
		}
		a.button {
			background-color: #0cbff2;
			padding: 11px 14px 10px 14px;
			display: block;
			width: 155px;
			margin-top: 20px;
		}
		a.button:hover {
			background-color: #11d0ff;
		}
		.sample, .toc {
			width: 125px !important; 
			float: left;
			margin-right: 2em;
			margin-top: 10px !important;
		}
		.back {
			width: 45px !important;
		}
		#cover {
			position: absolute; top: 130px;
		}
		img {
			border: none;
		}
		.pullout {
			border: 1px dotted #ccc;
			background-color: #f3f3f3;
			padding: 12px;
		}
		.pullout img {
			border: 1px solid #ccc;
		}
		.fine {
			font-size: 80%; 
			color: #999;
		}