#body, #bodyFeature, #bodyOffice, #bodyProcess, #bodyPlans { margin: 0 auto 0 auto; padding: 0; background-image: url('images/backgroundTest.png'); background-repeat: repeat-x; background-color: #bababa; font-family: Arial, sans-serif; }
#siteBackground { background-color: #e3e3e8; width: 1001px; height: 100%; margin: 57px auto 0 auto; padding: 0; }
img { border: 0; }
/*=======================================
*************mastHead Styles*************
=======================================*/
#headWrapper { width: 1000px; margin: 0 auto 0 auto; padding: 0; }
#mastHead { position: relative; margin: 0; padding: 0; }
#mastHead .siteLogo { position: absolute; top: -58px; left: 0; margin: 0; padding: 0; }
#mastHead .subNav { position: absolute; top: -38px; right: 10px; margin: 0; padding: 0; list-style-type: none; }
#mastHead li { float: left; margin: 0 5px; padding: 0; }
#mastHead .subNavText:link, #mastHead .subNavText:visited { color: #ffffff; font: 12px Arial, sans-serif; margin: 0; padding: 5px 5px; text-decoration: none; width: 80px; }
#mastHead .subNavText:hover, #mastHead .subNavText:active { background-color: #ae545e; }
#mastHead .signUpNow { position: absolute; top: 0px; right: 40px; margin: 0; padding: 0; border: 0; }
#mastHead #topPhone { position: absolute; text-align: center; font: 28px Arial, sans-serif; color: #990000; top: 45px; right: 50px; margin: 0 30px 0 0; padding: 0; border: 0; }
#mastHead p { position: absolute; top: 0px; right: 90px; font: 28px Arial, sans-serif; color: #fff; margin: 0; padding: 0; }
#mastHead .signUpText:link, #mastHead .signUpText:visited { color: #fff; text-decoration: none; }
#mastHead .signUpText:hover, #mastHead .signUpText:active { color: #000; }
/*=======================================
************mastBanner Styles************
=======================================*/
#bannerWrapper { width: 1045px; height: 75px; margin: 100px auto 0 -20px; padding: 0; background-image: url('images/interiorBanner.png'); background-repeat: no-repeat; }
#mastBanner { position: relative; margin: 0; padding: 0; }
#mastBanner ul { position: absolute; top: -26px; left: 30px; list-style-type: none; margin: 0; padding: 0; }
#mastBanner li { float: left; margin: 0; padding: 0; }
#mastBanner .topButtons:link, #mastBanner .topButtons:visited { display: block; color: #fff; font: 12px Arial, sans-serif; text-decoration: none; width: 122px; height: 21px; background-image: url('images/bannerTopButtonTest.png'); background-repeat: no-repeat; background-position: top left; margin: 0 1px 0 0; padding: 5px 0 0 0; text-align: center; }
#mastBanner .topButtons:hover, #mastBanner .topButtons:active { background-position: bottom left; height: 29px; margin: -8px 1px 5px 0; }
#bodyFeature .navFeature .topButtons, #bodyOffice .navOffice .topButtons, #bodyProcess .navProcess .topButtons, #bodyPlans .navPlans .topButtons { background-position: bottom left; height: 29px; margin: -8px 1px 5px 0; }
#mastBanner h1 { color: #fff; font: 28px Arial, sans-serif; margin: 0; padding: 10px 0 0 0; text-align: center; }
/*=======================================
**************sideBar Styles*************
=======================================*/
/*=======================================
*************smallGuarantee**************
=======================================*/
#smallGuarantee { float: left; width: 226px; height: 250px; margin: 20px 0 0 20px; padding: 0; background-image: url('images/smallGuarantee.png'); background-repeat: no-repeat; }
#smallGuarantee span { font: 14px Arial, sans-serif; color: #fff; margin: 5px 0 0 0; padding: 0; text-align: center; }
#smallGuarantee a { float: left; color: #fff; text-decoration: none; font: 18px Arial, sans-serif; margin: 165px 0 0 35px; padding: 0; text-align: center; }
/*=======================================
**************sideText**************
=======================================*/
#sideText { float: left; clear: left; width: 216px; min-height: 435px; margin: 20px 0 0 20px; padding: 5px; background-color: #f3f7ff; }
#sideText h2 { font: 12px Arial, sans-serif; color: #000; font-weight: bold; margin: 15px 0; padding: 0; }
#sideText p { font: 12px Arial, sans-serif; color: #000; margin: 0 0 10px 0; padding: 0; }
#sideText ul { list-style-type: none; }
#sideText li { display: block; margin: 0 0 0 -30px; padding: 0; }
#sideText a:link, #sideText a:visited { font: 11px Arial, sans-serif; margin: 0 0 5px 0; padding: 0; text-decoration: none; }
#sideText a:hover, #sideText a:active { color: #000; text-decoration: underline; }
/*=======================================
*************smallMobile**************
=======================================*/
#smallMobile { float: left; clear: left; margin: 20px 0 0 20px; padding: 0; width: 226px; height: 165px; background-image: url('images/smallMobile.png'); background-repeat: no-repeat; text-align: center; }
#smallMobile h5 { font: 18px Arial, sans-serif; color: #fff; margin: 90px 0 10px 0; padding: 0; }
#smallMobile a:link, #smallMobile a:visited { font: 12px Arial, sans-serif; color: #fff; margin: 25px 0 0 0; padding: 0; text-decoration: none; }
#smallMobile a:hover, #smallMobile a:active { color: #000; }
/*=======================================
***************smallChoice***************
=======================================*/
#smallChoice { float: left; clear: left; margin: 20px 0 0 18px; padding: 0; background-image: url('images/smallChoosing.png'); background-repeat: no-repeat; width: 230px; height: 266px; }
#smallChoice h5 { font: 16px Arial, sans-serif; color: #000; margin: 35px 0 40px 120px; padding: 0; text-align: center; }
#smallChoice span { font: 18px Arial, sans-serif; color: #a34646; margin: 0 0 20px 50px; padding: 0; }
#smallChoice p { font: 12px Arial, sans-serif; color: #000; margin: 25px 0 15px 0px; padding: 0; text-align: center; }
#smallChoice a { font: 12px Arial, sans-serif; color: #fff; margin: 0 0 0 43px; padding: 3px; background-color: #a34646; text-decoration: none; }
#smallChoice a:hover { color: #000; }
/*=======================================
*************smallTestimonial*************
=======================================*/
#smallTestimonial { float: left; clear: left; margin: 20px 0 0 20px; padding: 0; background-image: url('images/smallTestimonial.png'); background-repeat: no-repeat; width: 227px; height: 165px; }
#smallTestimonial h5 { font: 17px Arial, sans-serif; color: #fff; margin: 5px 0 0 0; padding: 0; text-align: center; }
#smallTestimonial p { font: 12px Arial, sans-serif; color: #fff; margin: 15px 0 20px 130px; padding: 0; }
#smallTestimonial a { font: 12px Arial, sans-serif; color: #000; margin: 75px 0 0 140px; padding: 5px; background-color: #fff; text-decoration: none; }
#smallTestimonial a:hover { color: #fff; background-color: #000; }
/*=======================================
*************smallNewsletter*************
=======================================*/
#smallNewsletter { float: left; clear: left; margin: 20px 0 0 20px; padding: 0; background-image: url('images/smallNews.png'); background-repeat: no-repeat; width: 226px; height: 147px; text-align: center; }
#smallNewsletter h5 { margin: 5px 0 0 0; padding: 0; color: #fff; font: 30px Arial, sans-serif; }
#smallNewsletter p { margin: 0; padding: 0; color: #fff; font: 12px Arial, sans-serif; }
#smallNewsletter form { margin: 2px 0 0 0; }
#smallNewsletter input { margin: 0 0 2px 0; padding: 0; width: 140px; }
#smallNewsletter button { margin: 3px 0 0 0; padding: 0; }
/*=======================================
************contentBanner****************
=======================================*/
#contentBanner { float: left; clear: left; width: 700px; height: 250px; margin: -1067px 0 0 275px; padding: 0; background-color: #fff; }
#contentBanner img { float: left; margin: 0; padding: 0; width: 380px; height: 250px; }
#contentBanner h1 { float: left; font: 24px Arial, sans-serif; color: #000; margin: 100px 0 0 50px; padding: 0; }
#contentBanner span { color: #a53737; }
#contentBanner a { color: #fff; }
#contentBanner #tourButton:link, #contentBanner #tourButton:visited { position: relative; top: 30px; right: -40px; color: #fff; font: 20px Arial, sans-serif; text-decoration: none; background-image: url('images/bannerButtonTest.png'); background-repeat: no-repeat; background-position: top left; margin: 0; padding: 15px 20px 40px 20px; width: 272px; height: 63px; }
#contentBanner #tourButton:hover, #contentBanner #tourButton:active { background-position: bottom left; width: 272px; height: 63px; }
/*================================================================
************contentBanner BackOffice Pro Page ONLY****************
================================================================*/
#contentBannerBOP { float: left; clear: left; width: 700px; height: 250px; margin: -1067px 0 0 275px; padding: 0; background-color: #fff; }
#contentBannerBOP img { float: left; margin: 0; padding: 0; width: 380px; height: 250px; }
#contentBannerBOP h1 { float: left; font: 24px Arial, sans-serif; color: #000; margin: 45px 0 20px 50px; padding: 0; }
#contentBannerBOP span { color: #a53737; }
#contentBannerBOP a { color: #fff; }
#contentBannerBOP #tourButton:link, #contentBannerBOP #tourButton:visited { position: relative; top: 30px; right: -40px; color: #fff; font: 20px Arial, sans-serif; text-decoration: none; background-image: url('images/bannerButtonTest.png'); background-repeat: no-repeat; background-position: top left; margin: 0; padding: 15px 20px 40px 20px; width: 272px; height: 63px; }
#contentBannerBOP #tourButton:hover, #contentBannerBOP #tourButton:active { background-position: bottom left; width: 272px; height: 63px; }
/*=======================================
************contentStyles****************
=======================================*/
#contentMain { float: left; clear: left; margin: -797px 0 20px 275px; padding: 0 0 20px 0; width: 700px; min-height: 1035px; background-color: #fff; }
#contentMain h1 { margin: 10px 0 15px 15px; padding: 0; color: #a53737; font: 28px Arial, sans-serif; }
#contentMain h2 { margin: 0 0 10px 15px; padding: 0; color: #a53737; font: 23px Arial, sans-serif; }
#contentMain p { margin: 5px 10px; padding: 0; color: #000; font: 12px Arial, sans-serif;/*text-align: left;*/ }
#contentMain hr { margin: 10px auto; padding: 0 0; width: 95%; }
#contentMain h3 { margin: 10px 10px 0 10px; padding: 0; color: #000; font: 12px Arial, sans-serif; font-weight: bold; }
#contentMain iframe { margin: 20px 10px 0 10px; text-align: center; font: 12px Arial, sans-serif; }
#contentMain td { text-align: center; }
#contentMain form td { text-align: left; }
#contentMain img { margin: 0 10px; }
#contentMain a:link, #contentMain a:visited { font: 12px Arial, sans-serif; text-decoration: none; }
#contentMain a:hover, #contentMain a:active { text-decoration: underline; }
#contentMain li { font: 12px Arial, sans-serif; font-weight: bold; }
#contentMain object { float: right; clear: both; }
/*=======================================
*************planChart**************
=======================================*/
#planChart { width: 690px; margin: 5px; padding: 0; }
#planChart td { width: 117px; margin: 1px; padding: 6px 2px; font: 12px Arial, sans-serif; color: #000; border: 1px solid #eee; }
#planChart .features { width: 350px; text-align: left; }
#planChart .headers { width: 350px; background-color: #e2e2e2; }
#planChart .buttonHeaders { width: 117px; background-color: #e2e2e2; }
/*=======================================
*************processContent**************
=======================================*/
#step1 { float: left; margin: 5px 0 0 0; padding: 10px; }
#step1 span { float: left; display: block; font: 15px Arial, sans-serif; color: #000; margin: 5px 0 0 0; padding: 10px 0 0 30px; background-image: url('images/processStep1.png'); background-repeat: no-repeat; width: 215px; height: 298px; }
#step1 h3 { float: left; margin: 5px 0 0 0; padding: 0; }
#step1 p { font: 12px Arial, sans-serif; color: #000; margin: 35px 0 0 0; padding: 0; }
#step1 ul { margin: 15px 0 -10px 0; padding: 0; list-style-type: none; }
#step1 li { margin: 0; padding: 0; }
#step1 .plansButton:link, #step1 .plansButton:visited { display: block; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/processButton.png'); background-repeat: no-repeat; width: 190px; height: 36px; margin: 25px 0 0 350px; padding: 10px 0 10px 22px; text-decoration: none; }
#step1 .plansButton:hover { color: #000; }
#step2 { float: left; margin: -40px 0 0 0; padding: 10px; }
#step2 span { float: left; display: block; font: 15px Arial, sans-serif; color: #000; margin: 5px 0 0 0; padding: 10px 0 0 30px; background-image: url('images/processStep2.png'); background-repeat: no-repeat; width: 215px; height: 298px; }
#step2 h3 { float: left; margin: 5px 0 0 0; padding: 0; }
#step2 p { font: 12px Arial, sans-serif; color: #000; margin: 35px 0 0 0; padding: 0; }
#step2 ul { margin: 15px 0 -10px 0; padding: 0; list-style-type: none; }
#step2 li { margin: 0; padding: 0; }
#step2 .plansButton:link, #step2 .plansButton:visited { display: block; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/processButton.png'); background-repeat: no-repeat; width: 190px; height: 36px; margin: 25px 0 0 350px; padding: 10px 0 10px 30px; text-decoration: none; }
#step2 .plansButton:hover { color: #000; }
#step3 { float: left; margin: -35px 0 0 0; padding: 10px; }
#step3 span { float: left; display: block; font: 15px Arial, sans-serif; color: #000; margin: 5px 0 0 0; padding: 10px 0 0 30px; background-image: url('images/processStep3.png'); background-repeat: no-repeat; width: 215px; height: 298px; }
#step3 h3 { float: left; margin: 5px 0 0 0; padding: 0; }
#step3 p { font: 12px Arial, sans-serif; color: #000; margin: 35px 0 0 0; padding: 0; }
#step3 ul { margin: 15px 0 -10px 0; padding: 0; list-style-type: none; }
#step3 li { margin: 0; padding: 0; }
#step3 .plansButton:link, #step3 .plansButton:visited { display: block; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/processButton.png'); background-repeat: no-repeat; width: 190px; height: 36px; margin: 25px 0 0 350px; padding: 10px 0 10px 55px; text-decoration: none; }
#step3 .plansButton:hover { color: #000; }
/*=======================================
**************footerStyles***************
=======================================*/
/*=======================================
**************GLOBALstyles***************
=======================================*/
#footer { height: 350px; margin: 0 auto 0 auto; padding: 0; background-image: url('images/footer.png'); background-repeat: repeat-x; background-color: #393939; }
#footer #footerContent { width: 1000px; margin: 0 auto 0 auto; padding: 0; }
/*=======================================
**************footerColumn1**************
=======================================*/
#footer .footerLogo { float: left; width: 260px; margin: 0; padding: 0; }
#footer .footerNumber { margin: 70px 0 0 15px; padding: 0; }
#footer .footerPro { margin: 50px 0 0 15px; padding: 0; }
/*=======================================
**************footerColumn2***************
=======================================*/
#footer .footerMain { float: left; width: 155px; margin: 0 0 0 50px; padding: 0; }
#footer .footerMain h5 { font: 14px Arial, sans-serif; color: #7c7c7c; margin: 70px 0 20px 0; padding: 0; }
#footer .footerMain ul { list-style-type: none; margin: 0; padding: 0; }
#footer .footerMain li { display: block; margin: 0 0 10px 0; padding: 0; }
#footer .footerMain a:link, #footer .footerMain a:visited { font: 11px Arial, sans-serif; color: #fff; text-decoration: none; }
#footer .footerMain a:hover, #footer .footerMain a:active { color: #7c7c7c; }
/*=======================================
**************footerColumn3***************
=======================================*/
#footer .footerFeatures { float: left; width: 185px; margin: 0 0 0 10px; padding: 0; }
#footer .footerFeatures h5 { font: 14px Arial, sans-serif; color: #7c7c7c; margin: 70px 0 20px 0; padding: 0; }
#footer .footerFeatures ul { list-style-type: none; margin: 0; padding: 0; }
#footer .footerFeatures li { display: block; margin: 0 0 10px 0; padding: 0; }
#footer .footerFeatures a:link, #footer .footerFeatures a:visited { font: 11px Arial, sans-serif; color: #fff; text-decoration: none; }
#footer .footerFeatures a:hover, #footer .footerFeatures a:active { color: #7c7c7c; }
/*=======================================
**************footerColumn4***************
=======================================*/
#footer .footerAbout { float: left; width: 185px; margin: 0; padding: 0; }
#footer .footerAbout h5 { font: 14px Arial, sans-serif; color: #7c7c7c; margin: 70px 0 20px 0; padding: 0; }
#footer .footerAbout ul { list-style-type: none; margin: 0; padding: 0; }
#footer .footerAbout li { display: block; margin: 0 0 10px 0; padding: 0; }
#footer .footerAbout a:link, #footer .footerAbout a:visited { font: 11px Arial, sans-serif; color: #fff; text-decoration: none; }
#footer .footerAbout a:hover, #footer .footerAbout a:active { color: #7c7c7c; }
/*=======================================
**************footerColumn5***************
=======================================*/
#footer .footerContact { float: left; width: 130px; margin: 0; padding: 0; }
#footer .footerContact h5 { font: 14px Arial, sans-serif; color: #7c7c7c; margin: 70px 0 20px 0; padding: 0; }
#footer .footerContact ul { list-style-type: none; margin: 0; padding: 0; }
#footer .footerContact li { display: block; margin: 0 0 10px 0; padding: 0; }
#footer .footerContact a:link, #footer .footerContact a:visited { font: 11px Arial, sans-serif; color: #fff; text-decoration: none; }
#footer .footerContact a:hover, #footer .footerContact a:active { color: #7c7c7c; }
/*=======================================
***************miscStyles****************
=======================================*/
.Clear { clear: both; margin: 0 0 -20px 0; padding: 0; }