/* ------------------------------ site: MRPR Group last date: 02/10/10 author: Chad Cross - Juxtaflo Web Studio - juxtaflo.com url: mrpr.com ------------------------------ */ /* ------------------------------ Pixel to em conversions: 16 x 1.5em = 24px 16 x 1.25em = 20px 16 x 1.125em = 18px 16 x 1em = 16px 16 x 0.875em = 14px 16 x 0.75em = 12px Colors: #333 #576b00 - dark green #414352 - darker blue from gradiant #ba0101 - red ------------------------------ */ /* GLOBAL ------------------------------ */ html, body { background: #fff; margin: 0; font-family: Arial, sans-serif; font-weight: normal; color: #000; } p { margin: 0 0 20px 0; font-size: 0.75em/*12px*/; } p.asSeen/*found on landing pages*/ { font-weight: bold; font-size: 1.67em/*20px*/!important; } span.jewishNews { font-family: Arial Black, Gadget, sans-serif; font-size: 1.2em/*24px*/; } p.testimonial { margin-bottom: 0; } p.testimonialAuthor { display: block; width: 100%; text-align: right; } hr { background: #414352; clear: both; border: none; height: 1px; padding: 0; margin: 0 0 20px 0; } /* LINKS ------------------------------ */ a:link { font-weight: normal; color: #000; } a:visited { font-weight: normal; color: #333; } a:hover, a:active { text-decoration: underline; color: #999; } .viewMoreLink { background: url("../images/icon_arrow.png") no-repeat center right; margin: 0 0 20px 0; padding: 4px 16px 4px 0; border-top: 1px solid #576b00; text-align: right; font-size: 0.75em/*12px*/; font-weight: bold; color: #576b00; } .viewMoreLink a:link, .viewMoreLink a:visited { font-weight: bold; color: #576b00; text-decoration: none; } .viewMoreLink a:hover { color: #333; } .backToTopLink { background: url("../images/icon_arrow_back_to_top.png") no-repeat center right; margin: 0 0 20px 0; padding: 4px 16px 4px 0; border-top: 1px solid #576b00; text-align: right; font-size: 0.75em/*12px*/; } .backToTopLink a:link, .backToTopLink a:visited { font-weight: bold; color: #576b00; text-decoration: none; } .backToTopLink a:hover { color: #333; } /* HEADINGS ------------------------------ */ h1 { color: #414352; font-size: 1.125em/*18px*/; margin: 0 0 20px 0; padding: 0 20px 10px 0; border-bottom: 1px solid #414352; } #home h1 { color: #576b00; border-bottom: none; } h2 { color: #576B00; font-size: 1em/*16px*/; font-weight: bold; margin: 0 0 8px 0; padding: 0; } h2 a:link, h2 a:visited { color: #576B00; font-weight: bold; } h3 { color: #666; font-size: 0.875em/*14px*/; font-weight: bold; margin: 0 0 4px 0; padding: 0; } /* TABLE ------------------------------ */ /* IMAGES ------------------------------ */ img { border: none; } img.contentImage { border: 1px solid #576b00; } img.imageFloatLeft { float: left; margin: 0; padding: 0; } img.icon { margin: 0 4px 0 0; } img.headerIcon { float: left; border: 1px solid #576b00; margin: 0 10px 10px 0; padding: 3px; } /* LISTS ------------------------------ */ ul { padding: 0; margin: 0 0 20px 0; font-size: 0.75em/*12px*/; } li { background: url("../images/arrow.gif") no-repeat 15px 5px; list-style-type: none; list-style-image: none; margin-bottom: 10px; padding: 0 0 0 30px; } li ul { list-style-type: circle; margin-top: 10px; font-size: 1em/*12px*/; } li ul li ul { list-style-type: circle; margin-top: 10px; font-size: 1em/*12px*/; } ul.jumpToList { } ul.jumpToList li { } ul.iconList { margin: 0; padding: 0; } ul.iconList li { list-style: none; overflow: hidden; margin: 0 0 15px 0; padding: 0; } ul.iconList li h2 { font-size: 1.334em/*16px*/; } ul.iconList li p { font-size: 1em/*12px*/; } /* MENU - MAIN NAVIGATION ASSETTS ------------------------------ */ #buttonWhyWrap { background: url("../images/middle_nav_why.gif") no-repeat top left; background-position: -326px 0; display: block; width: 326px; height: 41px; } #buttonWhy a { background: url("../images/middle_nav_why.gif") no-repeat top left; display: block; width: 326px; height: 41px; } #buttonWhy a:hover { background-position: -326px 0; } #buttonServicesWrap { background: url("../images/middle_nav_services.gif") no-repeat top left; background-position: -326px 0; display: block; width: 326px; height: 41px; } #buttonServices a { background: url("../images/middle_nav_services.gif") no-repeat top left; display: block; width: 326px; height: 41px; } #buttonServices a:hover { background-position: -326px 0; } #buttonIndustryWrap { background: url("../images/middle_nav_industry.gif") no-repeat top left; background-position: -326px 0; display: block; width: 326px; height: 41px; } #buttonIndustry a { background: url("../images/middle_nav_industry.gif") no-repeat top left; display: block; width: 326px; height: 41px; } #buttonIndustry a:hover { background-position: -326px 0; } #buttonTestimonialsWrap { background: url("../images/middle_nav_test.gif") no-repeat top left; background-position: -326px 0; display: block; width: 326px; height: 41px; } #buttonTestimonials a { background: url("../images/middle_nav_test.gif") no-repeat top left; display: block; width: 326px; height: 41px; } #buttonTestimonials a:hover { background-position: -326px 0; } #buttonToolsWrap { background: url("../images/middle_nav_tools.gif") no-repeat top left; background-position: -326px 0; display: block; width: 326px; height: 41px; } #buttonTools a { background: url("../images/middle_nav_tools.gif") no-repeat top left; display: block; width: 326px; height: 41px; } #buttonTools a:hover { background-position: -326px 0; } #buttonAboutWrap { background: url("../images/middle_nav_about.gif") no-repeat top left; background-position: -165px 0; float:left; display: block; width: 165px; height: 32px; } #buttonAbout a { background: url("../images/middle_nav_about.gif") no-repeat top left; display: block; width: 165px; height: 32px; } #buttonAbout a:hover { background-position: -165px 0; } #buttonContactWrap { background: url("../images/middle_nav_contact.gif") no-repeat top left; background-position: -161px 0; float:left; display: block; width: 161px; height: 32px; } #buttonContact a { background: url("../images/middle_nav_contact.gif") no-repeat top left; display: block; width: 161px; height: 32px; } #buttonContact a:hover { background-position: -161px 0; } /* MENU - HEADER NAVIGATION ------------------------------ */ #buttonHomeWrap { background: url("../images/nav_header/header_nav_home.gif") no-repeat top left; background-position: -58px 0; float:left; display: block; width: 58px; height: 80px; margin: 0 0 0 345px; } #buttonHome a { background: url("../images/nav_header/header_nav_home.gif") no-repeat top left; display: block; width: 58px; height: 80px; } #buttonHome a:hover { background-position: -58px 0; } #buttonCareersWrap { background: url("../images/nav_header/header_nav_careers.gif") no-repeat top left; background-position: -64px 0; float:left; display: block; width: 64px; height: 80px; } #buttonCareers a { background: url("../images/nav_header/header_nav_careers.gif") no-repeat top left; display: block; width: 64px; height: 80px; } #buttonCareers a:hover { background-position: -64px 0; } #buttonClientWrap { background: url("../images/nav_header/header_nav_client.gif") no-repeat top left; background-position: -111px 0; float:left; display: block; width: 111px; height: 80px; } #buttonClient a { background: url("../images/nav_header/header_nav_client.gif") no-repeat top left; display: block; width: 111px; height: 80px; } #buttonClient a:hover { background-position: -111px 0; } /* MENU - SUB NAVIGATION ------------------------------ */ #subMenu { width: 100%; padding: 0; margin-bottom: 20px; } #subMenu ul { width: 100%; list-style-type: none; overflow: auto; margin: 0; } #subMenu ul li { width: 30.1%; background: #414352 url("../images/bkgnd_subnav_sliver.jpg") repeat-x top left; float: left; list-style-type: none; margin: 0 1px 1px 0; padding: 7px 10px 7px 10px; } #subMenu ul li.last { margin-right: 0; } #subMenu ul li a:link { background: transparent url("../images/subnav_arrow.gif") no-repeat 0px 3px; padding-left: 13px; font-weight: bold; color: #fff; text-decoration: none; font-size: 0.9167em/*11px*/; } #subMenu ul li a:visited { background: transparent url("../images/subnav_arrow.gif") no-repeat 0px 3px; padding-left: 13px; font-weight: bold; color: #ccc; text-decoration: none; font-size: 0.9167em/*11px*/; } #subMenu ul li a:hover { color: #999; } /* LAYOUT ------------------------------ */ #container { background: transparent; width: 955px; margin: 0 auto 0 auto; padding: 0; } /* LAYOUT - HEADER ------------------------------ */ #frameHeaderBkgrnd { background: #fff; width: 100%; height: 80px; margin: 0; padding: 0; border-top: 20px solid #576b00; border-bottom: 1px solid #333; } #frameHeader { background: #fff; width: 950px; height: 80px; margin: 0 auto 0 auto; padding: 0;} #headerSubnav { background: transparent; width: 233px; height: 102px; margin: 0; padding: 0; } /* LAYOUT - MIDDLE ASSETTS ------------------------------ */ #frameMiddleBkgrnd { background: #FFFFFF url("../images/middle_sliver.gif") repeat-x top left; width: 100%; height: 237px; margin: 0; padding: 0; } #frameMiddle { background: #FFFFFF; width: 950px; height: 237px; margin: 0 auto 0 auto; padding: 0; overflow: hidden; } #middleNav { background: transparent; float: left; width: 326px; height: 237px; margin: 0; padding: 0; } #middleBanner { background: #fff url("../images/middle_banner.jpg") no-repeat top left; float: left; width: 624px; height: 237px; margin: 0; padding: 0; } #homeBanner { background: #fff url("../images/middle_banner_bkgnd.gif") no-repeat top left; float: left; width: 624px; height: 237px; margin: 0; padding: 0; } /* LAYOUT - CONTENT ASSETTS ------------------------------ */ #frameContentBkgrnd { background: #fff url("../images/bkgnd_middle_sliver.jpg") repeat-x top left; width: 100%; margin: 0; padding: 0; } #frameContent { width: 950px; margin: 0 auto 0 auto; padding: 0; overflow: hidden; } #contentHolder { background: transparent; float: left; width: 626px; margin: 0; padding: 0; overflow: hidden; } #contentHolderHalf { background: transparent; float: left; width: 475px; margin: 0; padding: 0; overflow: hidden; } div.headerTextLeft { background: transparent; display: block; height: 27px; Width: 544px; margin: 0 0 10px 0; } div.headerTextRight { background: transparent; display: block; height: 27px; Width: 277px; margin: 0 0 10px 0; } div.headerTextGuide { background: transparent; display: block; height: 27px; Width: 259px; margin: 0 0 10px 0; } /* LAYOUT - CONTENT AREA ------------------------------ */ /* inner pages */ #contentColumnMain { display: inline;/* IE fix */ float: left; width: 650px; padding: 0; margin-top: 20px; overflow: hidden; } #inner #contentColumnSide { display: inline;/* IE fix */ float: left; width: 259px; margin-top: 20px; } #inner #contentColumnSide img { margin: 0 0 20px 0; } #inner #contentColumnSide .sidebarThumb { background: #ededed; border: 1px solid #ccc; padding: 10px; margin: 0; text-align: center; } #inner #contentColumnSide .sidebarThumb img { margin: 0; } /* home page*/ #home #contentColumnMain { display: inline;/* IE fix */ float: left; width: 596px; padding: 0; margin-top: 20px; overflow: hidden; } #home #contentColumnSide { display: inline;/* IE fix */ float: left; width: 331px; margin-top: 20px; } #home .contentColumnLeft { padding: 0 0 0 3px; margin-right: 20px; } .homeFooterMessage { width: 955px; clear: both; padding-top: 20px; } .homeFooterMessage p { font-weight: bold; font-size: 1em/*16px*/; text-align: center; } /* pick a side any side */ #inner .contentColumnLeft { padding: 0 20px 0 0; border-right: 1px dotted #333; margin-right: 20px; } #inner .contentColumnRight { padding: 0 0 0 20px; border-left: 1px dotted #333; margin-left: 20px; } /* PAGE - CONTACT US CONTACTS ------------------------------ */ .contact-us #contentColumnMain ul { margin: 0; padding: 0; } .contact-us #contentColumnMain li { background-image: none; margin: 0 0 20px 0; padding: 0; list-style-type: none; } .contact-us #contentColumnMain li h2 { background-image: none; font-size: 1.34em/*16px*/; margin: 0 0 15px 0; padding: 0; list-style-type: none; } .contact-us #contentColumnMain ul li ul { overflow: hidden; width: 100%;/*give haslayout for ie6*/ } .contact-us #contentColumnMain ul li ul li { float: left; width: 50%; } .contact-us #contentColumnMain ul li ul li h3 { font-size: 1.167em/*14px*/; font-weight: bold; } .contact-us #contentColumnMain ul li ul li h3 a:link, .contact-us #contentColumnMain ul li ul li h3 a:visited { color: #666; font-weight: bold; } /*GENERIC BUTTON and VARIOUS WRAPPERS ------------------------------ */ div.genButtonWrapFloatRight { background: url("../images/gen_button.gif") no-repeat top left; float: right; background-position: -150px 0; display: block; width: 150px; height: 27px; margin-right: 0px; margin-left: 20px; margin-top: 0px; margin-bottom: 10px; } div.genButtonWrapRight { background: url("../images/gen_button.gif") no-repeat top left; background-position: -150px 0; display: block; width: 150px; height: 27px; margin-right: 0px; margin-left: auto; } div.genButtonWrapLeft { background: url("../images/gen_button.gif") no-repeat top left; background-position: -150px 0; display: block; width: 150px; height: 27px; margin-right: 0px; margin-left: 0px; } div.genButtonWrap { background: url("../images/gen_button.gif") no-repeat top left; background-position: -150px 0; display: block; width: 150px; height: 27px; margin-right: auto; margin-left: auto; } div.genButton a { background: url("../images/gen_button.gif") no-repeat top left; display: block; width: 115px; height: 20px; padding: 7px 0px 0px 35px; text-decoration: none; font-weight: bold; color: #333333; } div.genButton a:hover { background-position: -150px 0; font-weight: bold; text-decoration: none; color: #000000; } div.genButton a:visited { text-decoration: none; font-weight: bold; color: #333333; } /*RESOURCES BUTTONS ------------------------------ */ div.calenderButtonWrap { background: url("../images/tools_resources/button_calender.jpg") no-repeat top left; background-position: -150px 0; float: left; display: inline; width: 150px; height: 100px; margin-right: 15px; margin-left: 15px; margin-bottom: 35px; margin-top: 20px; } div.calenderButton a { background: url("../images/tools_resources/button_calender.jpg") no-repeat top left; display: block; width: 115px; height: 93px; padding: 7px 0px 0px 35px; text-decoration: none; text-align: left; color: #333333; font-weight: bold; font-size:14px; } div.calenderButton a:hover { background-position: -150px 0; text-decoration: none; color: #000000; font-weight: bold; } div.calenderButton a:visited { text-decoration: none; color: #333333; font-weight: bold; } div.newsletterButtonWrap { background: url("../images/tools_resources/button_newsletter.jpg") no-repeat top left; background-position: -150px 0; float: left; display: inline; width: 150px; height: 100px; margin-right: 15px; margin-left: 15px; margin-bottom: 35px; margin-top: 20px; } div.newsletterButton a { background: url("../images/tools_resources/button_newsletter.jpg") no-repeat top left; display: block; width: 115px; height: 93px; padding: 7px 0px 0px 35px; text-decoration: none; text-align: left; color: #333333; font-weight: bold; font-size:14px; } div.newsletterButton a:hover { background-position: -150px 0; text-decoration: none; color: #000000; font-weight: bold; } div.newsletterButton a:visited { text-decoration: none; color: #333333; font-weight: bold; } div.calculatorsButtonWrap { background: url("../images/tools_resources/button_calculators.jpg") no-repeat top left; background-position: -150px 0; float: left; display: inline; width: 150px; height: 100px; margin-right: 15px; margin-left: 15px; margin-bottom: 35px; margin-top: 20px; } div.calculatorsButton a { background: url("../images/tools_resources/button_calculators.jpg") no-repeat top left; display: block; width: 115px; height: 93px; padding: 7px 0px 0px 35px; text-decoration: none; text-align: left; color: #333333; font-weight: bold; font-size:14px; } div.calculatorsButton a:hover { background-position: -150px 0; text-decoration: none; color: #000000; font-weight: bold; } div.calculatorsButton a:visited { text-decoration: none; color: #333333; font-weight: bold; } /*CLIENT SECTION BUTTONS ------------------------------ */ div.notebookButtonWrap { background: url("../images/client_section/button_notebook.jpg") no-repeat top left; background-position: -150px 0; float: left; display: inline; width: 150px; height: 100px; margin-right: 61px; margin-left: 61px; margin-bottom: 35px; margin-top: 20px; } div.notebookButton a { background: url("../images/client_section/button_notebook.jpg") no-repeat top left; display: block; width: 115px; height: 93px; padding: 7px 0px 0px 35px; text-decoration: none; text-align: left; color: #333333; font-weight: bold; font-size:14px; } div.notebookButton a:hover { background-position: -150px 0; text-decoration: none; color: #000000; font-weight: bold; } div.notebookButton a:visited { text-decoration: none; color: #333333; font-weight: bold; } div.fileButtonWrap { background: url("../images/client_section/button_file_share.jpg") no-repeat top left; background-position: -150px 0; float: left; display: inline; width: 150px; height: 100px; margin-right: 61px; margin-left: 61px; margin-bottom: 35px; margin-top: 20px; } div.fileButton a { background: url("../images/client_section/button_file_share.jpg") no-repeat top left; display: block; width: 115px; height: 93px; padding: 7px 0px 0px 35px; text-decoration: none; text-align: left; color: #333333; font-weight: bold; font-size:14px; } div.fileButton a:hover { background-position: -150px 0; text-decoration: none; color: #000000; font-weight: bold; } div.fileButton a:visited { text-decoration: none; color: #333333; font-weight: bold; } /*FORM ASSETTS ------------------------------ */ form { width: 100%; padding: 0; margin: 0; overflow: hidden; font-size: 0.75em/*12px*/; } fieldset { width: auto; padding: 0; margin: 0; border: 0; } legend { padding: 10px 0; color: #fff; font-weight: bold; } .fi { background-color: #5f7501; margin: 2px 0 0 0; padding: 4px; overflow: hidden; } .fi label { float: left; width: 30%; padding: 6px 0 2px 0; font-weight: bold; color: #ccc; } .fi input { width: 65%; height: 18px; padding: 4px 0 0 4px; } .fi select { width: 65%; padding: 4px; } .subbutt { width: auto; float: right; margin: 10px 0px; } .fiMulti { background-color: #5f7501; margin: 2px 0 0 0; padding: 4px; overflow: hidden; } .fiMulti input { width: 30%; border: 0; margin: 2px 0 0 0; } .fiMulti label { float: left; width: 65%; padding: 0 0 2px 0; font-weight: bold; font-size: 0.875em; color: #ccc; } /* landing pages contact form */ .landingForm div.fi { background-color: #ededed; width: 642px; } .landingForm div.fi label { width: 75px; color: #333; padding-left: 10px; padding-right: 10px; text-align: right; } .landingForm div.fi input { float: left; width: 400px; height: 22px; } .landingForm div.fi select { width: 207px; } .landingForm .subbutt { float: left; margin-left: 99px; } label.singleLine { display: block; width: 100%; padding: 0; margin: 10px 0 10px 0; font-weight: bold; } .landingForm select { width: 225px; text-align: left; margin: 0 0 10px 0; } .landingForm div.fiMulti { margin: 0 0 4px 0; } .landingForm div.fiMulti input { float: left; width: 20px; } .landingForm div.fiMulti label { width: 178px; padding: 0; } /* BLOCK - GENERIC BOX ------------------------------ */ .genericBox { background: #576b00 url(../images/bkgnd_sliver_green_gradiant.png) repeat-x scroll left top; width: auto; border: 0px solid #333; padding: 10px; margin: 0 0 1px 0; } .genericBox h2 { color: #fff; margin-bottom: 10px; font-weight: bold; } .genericBox p { margin-bottom: 10px; color: #fff; } .genericBox a:link, .genericBox a:visited { color: #fff; } .genericBox ul { color: #fff; } .blueBox { background: #414352 url(../images/bkgnd_sliver_blue_gradiant.png) repeat-x scroll left top; } .greenBox h3 { color: #333; } /* BLOCK - GUIDE BOX - NEWHOME ------------------------------ */ #home .guideBox { width: 291px; height: 177px; background: #fff url("../images/bkgnd_guideBox.png") no-repeat top left; padding: 20px; text-align: center; } /* BLOCK - FREE REPORT BOX ------------------------------ */ .freeReportBox { background: #576b00 url(../images/bkgnd_sliver_green_gradiant.png) repeat-x scroll left top; width: auto; border: 0px solid #333; padding: 10px; margin: 0 0 1px 0; text-align: center; } .freeReportBox h2 { color: #fff; margin-bottom: 10px; } .freeReportBox p { margin-bottom: 10px; color: #fff; } .freeReportBox a:link, .freeReportBox a:visited { color: #fff; } /* free report form */ .freeReportBox form .fi label { width: 25%; } .freeReportBox form .fi input { float: left; width: 70%; } /* BLOCK - FREE REPORT BOX - HOME ------------------------------ */ #home .freeReportBox { background: transparent url("../images/bkgnd_freeGuideBox.png") no-repeat left top; width: 311px; height: 363px; padding: 10px; margin: 0 0 20px 0; text-align: center; } #home .freeReportBox h2 { font-size: 1.5em/*24px*/; color: #ba0101; margin-bottom: 10px; } #home .freeReportBox h3 { font-size: 1.25em/*20px*/; color: #000; margin-bottom: 10px; font-style: italic; } #home .freeReportBox p { margin-bottom: 25px; color: #000; } #home .freeReportBox a:link, #home .freeReportBox a:visited { color: #333; } #home .freeReportBox { margin-bottom: 20px; } /* free report form */ #home .fi { background-color: transparent; } #home .freeReportBox form .fi label { width: 25%; color: #000; } #home .freeReportBox form .fi input { float: left; width: 70%; } #home .subbutt { margin-right: 10px; } /* BLOCK - KEY CONTACTS BOX ------------------------------ */ .keyContactsBox { background: #414352 url(../images/bkgnd_sliver_blue_gradiant.png) repeat-x scroll left top; width: auto; padding: 10px; margin: 0 0 1px 0; } .keyContactsBox h2 { color: #fff; margin-bottom: 10px; } .keyContactsBox h3 { color: #ccc; margin-bottom: 5px; text-transform: uppercase; } .keyContactsBox ul { margin: 0; padding: 0; } .keyContactsBox li { margin: 0 0 15px 0; padding: 0; list-style-type: none; color: #fff; border-bottom: 1px dotted #fff; } .keyContactsBox li.last { border-bottom: none; margin-bottom: 0; } .keyContactsBox ul li ul { overflow: hidden; width: 100%;/*give haslayout for ie6*/ } .keyContactsBox ul li ul li { float: left; width: 50%; border-bottom: none; } .keyContactsBox a:link, .keyContactsBox a:visited { color: #fff; } /* BLOCK - QUOTE BOX ------------------------------ */ .quoteBox { width: auto; padding: 10px 10px 0 10px; margin: 0; } .quoteBox h2 { font-family: Georgia, serif; color: #666; } .quoteBox p.quote { font-family: Georgia, serif; color: #576b00; font-weight: bold; line-height: 1.67em/*20px*/; } .quoteBox p.signature { font-family: Georgia, serif; color: #999; font-weight: bold; border-left: 2px solid #999; padding-left: 5px; } /*FOOTER ASSETTS ------------------------------ */ #frameFooterBkgrnd { background: #576b00; width: 100%; margin: 20px 0 0 0; padding: 0; } #frameFooter { background: #576b00; width: 950px; margin: 0 auto 0 auto; padding: 4px 0 4px 0; font-size: 0.75em; line-height: 1.75em; color: #ccc; overflow: hidden; } #footerLeft { background: #576b00; float: left; text-align: left; margin: 3px 0 0 0; padding: 0; } #footerRight { background: #576b00; float: right; text-align: right; margin: 3px 0 0 0; padding: 0; } #frameFooter a { color:#ECEBEB; text-decoration:none; } #frameFooter a:hover { color:#fff; text-decoration:underline; } #frameFooter a:visited { color:#ECEBEB; text-decoration:none; } /*BIO STYLES ------------------------------ */ img.bioImage { float: left; margin: 10px 20px 10px 10px; } #bioTextHolder { background: #fff; float: left; width: 510px; height: 200px; margin: 0; padding: 0 10px 10px 0; text-align: justify; overflow: auto;} /*SERVICES BUTTONS ------------------------------ */ #buttonAuditWrap { background: url("../images/services/nav_audit.gif") no-repeat top left; float: left; background-position: -83px 0; display: block; width: 83px; height: 23px; } #buttonAudit a { background: url("../images/services/nav_audit.gif") no-repeat top left; display: block; width: 83px; height: 23px; } #buttonAudit a:hover { background-position: -83px 0; } #buttonAccountingWrap { background: url("../images/services/nav_accounting.gif") no-repeat top left; float: left; background-position: -132px 0; display: block; width: 132px; height: 23px; } #buttonAccounting a { background: url("../images/services/nav_accounting.gif") no-repeat top left; display: block; width: 132px; height: 23px; } #buttonAccounting a:hover { background-position: -132px 0; } #buttonBusinessWrap { background: url("../images/services/nav_business.gif") no-repeat top left; float: left; background-position: -248px 0; display: block; width: 248px; height: 23px; } #buttonBusiness a { background: url("../images/services/nav_business.gif") no-repeat top left; display: block; width: 248px; height: 23px; } #buttonBusiness a:hover { background-position: -248px 0; } #buttonTaxWrap { background: url("../images/services/nav_tax.gif") no-repeat top left; float: left; background-position: -81px 0; display: block; width: 81px; height: 23px; } #buttonTax a { background: url("../images/services/nav_tax.gif") no-repeat top left; display: block; width: 81px; height: 23px; } #buttonTax a:hover { background-position: -81px 0; }