/* CSS reset, http://meyerweb.com/eric/tools/css/reset/ */
			html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, font, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-size: 100%;
				vertical-align: baseline;
				background: transparent;
			}
			body {
				line-height: 1;
			}
			ol, ul {
				list-style: none;
			}
			blockquote, q {
				quotes: none;
			}
			blockquote:before, blockquote:after,
			q:before, q:after {
				content: '';
				content: none;
			}

			/* remember to define focus styles! */
			:focus {
				outline: 0;
			}

			/* remember to highlight inserts somehow! */
			ins {
				text-decoration: none;
			}
			del {
				text-decoration: line-through;
			}

			/* tables still need 'cellspacing="0"' in the markup */
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}
		
			body {
				background: #333;
				font-family: sans-serif;
			}
		
			#planner {
				width: 925px;
				height: 650px;
				background: #222;
				margin: auto;
				position: relative;
			}
			
			.tree-container {
				width: 275px;
				height: 550px;
				background: #000;
				color: #fff;
				position: absolute;
			}
			
			.tree-title {
				width: 275px;
				height: 25px;
				background: #006;
				text-align: center;
				font: 22px Arial;
				position: absolute;
				top: 0;
				left: 0;
			}
			
			.tree-count {
				width: 275px;
				height: 25px;
				background: transparent;
				text-align: center;
				font: 22px Arial bold;
				position: absolute;
				bottom: 0;
				left: 0;
			}
			
			.skill {
				width: 50px;
				height: 50px;
				background: transparent;
				position: absolute;
			}
			
			.skill-effects td {
				padding: 3px;
				font-size: 90%;
			}
			
			.skill-effect-value {
				font-weight: bold;
			}
			
			.points {
				width: 20px;
				height: 12px;
				background: #444;
				position: absolute;
				font: 10px Arial;
				text-align: center;
			}
			
			.points-on {
				background: #080;
			}
			
			#planner-footer {
				width: 875px;
				height: 25px;
				position: absolute;
				bottom: 25px;
				left: 25px;
				background: #111;
				font: 22px Arial;
				color: #fff;
			}
			
			#points-spent {
				font-weight: bold;
			}
			
			#tree1 { left: 25px; top: 25px; }
			#tree2 { left: 325px; top: 25px; }
			#tree3 { left: 625px; top: 25px; }