﻿body{margin:0;padding:0;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;font-size:small;color:#333;text-align:center;line-height:1.5em;background:#fff;}
/* common */
a{color:#06b;}
a:hover{color:#1A4D77;}
a img{border:none;}
em{font-style:italic;}
strong{font-weight:bold;}
blockquote{font-family:Georgia,serif;font-style:italic;}
.highlight{font-weight:bold;background:#ffffe6;border-bottom:1px solid #dcdcdc;}
.highlight_section{margin:0;font-size:130%;line-height:1.5em;}
.strike{text-decoration:line-through;}
div.formError{margin:3px 0;color:#c00;}
.fieldWithErrors{display:inline;}
/* layout */
#header{padding-top:5px;background:#fff url(/images/header_fade.png) repeat-x bottom left;text-align:center;}
#wrap{clear:both;width:960px;margin:0 auto;text-align:left;border:1px solid #dcdcdc;border-top:none;}
#content{margin-bottom:30px;padding:0 30px;}
#footer{clear:both;width:960px;margin:10px auto 30px auto;text-align:left;color:#555;background:#fff url(/images/footer_fade.png) repeat-x top left;}
#footer_inner{padding:10px 20px;}
#footer table{vertical-align:top;}
#footer table td{vertical-align:top;}
#footer table td.col1{width:45%;}
#footer table td.col2{width:25%;}
#footer img#qb_gold{padding:0 5px 5px 0;}
#footer a#qb_difference{margin-top:10px;padding-top:10px;}
#footer a{color:#555;}
#footer #very_bottom{margin-top:10px;text-align:center;}
/* help */
body.help #content{padding:0 5px 0 10px;}
body.help #help-sidebar{border-right:1px solid #dcdcdc;}
body.help ul#help_index{list-style:none;margin:0;padding:0 0 0 10px;}
body.help #help_index li{margin:0 0 10px 0;}
body.help ul.questions{margin:0;padding:0 0 0 20px;}
body.help ul.questions li{margin:0 0 5px 0;}
body.help h3{color:#555;border-bottom:1px solid #dcdcdc;}
body.help #cse .gsc-adBlock,
body.help #cse .gsc-tabHeader,
body.help #cse .gsc-trailing-more-results{display:none;}
/* sidebar pages */
body.blog #content,
body.signup #content{float:left;width:655px;margin:0 30px 0 0;padding:0 20px 20px 20px;}
body.blog #sidebar,
body.signup #sidebar{float:right;width:225px;margin:0 0 20px 0;border-left:1px solid #ccc;}
body.blog #sidebar_inner,
body.signup #sidebar_inner{padding:0 10px 10px 10px;}
/* header,logo,nav */
#top_bar{margin:0 auto 10px auto;width:960px;}
#logo{padding-top:10px;float:left;text-align:left;}
#logo_tagline{margin-left:5px;color:#777;font-size:90%;}
#top_buttons{float:right;text-align:right;}
#top_buttons img{padding-top:3px;}
#nav{clear:both;margin:0 auto;width:960px;}
#nav ul{float:left;margin:0;padding:0 0 5px 0;list-style:none;}
#nav li{float:left;margin-left:20px;}
#nav li.first{margin-left:0;padding-left:0;}
#nav a{font-weight:bold;color:#fff;text-decoration:none;}
#nav a:hover{text-decoration:underline;}
#content_header{margin-bottom:20px;padding:20px 50px 5px 50px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#fff url(/images/content_header.png) repeat-x bottom left;}
#content_header h2{margin:0;font-size:140%;color:#2E82C7;text-transform:uppercase;letter-spacing:2px;border:none;}
/* index */
body.index #wrap{border:none;}
#tagline{margin-top:20px;color:#373737;text-align:center;line-height:1.5em;font-size:130%;}
#tagline #simple{font-size:250%;font-weight:bold;font-style:italic;color:#555;}
#tagline #main{margin:30px 0 20px 0;font-size:250%;font-weight:bold;}
#tagline #smart_points{margin-top:10px;font-size:110%;font-style:italic;}
#tagline #smart_points #qb_note{font-size:120%;background:#ffc;}
#ss_splash{margin:0 -20px 0 -20px;text-align:center;border-bottom:1px solid #ccc;}
table#site_main_points{margin:5px 20px 0 0;}
table#site_main_points td{vertical-align:top;padding:1em 2em;}
table#site_main_points img{padding:5px 0;}
ul#highlights{margin:0;font-size:110%;font-weight:bold;color:#555;}
ul#highlights li{margin-top:0;padding-top:0;}
.who{margin-left:30px;}
/* industries */
body.industry h1{margin:0 0 20px 30px;padding-top:30px;}
table.industry-section td{vertical-align:top;}
#industry_pitch{margin:20px 0;padding:5px 10px 10px 10px;font-size:130%;background-color:#ff9;border:1px solid #dcdcdc;-webkit-border-radius:5px;-moz-border-radius:5px;}
.industry_quote{width:300px;padding:10px 25px;background-color:#f5f5f5;border:1px solid #dcdcdc;-webkit-border-radius:5px;-moz-border-radius:5px;}
#industry_list h4,
#industry_list ul,
#industry_list ul li{margin:0;padding:0;}
#industry_list h4{font-size:100%;border-bottom:1px solid #dcdcdc;}
blockquote{margin:0;padding:0;}
/* customers */
#testimonials{margin-top:30px;}
#testimonials blockquote{margin-left:0;font-size:110%;line-height:1.5em;}
#testimonials li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #dcdcdc;}
#testimonials .who{margin-left:50px;font-size:90%;}
/* features */
h3.feature{margin:50px 50px 20px 50px;padding:0 0 5px 0;font-size:150%;text-transform:uppercase;text-align:center;color:#3e647e;letter-spacing:2px;border-bottom:1px solid #bbb;}
.feature_section{margin:20px 0;position:relative;text-align:center;}
.feature_section ul{margin-left:100px;list-style:none;text-align:left;color:#333;font-size:125%;font-weight:bold;}
.feature_section ul img{height:30px;}
.feature_number{position:absolute;}
img.image_list{height:30px;}
/* signup */
body.signup form{margin:0;padding:0;}
body.signup h3.signup_section{text-transform:uppercase;color:#777;border-bottom:1px solid #dcdcdc;}
body.signup table.signup_section td{padding:5px 10px;}
body.signup td.label{font-weight:bold;color:#555;}
/* quickbooks */
body.quickbooks #content{font-family:helvetica;}
body.quickbooks #top_5{font-size:175%;font-family:helvetica;font-weight:bold;text-align:center;text-transform:uppercase;}
table.compelling_reasons td{padding:0 .5em 1.0em .5em;}
table.compelling_reasons td.number{font-family:georgia;font-size:250%;color:#bbb;font-weight:bold;vertical-align:top;}
table.compelling_reasons h3{margin:0 0 10px 0;padding:0;}
/* servicemagic */
body.servicemagic #content{font-family:helvetica;}
body.servicemagic .sm_intro{margin:30px 100px;padding:10px 0 20px 0;font-size:110%;text-align:center;background:#ffc;border:1px dashed #aaa;}
body.servicemagic .highlight_section{margin-top:15px;}
body.servicemagic .highlight{background:#ff3;}
body.servicemagic #top_5{font-size:120%;font-family:helvetica;font-weight:bold;text-align:center;text-transform:uppercase;}
/* franchise */
table.franchise_plan{text-align:center;border:5px solid #ccc;}
table.franchise_plan th,
table.franchise_plan td{padding:3px 20px;border:1px solid #dcdcdc;}
table.franchise_plan th{border-bottom:2px solid #ccc;background-color:#f5f5f5;}
table.franchise_plan td.savings{background-color:#0f0;}
.special_offer{background-color:#ff9}
body.franchise h3{margin-top:20px;font-size:150%;}
blockquote.franchise_note{font-family:Georgia,serif;font-style:italic;line-height:1.2em;margin-left:50px;width:500px;}
hr.big_break{margin:20px 0 30px 0;color:#f5f5f5;}
.signature{margin-left:30px;}
/* our story */
body.our_story #wrap{width:600px;}
body.our_story #footer{width:600px;}
body.our_story #content p{line-height:1.7em;}
body.our_story #content h3{margin-top:40px;text-align:center;font-size:200%;}
body.our_story table#mugshots{margin:20px 0;width:100%;text-align:center;}
body.our_story table#mugshots img{padding:2px;border:1px solid #dcdcdc;}
/* tour */
#top-ten h3{margin-top:40px;padding-bottom:5px;font-size:180%;color:#333;border-bottom:1px solid #bbb;}
#top-ten .section{margin-bottom:20px;font-size:135%;}
#top-ten ul{list-style:disc;}
#top-ten #customer_support{padding:10px 20px;border:15px solid #777;-webkit-border-radius:5px;-moz-border-radius:5px;}
#top-ten #customer_support h3{margin-top:15px;}
#next-step{margin-top:30px;font-size:175%;background-color:#ff6;padding:20px;border:1px solid #bbb;-webkit-border-radius:5px;-moz-border-radius:5px;}
#next-step img{margin-left:20px;}
/* blog */
body.blog #content ul{margin:0;padding:0;list-style:none;}
body.blog #content p{margin:1em 0;}
body.blog #content .title{margin:0;padding-bottom:10px;font-size:150%;}
body.blog #content li.post{margin-bottom:50px;}
body.blog #content .post-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #bbb;}
body.blog #content li.post ol,
body.blog #content li.post ul{margin-left:20px;padding-left:20px;}
body.blog #content li.post ul{list-style:disc;}
body.blog #sidebar .date{color:#777;}
#sidebar li.post{margin-bottom:10px;}
.first{margin-top:0;}
/* Videos */
body.videos{background:#f5f5f5;}
body.videos #wrap{width:700px;margin-top:30px;border:15px solid #dcdcdc;background:#fff;}
body.videos h2{margin-top:30px;border-bottom:1px solid #dcdcdc;}
body.videos #video_tagline{margin:30px 0;font-size:150%;}
body.videos ul.videos{list-style:none;}
body.videos ul.videos li{margin-top:20px;}
body.videos ul.videos .video_title{margin-bottom:10px;}
body.videos ul.videos .video_embed{display:none;}
body.videos a.title{padding-left:10px;font-size:150%;}
body.videos .time{color:#555;}
body.videos #footer{text-align:center;background:#f5f5f5;}
/* ---[ self-clearing floats ]------------------------------- */
#top_bar:after,
#nav:after,
#nav ul:after,
#wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html #top_bar,
* html #nav,
* html #nav ul,
* html #wrap{height:1%;}
*:first-child+html #top_bar,
*:first-child+html #nav,
*:first-child+html #nav ul,
*:first-child+html #wrap{min-height:1px;}
/* ================== */
/* = 960 Fixed Grid = */
/* ================== */
.grid_1{width:60px;}
.grid_2{width:140px;}
.grid_3{width:220px;}
.grid_4{width:300px;}
.grid_5{width:380px;}
.grid_6{width:460px;}
.grid_7{width:540px;}
.grid_8{width:620px;}
.grid_9{width:700px;}
.grid_10{width:780px;}
.grid_11{width:860px;}
.grid_12{width:940px;}
/* 10px margin on BOTH sides,resulting in a 20px gutter between columns */
.column{margin:0 10px;overflow:hidden;float:left;display:inline;/* ie6 double-margin bug fix */}
/* center the row on the page,clear the interior contents with overflow:hidden hack */
.row{width:960px;margin:0 auto;overflow:hidden;}
/* contact form */
#contact_form{width:420px;}
#contact_form fieldset{padding-left:5px;}
#contact_form label{width:125px;display:inline-block;padding-top:10px;vertical-align:top;}
#contact_form input[type=text]{width:250px;}
#contact_form textarea{width:250px;height:100px;}
/* screencasts */
#screencasts{height:750px;display:table;}
#screencasts li{float:left;width:160px;height:175px;list-style:none;padding:15px;text-align:center;border:1px solid lightgray;margin:5px;background:url("/images/content_header.png") repeat-x scroll left bottom #FFFFFF}
#screencasts li p.title{font-size:12px;}
/* support page */
#support_methods li{padding-bottom:10px;}