/******************/ /*  MAIN SECTION  */ /******************/
	/* MAIN CONTENT */
.main-content h1.pagetitle {
	margin: 0 0 0.4em 0;
	padding: 0 0 2px 0;
	border-bottom: solid 3px rgb(225, 225, 225);
	font-family: "trebuchet ms", arial, sans-serif;
	color: #f47921;
	font-weight: bold;
	font-size: 220%;
}

.main-content h1.block {
	clear: both;
	margin: 1.0em 0 0em 0;
	padding: 2px 0 2px 2px;
	background: rgb(190, 190, 190);
	font-family: "trebuchet ms", arial, sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 220%;
}

.main-content h1 {
	clear: both;
	margin: 1.0em 0 0.5em 0;
	font-family: "trebuchet ms", arial, sans-serif;
	color: rgb(80, 80, 80);
	font-weight: normal;
	font-size: 210%;
}

.main-content h2 {
	clear: both;
	margin: 1.0em 0 0.5em 0;
	font-family: "trebuchet ms", arial, sans-serif;
	color: rgb(80, 80, 80);
	font-weight: normal;
	font-size: 170%;
}

.main-content h3 {
	clear: both;
	margin: -1.0em 0 0.5em 0; #
	margin: 0 0 0.5em 0;
	font-family: "trebuchet ms", arial, sans-serif;
	color: #f47921;
	font-weight: strong;
	font-size: 136%;
}

.main-content h1.side {
	clear: none;
}

.main-content h2.side {
	clear: none;
}

.main-content h3.side {
	clear: none;
}

.main-content h4 {
	margin: 1.5em 0 1.0em 0;
	color: rgb(80, 80, 80);
	font-family: "trebuchet ms", arial, sans-serif;
	font-weight: normal;
	font-size: 170%;
}

.main-content h5 {
	margin: 1.5em 0 1.0em 0;
	color: rgb(80, 80, 80);
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 140%;
}

.main-content h6 {
	margin: 1.2em 0 0.2em 0;
	color: rgb(80, 80, 80);
	font-weight: bold;
	font-size: 120%;
}

.main-content p {
	margin: 0 0 1.0em 0;
	line-height: 1.5em;
	font-size: 120%;
}

.main-content p.center {
	text-align: center;
}

.main-content p.right {
	text-align: right;
}

.main-content p.details {
	clear: both;
	margin: -0.25em 0 1.0em 0;
	line-height: 1.0em;
	font-size: 110%;
}

.main-content blockquote {
	clear: both;
	margin: 0 30px 0.6em 30px;
	font-size: 90%;
}

.main-content table {
	clear: both;
	width: 300px; #
	width: 335px;
	margin: -2.0em 0 0.2em 15px; #
	margin: 1em 0em 0em 0em;
	table-layout: fixed;
	border-collapse: collapse;
	empty-cells: show;
}

.main-content table tbody {
	border: 0px solid #C8C8C8;
	background-color: #f0f0f0
}

.main-content table th.top {
	height: 3.5em;
	padding: 0 7px 0 7px;
	empty-cells: show;
	background-color: rgb(175, 175, 175);
	text-align: left;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 110%;
}

.main-content table th {
	height: 3.0em;
	padding: 2px 20px 2px 7px;
	border-left: solid 2px rgb(255, 255, 255);
	border-right: solid 2px rgb(255, 255, 255);
	border-top: solid 2px rgb(255, 255, 255);
	border-bottom: solid 2px rgb(255, 255, 255);
	background-color: rgb(225, 225, 225);
	text-align: left;
	color: rgb(80, 80, 80);
	font-weight: bold;
	font-size: 110%;
}

.main-content table td {
	font-size: 1em;
}

p.caption {
	clear: both;
	margin: 0.5em 0 2.0em 20px;
	text-align: left;
	color: rgb(80, 80, 80);
	font-size: 110%;
}

.main-content ul {
	list-style-type: circle;
	_list-style-position: inside;
	margin: 0.5em 24pt 1em;
}

.main-content ul li {
	margin: 0 0 0.2em 2px;
	_margin: 0 0 0.2em 0px;
	padding: 0 0px 2pt 0px;
	_padding: 0 0 0 0px;
	line-height: 1.4em;
	font-size: 120%;
}

.main-content ol {
	margin: 0.5em 0 1.0em 20px !important /*Non-IE6*/;
	margin: 0.5em 0 1.0em 25px /*IE6*/;
}

.main-content ol li {
	list-style-position: outside;
	margin: 0 0 0.2em 0;
	line-height: 1.4em;
	font-size: 120%;
}

.contactform {
	width: 400px; #
	width: 425px;
	margin: 2.0em 0 0 0;
	padding: 10px 10px 0 10px;
	border: solid 1px rgb(200, 200, 200);
	background-color: rgb(240, 240, 240);
	z-index: 99
}

.contactform fieldset {
	padding: 15px 0 0 0; #
	padding: 2px 6px 5px 25px;
	margin-bottom: 15px;
	border: solid 1px rgb(220, 220, 220);
	z-index: 99; #
	z-index: 1000;
}

.contactform fieldset legend {
	margin: 0 0 6px 5px; #
	margin: 0 0 2px 5px /*IE6*/;
	padding: 0 4px 0 2px;
	color: rgb(80, 80, 80);
	font-weight: bold;
	font-size: 130%;
}

.contactform label {
	width: 115px;
	float: left;
	margin: 2px 5px 0 -5px; #
	margin: 2px 5px 0px 0px;
	padding: 1px;
	font-size: 96%;
}

.contactform select.combo {
	width: 137px;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

/* input fields */
.contactform input.field {
	width: 195px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform input.name {
	width: 135px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform input.email {
	width: 195px; #
	width: 225px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform input.other {
	width: 150px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform input.phone {
	width: 100px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform input.city {
	width: 100px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform input.zip {
	width: 90px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform input.address {
	width: 150px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform select.state {
	width: 100px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}

.contactform textarea {
	width: 195px;
	margin: 2px 0 0 0;
	padding: 1px;
	border: solid 1px rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 120%;
}

.contactform input.button {
	float: right;
	width: 9.0em;
	margin-right: 20px;
	padding: 1px !important /*Non-IE6*/;
	padding: 0 /*IE6*/;
	background: rgb(230, 230, 230);
	border: solid 1px rgb(150, 150, 150);
	text-align: center;
	font-family: verdana, arial, sans-serif;
	color: rgb(150, 150, 150);
	font-size: 110%;
	margin: 5px;
}

.contactform input.button:hover {
	cursor: pointer;
	border: solid 1px rgb(80, 80, 80);
	background: rgb(220, 220, 220);
	color: rgb(80, 80, 80);
}

.contactform input.checkbox {
	margin: 2px 0 0 0;
}

.checkboxLabel {
	font-size: small;
	text-align: left;
}

/* MAIN SUBCONTENT */
.main-subcontent h1 {
	clear: both;
	margin: 0 0 10px 0;
	padding: 4px 10px 3px 10px;
	background-color: rgb(190, 190, 190);
	font-family: "trebuchet ms", arial, sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 140%;
}

.main-subcontent h1.orange {
	clear: both;
	margin: 0 0 5px 0;
	padding: 4px 10px 3px 10px;
	background-color: #F4A721;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 140%;
}

/* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {
	clear: both;
	margin: 1.0em 10px 0.5em 10px;
	color: rgb(80, 80, 80);
	font-weight: bold;
	font-size: 110%;
}

.main-subcontent p {
	clear: both;
	margin: 0 10px 1.0em 10px;
	color: rgb(80, 80, 80);
	line-height: 1.3em;
	font-size: 110%;
}

.main-subcontent p.center {
	text-align: center;
}

.main-subcontent p.right {
	text-align: right;
}

.main-subcontent ul {
	list-style: none;
	margin: 0.5em 10px 1.0em 10px;
}

.main-subcontent ul li {
	margin: 5px 0 0.2em 2px;
	padding: 0 0 0 11px;
	background: url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em;
	line-height: 1.2em;
	font-size: 110%;
}

.main-subcontent ol {
	margin: 0.5em 10px 1.0em 30px !important /*Non-IE6*/;
	margin: 0.5em 10px 1.0em 35px /*IE6*/;
}

.main-subcontent ol li {
	list-style-position: outside;
	margin: 0 0 0.4em 0;
	font-size: 110%;
}

/********************/ /*  COMMON CLASSES  */ /********************/
.main img {
	clear: both;
	float: left;
	margin: 3px 10px 7px 0;
	padding: 1px;
}

.main img.center {
	clear: both;
	float: none;
	display: block;
	margin: 0 auto;
	padding: 1px;
	border: 0px solid rgb(150, 150, 150);
}

.main img.screenshot {
	clear: both;
	float: right;
	display: block;
	margin: 0pt auto 0pt 10px;
	padding: 1px;
	border: 2px solid rgb(150, 150, 150);
}

.main img.right {
	clear: both;
	float: right;
	margin: 3px 0 7px 10px;
	padding: 1px;
	border: 0px solid rgb(150, 150, 150);
}

.main a {
	color: rgb(70, 122, 167);
	font-weight: bold;
	text-decoration: none;
}

.main-content h1 a {
	color: rgb(70, 122, 167);
	font-weight: normal;
	text-decoration: none;
}

.main a:hover {
	color: rgb(42, 90, 138);
	text-decoration: underline;
}

.main a:visited {
	color: rgb(42, 90, 138);
}

.main a img {
	border: solid 0px rgb(150, 150, 150);
}