body { padding:0; margin:0; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}

#header { background: #000 url(../images/header-bg.png); color:#fff; }
#header-wide { background: #000 url(../images/header-bg-full.png) top center no-repeat; }

/* -- subpage header -- */
body.sub-page #header,
body.sub-page #header-wide { height:188px; }
/* -- index header -- */
body.index #header,
body.index #header-wide { height:410px; }

#header a {color:#fff;}

#feature {margin-top:1px; height:83px; background: #fff url(../images/featured-area-bg.png) top left repeat-x;}

.content-width {width:1010px; margin-left:auto; margin-right:auto; }

#header .content-width { position:relative; }
#header h1 { margin:0; padding:0; top:74px; left:54px; width:210px; height:40px; position:absolute; background: transparent url(../images/thrivesmart-logo.png) top left no-repeat; }
#header h1 a { text-indent:-5000px; color:transparent; display:block;}
#header ul { margin:0; padding:0; padding-top:77px; padding-left:315px; height:31px;}
#header ul li { margin:0; padding:0; list-style:none; float:left; display:block;}
#header ul li a {display:block; color:transparent; text-indent:-5000px; height:31px;}

/*#header ul li.home a { width:76px; background: transparent url(../images/nav-home.png) top left no-repeat; }*/
#header ul li.services a { width:92px; background: transparent url(../images/nav-services.png) top left no-repeat; }
#header ul li.services a:hover,
body.services #header ul li.services a {background-image:url(../images/nav-services-over.png);}
#header ul li.about a { width:76px; background: transparent url(../images/nav-about.png) top left no-repeat; }
#header ul li.about a:hover {background-image:url(../images/nav-about-over.png);}
#header ul li.featured-clients a { width:150px; background: transparent url(../images/nav-featured-clients.png) top left no-repeat; }
#header ul li.featured-clients a:hover,
body.featured-clients #header ul li.featured-clients a {background-image:url(../images/nav-featured-clients-over.png);}
#header ul li.process a { width:121px; background: transparent url(../images/nav-process.png) top left no-repeat; }
#header ul li.process a:hover,
body.process #header ul li.process a {background-image:url(../images/nav-process-over.png);}
#header ul li.solutions a { width:160px; background: transparent url(../images/nav-sample-solutions.png) top left no-repeat; }
#header ul li.solutions a:hover,
body.sample-solutions #header ul li.solutions a {background-image:url(../images/nav-sample-solutions-over.png);}
#header ul li.login a { width:69px; background: transparent url(../images/nav-login.png) top left no-repeat; }
#header ul li.login a:hover {background-image:url(../images/nav-login-over.png);}

/* -- side-tabs -- */
#side-tabs { border:1px solid #cacaca;  -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:-25px 15px 60px 15px; }
#side-tabs ul {margin:0; padding:0; width:295px; float:left; }
#side-tabs ul li {list-style:none; margin:0; }
#side-tabs div {margin-left:296px; border-left:1px solid #cacaca;}
#side-tabs div .clear {clear:both;}
#side-tabs ul a {text-decoration:none; display:block; padding:10px;border-bottom:1px solid #ededed; padding-left:50px;}
#side-tabs ul a span.sup { color:#515151; font-family:Arial; display:block; font-weight:bold; font-size:105%; letter-spacing:-1px; padding-right:19px; background:transparent url(../images/tab-arrow.png) top right no-repeat;}
#side-tabs ul li.ui-tabs-selected a span.sup {background-image:url(../images/tab-arrow-active.png);}
#side-tabs ul a:hover span.sup { text-decoration:underline;background-image:url(../images/tab-arrow-active.png); }
#side-tabs ul a span.sub {display:block; color:#909090; font-size:83%;}
#side-tabs .ui-tabs-hide {display:none;}
#side-tabs .ui-tabs-selected { background-color:#f5f5f5;}

#side-tabs ul li.first a {-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
#side-tabs ul a.inventory-nightmares { background: transparent url(../images/icon-inventory.png) 5px 10px no-repeat;}
#side-tabs ul a.budgeting { background: transparent url(../images/icon-budget.png) 5px 10px no-repeat;}
#side-tabs ul a.sales-traffic-stats { background: transparent url(../images/icon-sales.png) 5px 10px no-repeat;}
#side-tabs ul a.online-reservation-systems { background: transparent url(../images/icon-calendar.png) 5px 10px no-repeat;}
#side-tabs ul a.project-management-tools { background: transparent url(../images/icon-projects.png) 5px 10px no-repeat;}
#side-tabs ul a.process-management-tools { background: transparent url(../images/icon-clock.png) 5px 10px no-repeat;}
#side-tabs ul a.excel-spreadsheet-problems { background: transparent url(../images/icon-xls.png) 5px 10px no-repeat;}
#side-tabs .tab-body {padding:20px;}
#side-tabs .tab-body h2 { color:#3b3737; font-family:Arial; letter-spacing:-2px; font-size:205%; margin:0 0 20px 0;}
#side-tabs .tab-body h3 { color:#3b3737; font-family:Arial; margin:5px 0; font-size:100%;}
#side-tabs .tab-body p { color:#636363; font-size:83%; line-height:150%; margin:0 0 20px 0;}
#side-tabs blockquote {margin:0 0 20px 0; padding:0; font-size:90%; line-height:160%; color:#3b3737;}
 
/* -- subpage sub header -- */
body.sub-page #sub-header {height:77px; background: #44773f url(../images/hero-bg.png); color:#fff;} 
#sub-header h1 {margin:0; padding:0; text-indent:-5000px; height:77px; ;}

body.services #sub-header h1  {width:729px; background: transparent url(../images/hero-services.png) no-repeat}
body.process #sub-header h1  {width:729px; background: transparent url(../images/hero-process.png) no-repeat}
body.featured-clients #sub-header h1 {width:729px; background: transparent url(../images/hero-header-featured-clients.png) no-repeat;}
body.sample-solutions #sub-header h1 {width:729px; background: transparent url(../images/hero-sample-solutions.png) no-repeat;}
body.thank-you #sub-header h1 {width:729px; background: transparent url(../images/hero-thank-you.png) no-repeat;}

/* -- process page steps -- */
body.process .content-box p {color:#807e7e; line-height:170%;}
#body table.steps-box {border:1px solid #cacaca; background:#f4f4f4 url(../images/body-steps-bg.png) top left repeat-x; padding:0px; margin:40px 15px 30px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#body table.steps-box td { border-left:1px solid #cacaca; width:19.5%; vertical-align:top; padding:2px;}
#body table.steps-box td.step1 {border-left:none;}
body.process .content-box table.steps-box td p {color:#504d4d; font-family:Arial; padding:0px 5px; text-align:center; font-size:110%; letter-spacing:-1px; line-height:150%;}
table.steps-box td.step1 h3 {background:transparent url(../images/icon-phone.png) top left no-repeat; width:176px; height:142px; text-indent:-5000px;}
table.steps-box td.step2 h3 {background:transparent url(../images/icon-wireframe.png) top left no-repeat; width:176px; height:142px; text-indent:-5000px;}
table.steps-box td.step3 h3 {background:transparent url(../images/icon-check.png) top left no-repeat; width:176px; height:142px; text-indent:-5000px;}
table.steps-box td.step4 h3 {background:transparent url(../images/icon-code.png) top left no-repeat; width:176px; height:142px; text-indent:-5000px;}
table.steps-box td.step5 h3 {background:transparent url(../images/icon-cal-dollar.png) top left no-repeat; width:176px; height:142px; text-indent:-5000px;}


/* -- featured clients -- */
body.featured-clients .feature a {color:#333; text-decoration:none;}
body.featured-clients .feature a:hover {text-decoration:underline;}
body.featured-clients blockquote {float:right; width:276px; margin-left:25px; color:#807e7e;}
body.featured-clients blockquote strong {color:#2f2a2b;}
body.featured-clients .feature {clear:both; border-top:1px solid #cacaca; margin:20px 0; padding-top:20px; }
body.featured-clients .feature.first { border:0; }
body.featured-clients .feature h3 { font-family:Arial; color:#2f2a2b; margin:0; margin-bottom:5px;}
body.featured-clients .feature p {color:#807e7e; margin:0; font-size:80%; margin-left:135px; line-height:170%;} 
body.featured-clients .feature blockquote {background:transparent url(../images/body-quote-top.png) top left no-repeat; padding-top:12px;position:relative;}
body.featured-clients .feature blockquote .carat {position:absolute; width:11px; height:12px; background:transparent url(../images/body-quote-caret.png) top left no-repeat; top:15px; left:1px;}
body.featured-clients .feature blockquote .bottom { background:transparent url(../images/body-quote-bottom.png) bottom left no-repeat; padding-bottom:9px; }
body.featured-clients .feature blockquote .repeated {background:transparent url(../images/body-quote-middle.png) top left;}
body.featured-clients .feature blockquote .gradient {background:transparent url(../images/body-quote-gradient.png) top left no-repeat; padding:0px 10px 0px 20px; line-height:170%; font-size:73%; font-style: italic;} 

body.featured-clients .feature.citizen-effect .logo { width:125px; height:125px; background:transparent url(../images/citizen-effect-logo.png) top left no-repeat; float:left; margin-right:10px;}

body.featured-clients .feature.highroad .logo { width:125px; height:125px; background:transparent url(../images/highroad-logo.png) top left no-repeat; float:left; margin-right:10px;}

/* -- index hero -- */
body.index #hero h2 {margin:0;padding:0;width:532px; height:49px; background: transparent url(../images/hero-custom-software-development.png) top left no-repeat; margin-top:53px; margin-left:445px; display:block; text-indent:-5000px;}
body.index #hero p { margin:0;padding:0;width:502px; height:74px; background: transparent url(../images/hero-paragraph.png) top left no-repeat; margin-top:3px; margin-left:458px; display:block; text-indent:-5000px;}
body.index #hero #dashboard {margin:0;padding:0;width:446px; height:264px; background: transparent url(../images/hero-dashboard.png) top left no-repeat; margin-top:53px; display:block; text-indent:-5000px; position:absolute; top:150px; left:30px; }


/* -- homepage -- */
#clients { width:736px; height:83px; margin-left:274px; background: transparent url(../images/hero-featured-clients.png) top left no-repeat; }

#clients h3 {display:none;}
#clients ul {margin:0; padding:0;height:76px; margin-left:290px;}
#clients ul li {margin:0; padding:0; list-style:none; float:left; display:block; margin-left:8px;}
#clients ul li a {display:block; color:transparent; text-indent:-5000px; height:76px;}
#clients ul li.highroad a {width:142px; background: transparent url(../images/hero-client-highroad.png) top left no-repeat;}
#clients ul li.citizeneffect a {width:91px; background: transparent url(../images/hero-clients-citizeneffect.png) top left no-repeat;}

.body-column { width:50%; float:left; margin:40px 0 60px 0;}
div.whythrivesmart h3 {margin:0; padding:0; margin-left:25px;}
div.whythrivesmart h3 a { display:block; width:465px; height:340px; background: transparent url(../images/homepage-why-thrivesmart.png) top left no-repeat; text-indent:-5000px; margin:0; padding:0;}
div.whythrivesmart p { line-height:31px; padding:0; margin:10px; margin-left:30px;}
div.whythrivesmart a.services {display:block; width:157px; float:right; height:31px;background: transparent url(../images/homepage-our-services-button.png) top left no-repeat; text-indent:-5000px;padding:0; margin:10px;}
div.savetimemoney {padding:0; color:#393434;}
div.savetimemoney div.box { width:435px; height:310px; position:relative; background: transparent url(../images/homepage-save-time-and-money-box.png) top left no-repeat; margin:0; padding:15px;margin-left:10px;  }
div.savetimemoney h3 {display:none;}
div.savetimemoney a.learnmore { display:block; width:218px; height:49px;background: transparent url(../images/homepage-learn-more-button.png) top left no-repeat; text-indent:-5000px;padding:0; margin:10px; }
div.savetimemoney div.pig { position:absolute; width:222px; height:220px;background: transparent url(../images/homepage-pig-save-money.png) top left no-repeat; top:160px; left:254px;}
div.savetimemoney p.top {margin-top:95px;}
div.savetimemoney p.around-pig {margin-right:200px; font-size:78%; line-height:150%;}

/* -- common body elements -- */
#body .content-box {border:1px solid #cacaca; background:transparent url(../images/body-outline-bg.png) top left repeat-x; padding:20px; margin:30px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:#393434;}

#body .content-box h2 {text-align:center; font-weight:normal; font-size:250%; letter-spacing:-2px; font-family:Arial; margin:10px; margin-bottom:30px;}

#body .callout { border:1px solid #cacaca; background:#f4f4f4 url(../images/body-callout-bg.png) top left repeat-x; padding:20px; margin:15px; margin-bottom:50px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#body .callout h3 {font-weight:normal; font-size:160%; letter-spacing:-1px; font-family:Arial; margin:3px 0; }
#body .callout p {color:#7c7777; margin:0.5em 0 1em 0; line-height:150%;}
#body .content-box .item {margin:30px;}
#body .content-box .item h3 {font-weight:normal; font-size:160%; letter-spacing:-1px; font-family:Arial; margin:3px 0;}
#body .content-box .item p { margin:0.3em 0 5em 0; line-height:170%; font-size:83%; }

/* -- services page -- */
body.services #body .content-box .callout .icon {float:right; width:111px; height:111px; background:transparent url(../images/icon-checkmark.png) no-repeat; margin-left:5px; margin-top:-2px;}
body.services .item.intelligent-solutions .icon {float:left; width:80px; height:80px; background:transparent url(../images/icon-lightbulb.png) no-repeat; margin-right:20px; margin-top:10px; }
body.services .item.constant-communication .icon {float:right; width:80px; height:80px; background:transparent url(../images/icon-telephone.png) no-repeat; margin-left:20px; margin-top:10px; margin-right:15px;}
body.services .item.technical-support .icon {float:left; width:80px; height:80px; background:transparent url(../images/icon-gear.png) no-repeat; margin-right:20px; margin-top:10px; }
body.services .item.perfect-product-design .icon {float:right; width:80px; height:80px; background:transparent url(../images/icon-graph.png) no-repeat; margin-left:20px; margin-top:10px; margin-right:15px;}
body.services .item.on-time-and-budget .icon {float:left; width:80px; height:80px; background:transparent url(../images/icon-timebudget.png) no-repeat; margin-right:20px; margin-top:10px; }

/* -- common footer -- */

#footer {border-top:1px solid #cecdcd; background-color:#f3f3f3; color:#393434; padding:20px; clear:both;}
#footer .copyright { padding:18px 11px; font-size:70%; color:#8e8e8e; border-top:1px solid #cecdcd; margin-top:20px; clear:both;}
#footer .copyright a { color:#8e8e8e; text-decoration:none; }
#footer .copyright a:hover { text-decoration:underline;}

.footer-column { width:33%; float:left;;}
#footer h3 { font-family:Arial; font-weight:bold; font-size:180%; letter-spacing:-1px; margin-top:0px; margin-bottom:15px;}
#footer .whoweare p {font-size:78%; line-height:150%; padding-right:20px;}
#footer .field { color:#8e8e8e; margin-bottom:4px; border:1px solid #cecdcd; width:75%; padding:2px; background: transparent url(../images/footer-form-bg.png) repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#footer .field:focus { border-color:#1a4a00; background-image: url(../images/footer-form-bg-focus.png); color:#d2fbb3; background-color:#6dbb44; }
#footer .field.medium { height:28px; font-size:100%;}
#footer textarea.field {background-image: url(../images/footer-form-textarea-bg.png); font-family:inherit; font-size:80%; height:65px;}
#footer textarea.field:focus { background-image: url(../images/footer-form-textarea-bg-focus.png);  }
#footer .submit-box { margin:2px 0px 20px 0px; text-align:right; width:75%;}
#footer .contactdetails h3 {color:#b9b8b8; font-size:120%; letter-spacing:normal; margin-top:9px;}
#footer .contactdetails p {font-size:78%; line-height:150%; padding-right:20px;}
#footer .contactdetails .email a {color:#858585; background:transparent url(../images/footer-email-icon.png) left center no-repeat; line-height:14px; margin-left:3px; padding-left:25px; text-decoration:none; font-weight:bold;}
#footer .contactdetails .email a:hover {text-decoration:underline;}
#footer .contactdetails .phone {width:298px; height:58px; text-indent:-5000px; background: transparent url(../images/footer-phone.png) no-repeat; margin-top:20px;}