#body, #bodyFeature, #bodyOffice, #bodyProcess, #bodyPlans, #bodyTemplate { 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, #bodyTemplate .navTemps .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; }/*=======================================************Template Page****************=======================================*//*=======================================************contentStyles****************=======================================*/
#contentMain { margin: 20px 15px; padding: 10px 10px 20px 10px; width: 950px; background-color: #fff; }
#contentMain #templateHeader { width: 950px; height: 40px; margin: 0; padding: 5px 0 0 0; background-color: #85252c; }
#contentMain #templateHeader .pageNumber { list-style-type: none; margin: 5px 0 0 0; padding: 0; }
.pageNumber li { float: left; display: inline; color: #fff; font: 10px Arial, sans-serif; text-decoration: none; width: 22px; height: 18px; margin: 0 0 0 5px; padding: 5px 0 0 0; text-align: center; }
.pageNumber a { display: block; color: #fff; font: 10px Arial, sans-serif; text-decoration: none; width: 22px; height: 18px; margin: -5px 0 0 0; padding: 5px 0 0 0; text-align: center; }
.pageNumber a:hover { background-color: #a66065; }
.pageNumber .current { background-color: #a66065; }
#contentMain #templateHeader .pageSort { list-style-type: none; margin: 5px 0 0 590px; padding: 0; }
.pageSort li { float: left; display: inline; color: #fff; font: 10px Arial, sans-serif; text-decoration: none; margin: 0; padding: 5px 5px 0 5px; text-align: center; height: 18px; }
.pageSort a { display: block; color: #fff; font: 10px Arial, sans-serif; text-decoration: none; margin: -5px 0 0 0; padding: 5px 5px 0 5px; text-align: center; height: 18px; }
.pageSort a:hover { background-color: #a66065; margin: -5px 0 0 0; padding: 5px 5px 0 5px; text-align: center; height: 18px; }
.pageSort .current { background-color: #a66065; margin: 0 5px; }
#templateTable { width: auto; margin: 10px 10px 10px 25px; padding: 0; }
#templateTable td { width: 235px; height: 255px; background-image: url('images/templatesBackground.png'); background-repeat: no-repeat; margin: 0; padding: 0; }
#templateTable .img { border: 0; margin: -20px 0 15px 15px; padding: 0; }
#templateTable p { font: 12px Arial, sans-serif; color: #fff; margin: 65px 0 0 15px; padding: 0; }
#templateTable a { float: left; font: 12px Arial, sans-serif; color: #fff; margin: -15px 0 0 150px; padding: 0; text-decoration: none; }
#templateTable a:hover { color: #000; }
#contentMain .previous { display: block; color: #fff; font: 16px Arial, sans-serif; background-image: url('images/previousButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; text-decoration: none; margin: 0 0 0 10px; padding: 5px 0 5px 30px; }
#contentMain .previous:hover { color: #000; }
#contentMain .next { float: left; display: block; color: #fff; font: 16px Arial, sans-serif; background-image: url('images/nextButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; text-decoration: none; margin: -42px 0 0 775px; padding: 5px 0 5px 30px; }
#contentMain .next:hover { color: #000; }/*=======================================**************Preview Page***************=======================================*//*=======================================**************mainContent****************=======================================*/
#mainContent { width: 1000px; margin: 0; padding: 0; }/*=======================================*************topButtonStyles*************=======================================*/
#mainContent #topButtons { float: left; width: 1000px; margin: 0; padding: 0; }
#topButtons .previousTop:link, #topButtons .previousTop:visited { float: left; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/previousButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; margin: 5px 0 0 20px; padding: 7px 0 0 25px; text-decoration: none; }
#topButtons .previousTop:hover { color: #000; }
#topButtons .backTop:link, #topButtons .backTop:visited { display: block; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/backButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; margin: 5px auto 0 auto; padding: 7px 0 0 0; text-decoration: none; text-align: center; }
#topButtons .backTop:hover { color: #000; }
#topButtons .nextTop:link, #topButtons .nextTop:visited { float: left; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/nextButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; margin: 5px 0 0 235px; padding: 7px 0 0 20px; text-decoration: none; }
#topButtons .nextTop:hover { color: #000; }/*=======================================************screenShotStyles*************=======================================*/
#mainContent #screenShot { float: left; clear: left; width: 576px; margin: 15px 0 40px 17px; padding: 0; background-color: #fff; }
#screenShot img { border: 0; margin: 0; padding: 0; }
#screenShot h1 { font: 36px Arial, sans-serif; color: #fff; margin: -45px 0 0 25px; padding: 0; }
#screenShot p { font: 12px Arial, sans-serif; color: #fff; margin: -25px 0 0 210px; padding: 0; }
#screenShot .temp { margin: 30px 0 0 25px; padding: 0; }
#screenShot .orderNow:link, #screenShot .orderNow:visited { float: left; font: 30px Arial, sans-serif; color: #fff; background-image: url('images/tempOrderNow.png'); background-repeat: no-repeat; width: 237px; height: 49px; text-decoration: none; margin: 10px 0 10px 175px; padding: 5px 0 0 65px; }/*=======================================*************editableRegions*************=======================================*/
#editableRegions { float: left; margin: 15px 0 0 20px; padding: 0; background-color: #fff; width: 366px; height: 662px; }
#editableRegions img { border: 0; margin: 0; padding: 0; }
#editableRegions h2 { font: 24px Arial, sans-serif; color: #fff; margin: -40px 0 0 0; padding: 0; text-align: center; }
#editableRegions p { font: 14px Arial, sans-serif; color: #000; margin: 25px 5px; padding: 0; }
#editableRegions table { width: 360px; margin: 10px 0; padding: 0; }
#editableRegions td { font: 12px Arial, sans-serif; color: #000; margin: 0; padding: 20px; width: 50%; text-align: left; }
#editableRegions a { color: #3680e6; text-decoration: none; margin: 0 0 0 15px; }
#editableRegions a:hover { color: #000; }
#editableRegions span { color: #c1c1c1; font: 12px Arial, sans-serif; margin: 0 0 0 15px; }/*=======================================*************suggestedTemp***************=======================================*/
#suggestedTemp { float: left; width: 366px; background-color: #fff; margin: 15px 0 0 20px; padding: 0; }
#suggestedTemp img { border: 0; margin: 0; padding: 0; }
#suggestedTemp h2 { font: 24px Arial, sans-serif; color: #fff; margin: -40px 0 0 0; padding: 0; text-align: center; }
#suggestedTemp p { font: 12px Arial, sans-serif; color: #000; margin: 25px 15px 0 15px; padding: 0; text-align: center; }
#suggestedTemp .suggested { float: left; margin: 10px 0 0 35px; padding: 0; }
#suggestedTemp span { float: left; font: 24px Arial, sans-serif; color: #000; margin: 30px 0 0 20px; padding: 0; }
#suggestedTemp .click { float: left; clear: left; font: 16px Arial, sans-serif; color: #fff; margin: -70px 0 0 185px; background-image: url('images/backButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; padding: 5px 0 0 10px; text-decoration: none; }
#suggestedTemp .click:hover { text-decoration: underline; }/*=======================================**************colorExamples***************=======================================*/
#colorExamples { float: left; clear: left; width: 965px; margin: 5px 0 20px 17px; padding: 0; background-color: #fff; height: 200px; }
#colorExamples img { border: 0; margin: 0; padding: 0; }
#colorExamples h2 { font: 36px Arial, sans-serif; color: #fff; margin: -45px 0 0 25px; padding: 0; }
#colorExamples p { font: 12px Arial, sans-serif; color: #fff; margin: -25px 0 30px 290px; padding: 0; }
#colorExamples span { float: left; font: 12px Arial, sans-serif; color: #000; margin: 30px 0 0 25px; padding: 0; text-align: center; }
#colorExamples .thumb { float: left; border: 0; margin: -5px 0 0 25px; padding: 0; }/*=======================================***********bottomButtonStyles************=======================================*/
#mainContent #bottomButtons { float: left; width: 1000px; margin: 0 0 20px 0; padding: 0; }
#bottomButtons .previous:link, #bottomButtons .previous:visited { float: left; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/previousButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; margin: 5px 0 0 20px; padding: 7px 0 0 25px; text-decoration: none; }
#bottomButtons .previous:hover { color: #000; }
#bottomButtons .back:link, #bottomButtons .back:visited { display: block; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/backButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; margin: 5px auto 0 auto; padding: 7px 0 0 0; text-decoration: none; text-align: center; }
#bottomButtons .back:hover { color: #000; }
#bottomButtons .next:link, #bottomButtons .next:visited { float: left; font: 14px Arial, sans-serif; color: #fff; background-image: url('images/nextButton.png'); background-repeat: no-repeat; width: 151px; height: 30px; margin: 5px 0 0 235px; padding: 7px 0 0 20px; text-decoration: none; }
#bottomButtons .next: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; }