body{background:#333333; background-image: url(geon.png); background-repeat:no-repeat;}
h1{ background: #333333; font:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; padding-left:10px;}
h2{ background: #ffffff; font:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; padding-left:10px;}
a{font:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:14px;}
a:hover{font:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:14px; text-decoration:none;}
a:links{font:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:14px;}
a:visited{font:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:14px;}

h3.section {
	margin-top: 1em;
}
.box{ width:100px; text-align:center;}
.white{ width:200px; color:#FFFFFF; background:#000000; font:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:blink;}
#vertical_slide, #horizontal_slide {
	background: #ffffff;
	color: #333333; width:600px;
	padding: 10px;
	border: 5px solid #333333;
	font-weight: bold; height:800px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}/* CSS Document */

.fantom{ visibility:hidden;}