html, body, form {
	margin: 0;
	padding: 0;
	font: 100%/150% Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}

body {
	padding: 0;
  margin: 0;
  background: #fff url('/images/background.jpg') no-repeat center top;

  width: 100%;
  display: table;
}

a:link,
a:visited {
	color: #3d3d3d;
}

a:hover {
	color: #000000;
}

.list {
	list-style: none;
	margin-left: 15px;
	line-height: 20px;
}

.list li:before {
	content: "\00BB \0020";
}

#layout {
	padding-top: 25px;
	width: 909px;
	margin: auto;
}

#bigtitle {
	margin: .6em 0 0 0;
	cxolor: #A91111;
	coxlor: #D90000;
	cxolor: #928d6a;
	cxolor: #ea5f29;
	color: #2B382B;
	font-size: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 130%;
	padding-bottom: 15px;
	display: inline-block;
}

#bigtitle span {
	display: block;
	font-size: 20px;
	color: #666;
}

#content {
	width: 100%;
	text-align: left;
}

#spash {
	width: 100%;
}

#buttons {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	clear: both;
}

#footer {
	clear: both;
	width: 100%;
	color: #0f0f0f;
	font-size: 90%;
}

#footer p#contact {
	float: left;
}

#footer p#copyright {
	float: right;
	text-align: right;
}

#splash, #information, #about, #preterms, #popup, #examples {
	font-family: helvetica, arial, sans-serif;
	color: #444;
	font-size: 14px;
}

h2 {
	color: #3a3a3a;
	font-size: 36px;
	line-height: 1em;
	margin-bottom: 0.4em;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}

h3 {
	color: #3a3a3a;
	font-size: 16px;
	margin-top: 0.4em;
	padding-top: 15px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}

#information_screen {
	clear: both;
	position: relative;
	width: 500px;
}

#information_sections {
	overflow: hidden;
	width: 500px;
	clear: left;
}

#information_sections ul {
	padding:0;
	margin:0;
	list-style:none;
	width: 1000px;
}

#information_sections li {
	width: 500px;
	margin:0;
	float: left;
	paddixng: 75px 75px 75px 80px;
}

.information_link {
	cursor: pointer;
	padding: 5px;
}

#slider1, #slider2 {
	margin: 10px;
	width: 225px;
}

span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('/images/checkbox.png') no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('/images/radio.png') no-repeat;
	display: block;
	clear: left;
	float: left;
}

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%;

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

table td { text-align: center; border-bottom: 1px solid #ccc }