/* GLOBAL STYLES */

body {background:#fff url(../images/cloud-bg.jpg) center top repeat-x; color:#000; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:12px;}
a {color:#39b54a; text-decoration:none; outline:none;}
a:hover {color:#25aae1;}


/* NAVIGATION USING AUTOSPRITES
http://www.gethifi.com/blog/autosprites-jquery-menu-plugin */

#nav {width:578px; height:44px; background:url(../images/menu.gif) no-repeat; float:right; position:relative;}
#nav li {position:absolute; left:0; height:44px;}
#nav li a {display:block; position:absolute; top:0; left:0; width:100%; height:44px; text-indent:-9999px;}
#nav .about {width:95px; left:0px;}
#nav .services {width:98px; left:95px; cursor:pointer;}
#nav .testimonials {width:134px; left:193px;}
#nav .blog {width:70px; left:327px;}
#nav .faqs {width:74px; left:397px;}
#nav .contact {width:107px; left:471px;}

#nav li ul {display:none; float:none; position:absolute; top:44px; left:0px;}
#nav li:hover ul {width:140px; display:block;}
#nav li ul li {position:relative; height:auto;}
#nav li ul li a {width:140px; height:auto; color:#333; background:#fff; padding:10px; text-indent:0; border:#34b0e3 1px solid; position:relative; opacity:.8; filter: alpha(opacity = 80);}
#nav li ul li a.last {border-top:none;} 
#nav li ul li a:hover {color:#fff; background:#2aace2; font-weight:bold;}


/* HEADER */

#logo {width:316px; margin:30px 0 0; float:left;}
#contactInfo {width:495px; margin:15px 0 7px; float:right;}
#contactInfo p {color:#e84d00;}
#contactInfo p span {font-size:15px; color:#39b54a;}
#contactInfo p span + img {vertical-align:baseline; padding:0; margin:0 5px;}

.text {width:430px; margin:4px 0 0; float:left;}
.social {width:65px; float:right;}


/* FOOTER */

#footer {width:960px; border-top:#25aae1 5px solid; padding:10px 0 40px;}
#footer ul {width:600px; float:left;}
#footer ul li {font-size:10px; text-transform:uppercase; padding:0 10px 0 0; display:inline;}
#copyright {width:300px; text-align:right; float:right;}
#copyright p {font-size:11px; color:#e84d00;}


/* HOME PAGE */

#homeWrapper {width:960px; background:url(../images/home-bg.jpg) no-repeat; margin:0 auto; position:relative;}
#homeText {width:430px; float:left;}
#homeText h1 {width:425px; height:90px; background:url(../images/treehouse-tagline.png) no-repeat; margin:60px 0 0; text-indent:-9999px;}
#homeText h2 {width:403px; height:64px; background:url(../images/running-their-business.png) no-repeat; margin:23px 0 0; text-indent:-9999px;}
#homeText p {line-height:18px; margin:23px 10px 0 0;}
#homeText p span {color:#e84d00; font-weight:bold;}

#requestCall {width:358px; height:51px; background:url(../images/request-call-bg.gif) no-repeat; margin:18px 0 0; float:right;}
#requestCall ul {width:131px; height:44px; margin:6px 5px 0 0; float:right;}
#requestCall ul li {text-indent:-9999px;}
#requestCall ul li a {height:44px; display:block; background:url(../images/request-call.gif) no-repeat;}
#requestCall ul li a:hover {background-position:0 -44px;}

.thirds {height:196px; margin:23px 0 0; float:left; position:relative;}

.newsletter {width:311px; background:url(../images/mailing-list-bg.png) no-repeat;}
.newsletter ul {width:131px; position:absolute}
.newsletter ul li {text-indent:-9999px;}
.newsletter ul li a {height:44px; display:block;}
.newsletter ul li a:hover {background-position:0 -44px;}
.newsletter input {vertical-align:middle;}
.newsletter input.email {width:125px; color:#fff; font-size:11px; background:#e84d00 url(../images/newsletter-input.gif) repeat-x; border:none; padding:3px 10px; position:absolute; top:117px; left:1px;}
.newsletter input.btn {width:82px; height:27px; background:url(../images/mailing-list-submit.gif) no-repeat; border:none; cursor:pointer; position:absolute; top:114px; left:150px;}
.newsletter input.btn:hover {background-position:0 -27px;}
.newsletter #mc_embed_signup {position:relative;}
.mce_inline_error, #mce-error-response, #mce-success-response {width:185px; color:#fff; font-size:10px; line-height:10px; position:absolute; top:150px; left:10px;}
#mce-success-response {background:url(../images/check.png) no-repeat 0 0; padding:2px 0 0 18px;}

.blogs {width:324px; background:url(../images/blog-bg.png) no-repeat;}
.blogs ul {width:77px; height:26px; position:absolute; top:138px; left:224px;}
.blogs ul li {text-indent:-9999px;}
.blogs ul li a {height:26px; display:block; background:url(../images/blog-button.gif) no-repeat;}
.blogs ul li a:hover {background-position:0 -26px;}

.difference {width:325px; background:url(../images/difference-bg.png) no-repeat;}
.difference ul {width:83px; height:28px; position:absolute; top:100px; left:230px;}
.difference ul li {text-indent:-9999px;}
.difference ul li a {height:28px; display:block; background:url(../images/difference-button.gif) no-repeat;}
.difference ul li a:hover {background-position:0 -28px;}

.leftShdw {position:absolute; top:154px; left:-15px;}
.rightShdw {position:absolute; top:77px; right:-83px;}

.shoe {position:absolute; top:611px; right:-28px;}


/* ABOUT PAGE */

#aboutWrapper {width:960px; background:url(../images/about-bg.jpg) no-repeat; margin:0 auto;}
#aboutText {width:430px; float:left;}
#aboutText h1 {width:426px; height:125px; background:url(../images/about-tagline.png) no-repeat; margin:50px 0 0; text-indent:-9999px;}
#aboutText h2 {width:383px; height:68px; background:url(../images/were-good.png) no-repeat; margin:23px 0 0; text-indent:-9999px;}
#aboutText p {line-height:18px; margin:10px 40px 0 0;}
#aboutText p + p {margin:13px 40px 15px 0;}

.aboutThirds {height:231px; float:left; position:relative;}
.aboutThirds p {color:#fff; font-size:11px; line-height:14px; text-align:right; margin:40px 27px 0 125px;}

.tom {width:311px; background:url(../images/about-tom-bg.jpg) no-repeat;}

.bob {width:324px; background:url(../images/about-bob-bg.jpg) no-repeat;}

.jaque {width:325px; background:url(../images/about-jaque-bg.jpg) no-repeat;}
.jaque p {margin:40px 27px 0 140px;}

.rightShdwAbt {position:absolute; top:100px; right:-83px;}
.leftShdwAbt {position:absolute; top:177px; left:-15px;}
.ear {position:absolute; top:7px; left:-6px;}


/* FINANCIAL SERVICES PAGE */

#financialWrapper {width:960px; background:url(../images/financial-services-bg.jpg) no-repeat; margin:0 auto; position:relative;}
#financialWrapper h1 {width:342px; height:78px; background:url(../images/financial-services.gif) no-repeat; margin:48px 0 0 2px; text-indent:-9999px;}
#financialTextCage {width:342px; float:left;}
#financialText {padding:20px 0 50px 40px;}
#financialText h2 {width:225px; color:#e84d00; font-size:20px; line-height:24px; letter-spacing:-1px; margin:40px 0 0;}
#financialText p {line-height:18px; margin:10px 40px 0 0;}

#financialBox {width:406px; margin:80px 30px 0 0; float:right;}
#financialBox h3 {text-indent:-9999px; margin:5px 0 0; outline:none;}
#financialBox p {color:#3db3e4; font-size:14px; letter-spacing:-0.5px; margin:0 0 10px;}
#financialBox p.second {color:#000; font-size:12px;}
#financialBox ul li {font-size:11px; line-height:12px; margin:0 0 10px;}
#financialBox strong {color:#e84d00;}

#financialBox h3.business {width:406px; height:39px; background:url(../images/financial-business-formation.png) no-repeat;}
#financialBox h3.business.ui-state-active {background-position:0 -39px;}

#financialBox h3.tax {width:406px; height:39px; background:url(../images/financial-taxation-issues.png) no-repeat;}
#financialBox h3.tax.ui-state-active {background-position:0 -39px;}

#financialBox h3.payroll {width:406px; height:39px; background:url(../images/financial-payroll-services.png) no-repeat;}
#financialBox h3.payroll.ui-state-active {background-position:0 -39px;}

#financialBox h3.analysis {width:406px; height:39px; background:url(../images/financial-business-analysis.png) no-repeat;}
#financialBox h3.analysis.ui-state-active {background-position:0 -39px;}

#financialBox h3.bookkeeping {width:406px; height:39px; background:url(../images/financial-bookkeeping-services.png) no-repeat;}
#financialBox h3.bookkeeping.ui-state-active {background-position:0 -39px;}

#financialBox .ui-accordion-content {background:url(../images/financial-box-bottom.png) bottom no-repeat; position:relative;}
#financialBox .ui-accordion-content .top {position:absolute; top:0; left:0;}

#callUs {width:199px; height:51px; background:url(../images/contact-subpage-bg.gif) no-repeat; margin:35px 0 0; position:relative;}
#callUs ul {display:inline; position:absolute; top:7px; left:65px;}
#callUs ul li {display:inline; text-indent:-9999px;}
#callUs ul li a {width:126px; height:43px; background:url(../images/contact-subpage-button.gif) no-repeat; display:block; float:left;}
#callUs ul li a:hover {background-position:0 -43px;}


/* CONSULTING SERVICES PAGE */

#consultingWrapper {width:960px; background:url(../images/consulting-services-bg.jpg) no-repeat; margin:0 auto; position:relative;}
#consultingWrapper h1 {width:345px; height:86px; background:url(../images/consulting-services.gif) no-repeat; margin:48px 0 0 2px; text-indent:-9999px;}
#consultingTextCage {width:342px; float:left;}
#consultingText {padding:20px 0 50px 40px;}
#consultingText h2 {width:250px; color:#5ac168; font-size:18px; line-height:24px; letter-spacing:-1px; margin:20px 0 0;}
#consultingText p {line-height:18px; margin:10px 40px 0 0;}

#consultingBox {width:406px; margin:80px 25px 0 0; float:right;}

#consultingBox h3 {text-indent:-9999px; height:57px; margin:5px 0 0;}
#consultingBox h3.management {width:406px; background:url(../images/management-consulting.png) no-repeat;}
#consultingBox h3.operations {width:406px; background:url(../images/operations-consulting.png) no-repeat;}
#consultingBox h3.project {width:406px; background:url(../images/project-management.png) no-repeat;}

#consultingBox .consultText {width:406px; background:url(../images/financial-box-bottom.png) bottom no-repeat; margin:0 0 10px;}
#consultingBox ul {padding:0 0 20px 25px;}
#consultingBox ul li {color:#113749; background:url(../images/bullet.gif) 0 7px no-repeat; font-weight:bold; padding:0 0 0 15px; line-height:19px;}


/* TESTIMONIALS PAGE */

#testimonialWrapper {width:960px; background:url(../images/testimonials-bg.jpg) no-repeat; margin:0 auto; position:relative;}
#testimonialWrapper h1 {width:342px; height:78px; background:url(../images/testimonials.gif) no-repeat; margin:48px 0 0 2px; text-indent:-9999px; float:left;}
#testimonialText {width:410px; padding:20px 0 50px 40px; float:left;}
#testimonialText h2 {color:#2eaee2; font-size:15px; font-weight:bold; line-height:22px; padding:0 0 15px; border-bottom:#d4e3e7 1px solid;}
#testimonialText h3 {color:#e84d00; font-size:14px;font-weight:bold; margin:20px 0 0;}
#testimonialText p {font-size:11px; line-height:15px;}

#letsChat {width:335px; height:114px; background:url(../images/testimonial-chat-bg.gif) no-repeat; padding:0 0 13px; margin:369px 0 0; float:right; position:relative;}
#letsChat ul {display:inline; position:absolute; top:39px; right:40px;}
#letsChat ul li {display:inline; text-indent:-9999px;}
#letsChat ul li a {width:81px; height:28px; background:url(../images/testimonial-chat-button.gif) no-repeat; display:block; float:left;}
#letsChat ul li a:hover {background-position:0 -28px;}

.slice {position:absolute; right:-44px; top:305px;}


/* FAQ PAGE */

#faqWrapper {width:960px; background:url(../images/faqs-bg.jpg) no-repeat; margin:0 auto; position:relative;}
#faqWrapper h1 {width:476px; height:83px; background:url(../images/faqs.gif) no-repeat; margin:48px 0 0 2px; text-indent:-9999px; float:left;}
#faqText {width:410px; padding:20px 0 50px 40px; float:left;}
#faqText h2 {color:#2eaee2; font-size:15px; font-weight:bold; line-height:22px; padding:0 0 15px; border-bottom:#d4e3e7 1px solid;}
#faqText h3 {color:#e84d00; font-size:14px;font-weight:bold; margin:20px 0 0;}
#faqText p {font-size:11px; line-height:15px;}
#faqText a {color:#e84d00; border-bottom:#e84d00 2px solid;}

#readBlog {width:335px; height:114px; background:url(../images/read-blog-bg.gif) no-repeat; padding:0 0 13px; margin:365px 0 0; float:right; position:relative;}
#readBlog ul {display:inline; position:absolute; top:39px; right:37px;}
#readBlog ul li {display:inline; text-indent:-9999px;}
#readBlog ul li a {width:76px; height:28px; background:url(../images/read-blog-button.gif) no-repeat; display:block; float:left;}
#readBlog ul li a:hover {background-position:0 -28px;}

.slice2 {position:absolute; right:-35px; top:354px;}


/* CONTACT PAGE */

#contactWrapper {width:960px; background:url(../images/contact-bg.jpg) no-repeat; margin:0 auto; position:relative;}
#contactWrapper h1 {width:400px; height:84px; background:url(../images/contact-us.gif) no-repeat; margin:48px 0 0 2px; text-indent:-9999px; float:left;}
#contactText {width:410px; padding:10px 0 0 30px; float:left;}
#contactText h2 {color:#e84d00; font-size:13px; font-weight:bold; line-height:22px;}
#contactText h3 {color:#fff; font-size:14px; font-weight:bold; line-height:21px; margin:30px 0 0;}
#contactText strong {color:#e84d00; border-bottom:#e84d00 2px solid;}

#readBlog.contactBlog {background:url(../images/read-blog-bg2.gif) no-repeat; margin:162px 0 0;}

#formCage {width:480px; padding:30px 0 0 20px; float:left;}
#formCage p {color:#fff; font-size:14px;}
#formLeft {width:370px; float:left;}
#formRight {width:109px; float:right;}

#contactWrapper input, #contactWrapper textarea {width:285px; color:#666; background:#fff; border:none; font-size:12px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; padding:5px; margin:3px 0;}
#contactWrapper textarea {height:90px;}
#contactWrapper input#submitBttn {width:109px; height:37px; background:url(../images/form-submit-button.gif) no-repeat; margin:165px 0 0; border:none; cursor:pointer;}
#contactWrapper input:hover#submitBttn {background-position:0 -37px;}

label, input[type="text"]{padding:5px 0 0; margin:3px 0 0; float:left; display:block;}
label{color:#fff; margin-right: 5px;}
.field{width:100%; overflow:auto;margin:5px 0px;}


.slice3 {position:absolute; right:-36px; top:0;}


/* UTILITIES */

.clear {clear:both;}
.block {display:block;}