/* global ----------------------------------------- */ *{margin:0; padding:0; } a{ text-decoration: none; outline: none; } a img{ border: 0; } h1, h2, h3, h4, h5, h6, p, address, label{ margin-bottom: 1em; } label{ display: block; } li { list-style:inside; margin-left:10px; } html, body{ margin:0!important; padding:0!important; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #5f6061; } #page-container{ width: 100%; margin: 0 auto; background: url("../images/bg-page.gif") repeat-x top; } .page-index3 #page-container{ background: url("../images/bg-page3.gif") repeat-x top; } #header{ float: left; width: 100%; height: 154px; } .page-index3 #header{height: 136px; } #logo{ position: absolute; left: 0; top: 0; } #logo a{ width: 118px; height: 61px; text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat center center; } #phone{ width: 400px; height: 36px; top:16px; position: absolute; right: 0; font-size:22px; color:#C1A6CD; font-weight:bold; text-align:right; } #phone em{ font-style:normal; color:#fff; font-weight:normal; } #callbackfrm{ width:400px; position:absolute; right:0; top:54px; text-align:right; color:#E0C1EE; } #callbackfrm h3{ margin:0 0 10px 0; padding:0; font-size:14px; } #callbackfrm label{ display:inline; float:none; vertical-align:middle; margin-right:4px; } #callbackfrm input{ display:inline; vertical-align:middle; } #callbackfrm input.text{ width:82px; border:1px solid #d3b2e1; margin-right:8px; } .page-home #splash{ width: 729px; height: 362px; background: url( "../images/splash.gif" ) ; float: left; font-size: 1.1em; position: relative; margin-bottom: 1em; } .page-inside1 #splash{ width: 729px; float: left; font-size: 1.1em; position: relative; } #navigator{ position: absolute; top: 115px; left: 0; } #content{ width: 100%; float: left; } #text{ width: 525px; padding: 10px 0 0 15px; float: left; } #text2{ padding: 10px 0 0 15px; float: left; width: 425px; } #sidebar{ width: 172px; float: right; margin: 10px 0; } #footer{ float: left; width: 100%; background: #dcd3e6; border-top: 2px solid #c2bed0; } .inner{ width: 729px; margin: 0 auto; } #header .inner{ position: relative; height: 100%; } #footer .inner{ padding: 23px 0 15px; } #header h1.page-heading{ position: absolute; bottom: 4px; left: 13px; margin: 0; } #hdr-congratulations{ width: 533px; float: left; clear: both; height: 19px; text-indent: -9999px; font-size: 1em; background: url( "../images/hdr-congratulations.gif" ) no-repeat left top; } /* header & navigation ----------------------------------------- */ #navigator li{ display: block; margin:0; list-style: none; float: left; background: url("../images/nav-sep.gif") no-repeat left top; height: 36px; padding-left: 2px; } #navigator li.first{ background: none; padding: 0; } #navigator li a{ display: block; height: 30px; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; } #nav-home a{ background-image: url("../images/nav-home.gif"); width: 56px; } #nav-why-us a{ background-image: url("../images/nav-why-choose-us.gif"); width: 116px; } #nav-umbrellas a{ background-image: url("../images/nav-umbrellas.gif"); width: 142px; } #nav-calculator a{ background-image: url("../images/nav-income.gif"); width: 140px; } #nav-services a{ background-image: url("../images/nav-services.gif"); width: 65px; } #nav-contact a{ background-image: url("../images/nav-contact.gif"); width: 71px; } #nav-contractor a{ background-image: url("../images/nav-contractor-area.gif"); width: 126px; } /* #nav-news a{ background-image: url("../images/nav-news.gif"); width: 97px; } */ #splash h1{ display: none; } #btn-get-started{ display: block; text-indent: -9999px; width: 220px; height: 30px; position: absolute; left: 108px; top: 166px; } .page-home #splash div{ position: absolute; top: 215px; } .page-index3 #splash div.x, .page-inside1 #splash div.x, .page-inside2 #splash div.x{ position: absolute; top: 45px; } .page-inside1 #splash div.x, .page-inside2 #splash div.x{ position: absolute; top: 45px; } .page-index3 #splash div.t2, .page-inside2 #splash div.t2{ height: 180px; position: relative; } .page-inside1 #splash div.t1{ height: 180px; } .page-inside2 #splash div.t2{ height: 180px; position: relative; } #splash div h2{ height: 22px; text-indent: -9999px; font-size: 1em; } #splash .income { width: 225px; left: 40px; } #splash .income h2{ background: url("../images/hdr-income-calculator.gif") no-repeat left top; } #splash .testimonials { width: 170px; left: 300px; } #splash .testimonials h2{ background: url("../images/hdr-testimonials.gif") no-repeat left top; } #splash .services { width: 220px; left: 500px; } #splash .services h2{ background: url("../images/hdr-plan-it-services.gif") no-repeat left top; } #splash .testimonials .fade{ height: 90px; overflow: hidden; } #splash form input.text{ width: 65px; padding: 3px 2px; } #splash form input.submit{ float: left; position: relative; left: 5px; } #splash form label span{ width: 100px; padding-top: 4px; text-align: right; margin-right: 5px; } .box{ background: url( "../images/box_c.gif" ) repeat-y left; width: 729px; margin-bottom: 1em; } .box .t2{ background: url( "../images/box_t2.gif" ) no-repeat top left; padding-top: 15px; } .box .t1{ background: url( "../images/box_t1.gif" ) no-repeat top left; padding-top: 15px; } .box .b1{ background: url( "../images/box_b.gif" ) no-repeat bottom left; padding-bottom: 15px; } .box .b2{ background: url( "../images/box_b2.gif" ) no-repeat bottom left; padding-bottom: 15px; } .box .inner2{ padding: 20px; } .box .inner2 #text{ width: 455px; } .box .inner2 .page-heading{ width: 100%!important; } /* content ----------------------------------------- */ /* sidebar(s) ----------------------------------------- */ #sidebar .t{ background: url( "../images/sidebar-top.gif" ) no-repeat top left; padding-top: 10px; } #sidebar{ background: url( "../images/sidebar-bottom.gif" ) no-repeat bottom left; padding-bottom: 10px;} .page-index3 #sidebar{ background: none; padding-bottom: 0; } #sidebar img{ display: block; margin: 1em auto; } #sidebar .b{ background: url( "../images/sidebar-bottom.gif" ) no-repeat bottom left; padding-bottom: 10px;} #sidebar .c{ background: #e8e0f1; border: 1px solid #fff; border-top: 0; border-bottom: 0; padding: 0 10px; } #subnav li{ display: block; list-style: none; margin: 7px 0; float: left; } #subnav li a{ font-weight: bold; color: #713d8e; display: block; background: url( "../images/arrow1.gif" ) no-repeat 0 4px; padding-left: 13px;} /* #subnav-more-income a{ background: url('../images/subnav_more-income.gif') no-repeat left top; } #subnav-prompt a{ background: url('../images/subnav_prompt-payment.gif') no-repeat left top; } #subnav-no-setup a{ background: url('../images/subnav_no-setup-fees.gif') no-repeat left top; } #subnav-admin-burden a{ background: url('../images/subnav_admin-burden.gif') no-repeat left top; } #subnav-customer-service a{ background: url('../images/subnav_customer-services.gif') no-repeat left top; } #subnav-no-tax-worries a{ background: url('../images/subnav_no-tax-worries.gif') no-repeat left top; } */ /* forms ----------------------------------------- */ form label{ display: block; float: left; } form label span, form label input{ display: block; float: left; } /* footer ----------------------------------------- */ #footer p{ float: right; color: #713d8e; font-weight: bold; text-transform: uppercase; font-size: 1.2em; } /*#footer p a{ display: block; position: absolute; text-indent: -9999px; width: 28px; height: 28px; top: 0; left: 48px; }*/ #footer p a{ position: relative; top: 7px; } #footer ul{ float: left; font-size: 1.1em; margin-top: 13px; } #footer ul li{ display: inline; border-left: 1px solid #b1a0bb; padding: 0 5px; } #footer ul li a{ color: #b1a0bb; } #footer ul li.first{ border: 0; } /*____________________________________________*/ /* clearfix ----------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* site-wide classes ----------------------------------------- */ .clear{ clear: both; } .b{ font-weight: bold; } .frImg{ float:right; margin: 0 0 8px 8px; clear: right; } .flImg{ float:left; margin: 0 8px 8px 0; clear: left; } .fl{ float: left; } .fr{ float: right; } /*________________________________PAGES_______*/ /* PAGE: home ( ) ----------------------------------------- */ #pararesults { display:none; } #pararesults2 { display:none; } #calcFrm , .innerfade{ top:0 !important; position:relative !important; } form#netPay label{ display:block; width:120px; float:left; } form#netPay input{ width:40px; float:left; } form#netPay br{ clear:both; } form#netPay #calculate{ width:160px; } #results { display:none !important; } .r { float:right; } #box-75off{ float: left; width: 307px; margin-right: 20px; } #box-75off *{ float: left; width: 100%; } #box-free-illustration{ background: url("../images/free-illustration.gif") no-repeat left top; width: 401px; float: left; height: 177px; position: relative; } #box-free-illustration p{ display: none; } #box-free-illustration .submit{ position: absolute; bottom: 0; left: 0; } #box-free-illustration label{ display: block; float: right; clear: both; position: relative; right: 15px; top: 15px; width: 220px; } #box-free-illustration label *{ display: block; float: left; } #box-free-illustration label span{ width: 40px; padding-top: 4px; font-size: 1.1em; } #box-free-illustration label input{ width: 160px; padding: 3px 5px; } .page-index3 .boxes{ padding-bottom: 20px; }