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

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

table {border-collapse: collapse; margin: 1em auto;}
td, th {border: 1px solid #ccc; padding: 5px 20px 5px 10px;}
thead th {background: #eee;}
tbody th {background: #e6e6e6; font-weight: normal;}

/* end reset */

a, a:visited {text-decoration: none; color: #1d5bcb;}
a:hover, a:visited:hover {text-decoration: underline;}

p {margin: 1em 0;}
.main-content p {padding-right: 30px;}

h1, h2, h3, .home-heading {margin-bottom: 0.5em; color: #333;}
h1 {font-size: 2.8em; letter-spacing: -0.04em;}
h1 strong {font-size: 1.3em;}
h2 {color: #e44413; font-family: Arial; font-size: 1.6em; font-weight: normal; margin-top: 1em;}
h2 span {font-style: italic; color: #009900;}
h3 {font-size: 1.1em;}
.sidebar h2 {font-size: 1.3em; font-weight: bold; text-align: center; margin-top: 0;}

body {text-align: center; background: #201f1e; font-family: Verdana; font-size: 85%;}
.wrapper {text-align: left; margin: 0 auto; width: 905px; background: #fff;}
.header {background: url(header-bg.png) repeat-x top; height: 85px; position: relative;}
.content {padding: 32px 40px; background: url(content-bg.png) repeat-x top;}
.main-content {float: left; width: 570px; padding: 0 0 2em 0; overflow: hidden;}
.sidebar {float: right; width: 230px; zoom: 1; padding: 0 0 2em 0;}
.footer {clear: both; background: #444 url(footer-bg.png) no-repeat left bottom; padding: 20px 40px 20px 210px; overflow: hidden; zoom: 1;}

/* lists */

.main-nav, .utility-links, .footer ul {list-style: none;}
.main-content ul, .main-content ol {margin: 1em 0 1em 40px; color: #1d5bcb;}
.main-content li {margin: 0.5em 0;}

.logo {margin-top: 18px; position: relative; left: -25px;}
.gloo-link {position: absolute; top: 8px; right: 5px; background: url(gloo-link.png) no-repeat left top; text-indent: -9999px; display: block; width: 125px; height: 28px;}

.main-nav {background: #2f3639; color: #fff; overflow: hidden; padding-left: 30px; zoom: 1;}
.main-nav li {display: inline; float: left; zoom: 1;}
.main-nav li a, .main-nav li a:visited {display: inline-block; color: #fff; padding: 10px 30px; border-right: 1px solid #101516; border-left: 1px solid #72797c; font-size: 1.3em; letter-spacing: -0.02em;}
.main-nav li.current a, .main-nav li.current a:hover, .main-nav li.current a:visited:hover {background: #df802c; border-right: 1px solid #c14c11; border-left: 1px solid #72797c;}
.main-nav li a:hover, .main-nav li a:visited:hover {text-decoration: none; background: #555;}

.subnav {overflow: hidden; padding-top: 2.2em; margin: 0 0 2em; zoom: 1;}
.subnav ul {float: left; zoom: 1; list-style: none; margin: 0;}
.subnav a, .subnav a:visited {display: block; border: 1px solid #d6e7f7; padding: 3px 10px; margin-bottom: 4px; width: 265px; background: #e5f0f9; color: #3366cc;}
.subnav ul:first-child a, .subnav ul:first-child a:visited {margin-right: 10px}
.subnav li.current a, .subnav li.current a:visited {background: #faf1e2; border: 1px solid #f7e9d6; color: #cc3300;}

.feature-nav {padding: 0;}
.feature-nav a, .feature-nav a:visited {padding-left: 30px; width: 235px; background: #e5f0f9 url(tick-blue.png) no-repeat 5px center; color: #cc3300;}
.feature-nav .feature-nav-link {width: auto; margin-left: 600px; margin-top: 10px;}
.feature-nav .feature-nav-link a, .feature-nav .feature-nav-link a:visited {width: auto; display: inline; background: none; border: none; padding: 0; font-weight: bold; color: #3366cc;}

.home-heading {background: url(home-heading-bg.jpg) no-repeat left top; min-height: 190px;}
.home-heading h1 {margin-left: 220px; margin-bottom: 0.2em;}
.home-heading .subheading {margin-left: 220px; font-family: Arial; color: #e44413; font-size: 1.4em; display: block;}

.callout {background: #f7e1cf; overflow: hidden; padding: 10px; margin: 2em 0; zoom: 1; clear: left;}
.callout .object {float: left; border: 2px solid #333; zoom: 1;}
.video .quote {margin-left: 300px;}
.quote q {font-weight: bold;}

.callout2 {background: #caebf5 url(callout2-bg.png) repeat-x top; overflow: hidden; padding: 10px; margin: 2em 0; zoom: 1; border-bottom: 1px solid #ddd;}
.low-price {background: url(low-price-badge.png) no-repeat left top; min-height: 130px; padding: 10px 0 0 140px;}
.callout2 q {font-weight: bold; color: #2c3f61; font-family: Arial; font-size: 1.4em;}
.low-price ul {margin: 0 0 0 20px; list-style: none;}
.low-price li {margin: 0.2em 0; color: #333;}

.benefits {background: url(benefits-bg.png) repeat-y left; border-bottom: 9px solid #f4f1ce; width: 223px; padding: 0 0 10px 0; margin: 0 0 1.5em 0;}
.benefits h2 {background: url(benefits-top.png) no-repeat left top; padding: 85px 20px 0; font-size: 1.1em; font-family: Verdana; font-weight: bold; color: #333;}
.benefits ul {padding: 0 20px 0 0; margin: 10px 0 10px 20px; color: #be541f; font-family: Arial; font-weight: bold; list-style: none;}
.benefits li {background: url(tick.png) no-repeat left top; padding: 0 0 0 25px; margin: 0.5em 0;}
.benefits .more-link {text-align: right; padding: 0 20px;}

.cta {background: url(cta-bg.png) no-repeat left top;}
.cta2 {background: url(cta-bottom-left.png) no-repeat left bottom;}
.cta3 {background: url(cta-top-right.png) no-repeat right top;}
.cta4 {background: url(cta-bottom-right.png) no-repeat right bottom; padding: 18px 20px 20px; zoom: 1;}

.wide-cta {padding: 0 120px; margin-bottom: 30px;}
.main-content .wide-cta {padding: 0;}
.wide-cta h2 {text-align: center;}
.wide-cta .cta4 {overflow: hidden; zoom: 1;}
.wide-cta .cta4 h3 {float: left; width: 160px; zoom: 1;}

a.signup-button {display: block; width: 164px; height: 34px; background: url(signup-button.png) no-repeat left top; margin: 10px auto 0; text-indent: -9999px;}
.wide-cta a.signup-button {display: block; width: 352px; height: 38px; background: url(try-free-button.png) no-repeat left top; text-indent: -9999px; margin: 15px 0 0 170px;}

.footer ul {float: left; width: 195px; margin-left: 12px; zoom: 1;}
.footer h2 {color: #fff; font-size: 1.2em;}
.footer li {margin: 0 0 0.2em 0;}
.footer a, .footer a:visited {color: #999; font-size: 0.9em;}

.feature-summary div {padding-left: 80px; background-position: top left; background-repeat: no-repeat; min-height: 60px;}
.feature-summary .invoicing {background-image: url(icon-invoice.png);}
.feature-summary .margins {background-image: url(icon-margins.png);}
.feature-summary .filing {background-image: url(icon-filing.png);}
.feature-summary .comms {background-image: url(icon-comms.png);}
.feature-summary .costing {background-image: url(icon-costing.png);}
.feature-summary .subcontract {background-image: url(icon-subcontract.png);}

.sidebar .testimonials {padding-top: 28px;}
.testimonials blockquote {font-family: Georgia, Times; color: #333; padding-right: 10px;}
.testimonials cite {display: block; font-weight: bold; font-family: Georgia, Times; margin-bottom: 25px;}

form.contact-form {overflow: hidden; padding: 0 10px;}
form.contact-form label {display: block; font-weight: bold; color: #333; padding: 10px 0 5px 0;}
form.contact-form label span {font-weight: normal;}
input.text {width: 300px;}
.contact-form textarea {width: 99%; margin-bottom: 20px;}
.contact-form button {display: block; margin: 0 auto 20px; width: 212px; height: 39px; background: url(send-request-button.png) no-repeat left top; border: none; text-indent: -9999px; cursor: pointer;}
.contact-form .text {color:#1D5BCB; font-weight:bold}

.screenshot {overflow: hidden;}
.screenshot img {float: left;}
.screenshot .image-caption-wrapper {background: #fff791 url(image-caption-bg.png) repeat-y left; width: 336px; margin-left: 484px; margin-bottom: 20px;}
.screenshot .image-caption {background: url(image-caption-bottom.png) no-repeat left bottom;}
.screenshot .image-caption p {background: url(image-caption-top.png) no-repeat left top; padding: 20px; margin: 0;}