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;  }

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearer {clear: both;}

.header ul.webmenu-menu-ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* end reset */

/* typography */

a, a:visited {text-decoration: none;}
a:hover, a:visited:hover {text-decoration: underline;}
a.sub, a.sub:visited {font-size: 0.8em; padding-left: 10px;}

h1 {text-align: center; font-size: 3em; margin-bottom: 40px;}
h1 span {color: #cc3333;}
h2 {color: #cc3333; font-size: 1.9em; padding-left: 36px; left: -36px; margin: 1em 0 0.2em;}
h3 {color: #cc3333; font-size: 1.2em; margin: 1.5em 0 0.5em;}

.heading-icon {margin: 1.5em 0 0.5em;}
.heading-icon h3 {display: inline; padding: 5px 33px 5px 0; position: relative;}
h3.quote {background: url(icon-quote.png) no-repeat right center;}
h3.mail {background: url(icon-mail.png) no-repeat right center;}
h3.blank {background: url(icon-grey.png) no-repeat right center;}

div.more {background: url(button-go-arrow.png) no-repeat right center;}
div.more {min-height: 24px; text-align: right;}
div.more {padding-right: 36px; padding-top: 4px;}

h2 {background: url(icon-red.png) no-repeat left 4px;}
h2.tick {background: url(icon-tick.png) no-repeat left 4px;}
h2.smile {background: url(icon-smile.png) no-repeat left 4px;}
h2.speed {background: url(icon-speed.png) no-repeat left 4px;}
h2.umbrella {background: url(icon-umbrella.png) no-repeat left 4px;}
h2.dots {background: url(icon-dots.png) no-repeat left 4px;}
h2.q {background: url(icon-q.png) no-repeat left 4px;}
h2.asterisk {background: url(icon-asterisk.png) no-repeat left 4px;}
h2.arrow {background: url(icon-arrow.png) no-repeat left 4px;}
h2.speech {background: url(icon-speech.png) no-repeat left 4px;}
h2.at {background: url(icon-at.png) no-repeat left 4px;}
h2.telephone {background: url(icon-telephone.png) no-repeat left 4px;}
h2.chain {background: url(icon-chain.png) no-repeat left 4px;}
h2.hammer {background: url(icon-hammer.png) no-repeat left 4px;}
h2.money {background: url(icon-money.png) no-repeat left 4px;}
h2.money2 {background: url(icon-money2.png) no-repeat left 4px;}
h2.gears {background: url(icon-gears.png) no-repeat left 4px;}
h2.padlock {background: url(icon-padlock.png) no-repeat left 4px;}
h2.central {background: url(icon-central.png) no-repeat left 4px;}
h2.spanner {background: url(icon-spanner.png) no-repeat left 4px;}
h2.package {background: url(icon-box.png) no-repeat left 4px;}
h2.lightning {background: url(icon-lightning.png) no-repeat left 4px;}
h2.moon {background: url(icon-moon.png) no-repeat left 4px;}
.faqs h2 {background: url(icon-q.png) no-repeat left 4px;}

.content p {margin: 1em 0;}

body {text-align: center; background: #e9e9e9; font-family: Verdana, Geneva, Arial; font-size: 90%;}
.wrapper {text-align: left; margin: 0 auto; width: 1000px; background: #fff; padding-top: 25px}
.content {background: url(fade.jpg) no-repeat center top; clear: left; border-top: 1px solid #fff; padding-top: 90px; position: relative; padding: 90px 40px 0;}
.content-inner {padding: 0 40px;}
.home-banner {background: url(home-banner.jpg) no-repeat center top; padding: 230px 40px 0;}
.main-content {float: left; width: 70%; position: relative;}
.side-content {float: right; width: 25%;}
.footer {clear: both; padding: 40px; text-align: center; font-size: 0.9em;}
.footer ul {background: #ebebeb; padding: 18px 0; margin: 0 0 10px 0;}
.footer li {display: inline; border-left: 1px solid #aaa; padding: 0 20px;}
.footer li:first-child {border: none;}
.footer li a {color: #000;}
.footer a {color: #999; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
.footer p {color: #999; font-size: 0.8em;}


/* lists */

ul, ol {margin-left: 40px;}

.header ul.webgen-menu-ul, .utility-links, .footer ul, .quote-list, .email-list, .plain-list {list-style: none; margin-left: 0;}

.quote-list {color: #3366cc; font-style: italic; font-size: 0.9em;}
.quote-list li {margin: 0.5em 0 1em}


.logo {padding-left: 60px;}

.header {position: relative; height: 65px;}
.header ul.webgen-menu-ul {position: absolute; right: 70px; font-family: Arial, Helvetica; bottom: -9px; z-index: 100;}
.header ul.webgen-menu-ul li {display: inline; float: left; margin-right: 4px;}
.header ul.webgen-menu-ul a {color: #333; font-size: 1.5em; text-decoration: none; display: inline-block; background: url(tab-bg.png) repeat-x top; padding: 0 18px; height: 51px; line-height: 41px;}
.header ul.webgen-menu-ul a:hover {background-position: bottom; text-decoration: underline;}
.header ul.webgen-menu-ul li.webgen-menu-item-selected a, .header ul.webgen-menu-ul li.webgen-menu-submenu-inhierarchy a {background: url(tab-on-bg.png) no-repeat center top;}

.content ul.webgen-menu-ul {position: absolute; top: 0; right: 70px; background: #f6e7d4 url(subnav-bg.png) repeat-x bottom; padding: 8px 0; min-width: 34em; text-align: center;}
.content ul.webgen-menu-ul li {display: inline; padding: 0 10px; border-left: 1px solid #ccc;}
.content ul.webgen-menu-ul li:first-child {border: none;}
.content ul.webgen-menu-ul li a {color: #777; font-family: Verdana, Geneva, Arial; font-size: 0.8em; text-decoration: none; font-weight: bold;}
.content ul.webgen-menu-ul li a:hover {text-decoration: underline;}
.content ul.webgen-menu-ul li.webgen-menu-item-selected a {color: #333;}

.content {z-index: 1}
.content ul.webgen-menu-ul {z-index: 10}
.header {z-index: 100}
.header ul.webgen-menu-ul {z-index: 1000}

.box {background: #eee; padding: 7px 10px 15px; margin: 1em 0;}
.signup div {font-size: 0.9em; font-weight: bold; color: #333; margin: 0 0 0.5em 0;}
.signup {margin-bottom: 0.3em;}
input.text {border: 1px solid #7f9db9; width: 155px; height: 20px; vertical-align: top;}
input.submit-arrow {background: url(button-go-arrow.png) no-repeat top left; border: none; width: 24px; height: 24px; text-indent: -9999px; font-size: 0.01ex; color: #ff812d;}

table {border: 1px solid #e2e2e2; border-top: 1px solid #ececec; font-size: 0.9em; border-collapse: separate; margin: 1em 0}
td, th {padding: 7px 8px; border-left: 1px solid #eee; border-bottom: 1px solid #aaa;}
tbody th {background: #f6f6f6; font-weight: normal; border-left: 1px solid #ececec;}
thead th {font-weight: normal; background: #cdcdcd url(thead-th-bg.png) repeat-x top; vertical-align: middle; border-right: 1px solid #bbb;}
thead th.synctus {background: #c97f7f url(thead-th-bg-synctus.png) repeat-x top; color: #fff; font-weight: bold;}
tbody td, thead th {text-align: center;}
td.yes {background: url(icon-yes.png) no-repeat center center; text-indent: -9999px;}
td.no {background: url(icon-no.png) no-repeat center center; text-indent: -9999px;}
td.none {color: #009900;}

.order-form {background: #fae6d0; padding: 15px 30px; font-size: 0.9em;}
.order-form .order-new {float: left; width: 45%;}
.order-form .order-add {float: right; width: 45%; background: url(or.png) no-repeat left 10px; padding-left: 35px;}
.order-form .agreements {clear: both; padding: 0.5em; font-size: 0.9em;}
.agreements li input {float: left; clear: left; margin-right: 10px;}
.agreements li {padding: 5px 0; overflow: hidden;}
.agreements li span {padding: 2px 0; display: block; float: left; width: 450px;}
.order-form .radio {padding: 0.5em 0.8em 2em; color: #cc3333; text-align: center; font-weight: bold;}
.order-form .radio input {vertical-align: middle;}
.order-form .google-checkout-button {text-align: center; margin: 0.5em;}
input {vertical-align: baseline;}

.order-form #new-price {text-align: right; margin-top: 0;}
.order-form #add-price {text-align: right; margin-top: 0;}

.faqs {padding-bottom: 35px; border-bottom: 5px solid #ebebeb;}

.contact-form {background: #ebebeb; padding: 10px 15px; overflow: hidden; position: relative;}
.contact-form dl {overflow: hidden; float: left; vertical-align: bottom;}
.contact-form dt, .contact-form dd {float: left; padding-bottom: 5px;}
.contact-form dt {clear: left; width: 140px; text-align: right; padding-right: 15px; font-size: 0.9em;}
.contact-form input.text, .contact-form textarea {width: 300px; border: 1px solid #7f9db9;}
.contact-form input.submit {position: absolute; bottom: 15px; right: 40px;}

.email-list li {padding-bottom: 15px;}
.email-list a {padding-left: 20px;}

.vcard {color: #333; font-size: 0.8em; padding: 0 0 1em 20px;}
div.message {padding: 15px 0 0; font-size: 0.9em; font-weight: bold}
div.success {color: green;}
div.progress {color: green;}
div.failure {color: red;}

span.warning {color: red; font-weight: bold;}

.dimmed {color: #999;}
div.side-content ul {margin-left: 20px;}
div.side-content li {margin-bottom: 0.75em;}

div.highlight {background: #fae6d0; padding: 4px 10px 0.6em;}
div.highlight h3 {margin-top: 0.5em;}

div.two-col {background: url(two-col.png) repeat-y 50% 0; margin-top: 0.6em;}
div.two-col:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
div.two-col-left {float: left; padding-left: 20px; padding-right: 20px; width: 370px;}
div.two-col-right {float: right; padding-left: 20px; padding-right: 20px; width: 370px;}
div.two-col h2 {margin-top: 0.4em;}