/* Coding and design by Hambo Design -------------------------------------------------------------*/ body { background: #eaeaea url(/_media/images/layout/presentation/body_bg.gif) repeat-x; text-align: center; } /* List Styling -------------------------------------------------------------*/ #content ul { margin-bottom: 20px; padding-left: 15px; } #content li { list-style-type: square; margin-bottom: 2px; } /* Navigation Styling -------------------------------------------------------------*/ #navigation_main ul { background: url(/_media/images/layout/presentation/navigation_tabs.gif) no-repeat; height: 32px; list-style: none; margin: 0; padding: 0; width: 670px; } #navigation_main li { display: block; float: left; height: 32px; margin: 0; margin-right: 1px; padding: 0; text-indent: -9999px; } #navigation_main li.last { margin-right: 0; } #navigation_main li a { display: block; height: 32px; text-decoration: none; } li#nhome { width: 65px; } li#nhome a:hover { background: url(/_media/images/layout/presentation/navigation_tabs.gif) 0 -32px; } #home li#nhome { background: url(/_media/images/layout/presentation/navigation_tabs.gif) 0 -32px; } li#nsolutions { width: 89px; } li#nsolutions a:hover { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -66px -32px; } #solutions li#nsolutions { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -66px -32px; } li#nbackground_screening { width: 176px; } li#nbackground_screening a:hover { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -156px -32px; } #background_screening li#nbackground_screening { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -156px -32px; } li#nresources { width: 95px; } li#nresources a:hover { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -333px -32px; } #resources li#nresources { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -333px -32px; } li#ncareers { width: 77px; } li#ncareers a:hover { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -429px -32px; } #careers li#ncareers { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -429px -32px; } li#nabout_us { width: 85px; } li#nabout_us a:hover { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -507px -32px; } #about_us li#nabout_us { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -507px -32px; } li#ncontact { width: 77px; } li#ncontact a:hover { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -593px -32px; } #contact_us li#ncontact { background: url(/_media/images/layout/presentation/navigation_tabs.gif) -593px -32px; } #sidebar ul { background-color: #588ABD; padding: 20px 15px 20px; width: 230px; } #sidebar li { border-bottom: 1px solid #eee; display: block; width: 230px; } #sidebar li a { color: #fff; display: block; padding: 4px 3px 3px; width: 224px; } #sidebar li a:hover { background: url(/_media/images/layout/presentation/sub_nav_bg.gif) repeat-x; color: #000; } #sidebar li.open a { background: url(/_media/images/layout/presentation/sub_nav_bg.gif) repeat-x; color: #000; } /* Button Styles -------------------------------------------------------------*/ a.button { display: block; position: relative; text-indent: -9999px; } a.start_now { background: url(/_media/images/layout/icons/button_start_now.gif) no-repeat; height: 32px; width: 123px; } a.start_now:hover { background: url(/_media/images/layout/icons/button_start_now.gif) 0 -32px no-repeat; height: 32px; width: 123px; } a.sign_up_now { background: url(/_media/images/layout/icons/button_sign_up_now.gif) no-repeat; height: 37px; width: 233px; } a.sign_up_now:hover { background: url(/_media/images/layout/icons/button_sign_up_now.gif) 0 -37px no-repeat; height: 37px; width: 233px; } a.signup { background: url(/_media/images/layout/icons/button_signup.gif) no-repeat; height: 20px; margin: 0 auto; width: 59px; } a.signup:hover { background: url(/_media/images/layout/icons/button_signup.gif) 0 -20px no-repeat; margin: 0 auto; height: 20px; width: 59px; } a.pitfall_banner { background: url(/_media/images/layout/presentation/pitfall_banner.jpg) no-repeat; height: 208px; width: 345px; } a.deadly_sins_banner { background: url(/_media/images/layout/presentation/deadly_sins_banner.jpg) no-repeat; height: 208px; width: 345px; } /* DIV Classes -------------------------------------------------------------*/ .post { border-bottom: 1px solid #ccc; margin-top: 20px; overflow: auto; padding-bottom: 10px; } .radio_choice { float: left; width: 60px; } .job_info { float: left; width: 540px; } /* DIV Areas -------------------------------------------------------------*/ #container { margin: 0 auto; text-align: left; width: 980px; } #container_inner { background: url(/_media/images/layout/presentation/container_inner_interior_bg.png) center repeat-y; clear: both; float: left; padding: 0 10px 20px; width: 960px; } #home #container_inner { background: url(/_media/images/layout/presentation/container_inner_bg.png) center repeat-y; clear: both; float: left; padding: 20px 25px; width: 930px; } /* Masthead Area -------------------------------------------------------------*/ #masthead { background: url(/_media/images/layout/presentation/masthead_bg.gif) no-repeat; height: 122px; padding: 0 10px 0 25px; width: 945px; } #logo { float: left; height: 90px; width: 250px; } #login_panel { float: right; height: 90px; width: 400px; } #navigation_main { clear: both; float: right; height: 32px; width: 670px; } /* Banner Area -------------------------------------------------------------*/ #banner { float: left; width: 930px; } #solution_statement { background: url(/_media/images/layout/presentation/solution_statement_bg.jpg) no-repeat; float: left; height: 185px; overflow: hidden; padding: 135px 25px 10px 25px; width: 475px; } #background_screening_start { background-color: #F0C000; border-left: 2px solid #fff; float: left; height: 330px; width: 403px; } #background_screening_start h2 { background: url(/_media/images/layout/presentation/background_screening_start_header.gif) no-repeat; height: 90px; padding: 0; width: 403px; text-indent: -9999px; } #background_screening_start ol { background-color: #f4ca1e; border: 1px solid #f6d03a; margin-left: 30px; padding-bottom: 20px; width: 335px; } #background_screening_start ol li { height: 60px; text-indent: -9999px; width: 335px; } li#background_screening_start_step1 { background: url(/_media/images/layout/presentation/start_step_1.gif) no-repeat; } li#background_screening_start_step2 { background: url(/_media/images/layout/presentation/start_step_2.gif) no-repeat; } li#background_screening_start_step3 { background: url(/_media/images/layout/presentation/start_step_3.gif) no-repeat; } #background_screening_start a.start_now { margin: -20px 0 0 220px; } /* Sidebar -------------------------------------------------------------*/ #sidebar { background-color: #739dd3; float: left; padding: 0; width: 260px; } #sidebar_inner { padding: 20px 15px; width: 230px; } #step_counter { height: 75px; margin-bottom: 20px; width: 260px; } .step_1 #step_counter { background: #588abd url(/_media/images/layout/presentation/steps_step1.gif) no-repeat; } .step_2 #step_counter { background: #588abd url(/_media/images/layout/presentation/steps_step2.gif) no-repeat; } .step_3 #step_counter { background: #588abd url(/_media/images/layout/presentation/steps_step3.gif) no-repeat; } .sign_up #step_counter { background: #588abd url(/_media/images/layout/presentation/steps_sign_up.gif) no-repeat; } #customer_story { background: #739dd3 url(/_media/images/layout/presentation/sidebar_stories_bg.gif) repeat-x; margin-top: 20px; padding: 10px 15px 0; } /* Content Area -------------------------------------------------------------*/ #content { float: left; margin-left: 30px; padding-top: 10px; width: 670px; } #content #content_title { background-color: #f0c000; height: 50px; margin-bottom: 20px; padding: 20px 10px 0; width: 635px; } #solutions #content_title { background: url(/_media/images/layout/presentation/headers/solutions.jpg) no-repeat; padding-top: 125px; } #resources #content_title { background: url(/_media/images/layout/presentation/headers/resources.jpg) no-repeat; padding-top: 125px; } #careers #content_title { background: url(/_media/images/layout/presentation/headers/careers.jpg) no-repeat; padding-top: 125px; } #about_us #content_title { background: url(/_media/images/layout/presentation/headers/about_us.jpg) no-repeat; padding-top: 125px; } #contact_us #content_title { background: url(/_media/images/layout/presentation/headers/contact.jpg) no-repeat; padding-top: 125px; } #content_body { padding: 0 25px 0 10px; } /* Home Area -------------------------------------------------------------*/ #content_home { clear: both; padding: 40px 0 20px; width: 930px; } #home_information { float: left; width: 525px; } .home_information_column { float: left; width: 250px; } #featured_solutions { margin-right: 25px; } .home_information_item { margin-bottom: 10px; padding: 0 10px; width: 230px; } #common_pitfalls { float: left; margin-left: 30px; width: 375px; } /* Footer Area -------------------------------------------------------------*/ #footer { background-color: #f2f2f2; clear: both; float: left; margin-left: 10px; padding: 20px 25px 30px; text-align: left; width: 910px; } #footer_left { float: left; width: 500px; } #footer_right { float: right; width: 340px; } #site_credits { background-color: #eaeaea; float: left; margin-left: 10px; padding: 10px 25px; text-align: right; width: 910px; } /* Tables -------------------------------------------------------------*/ table { font-size: 12px; width: 620px; margin: 10px 0 30px; vertical-align: middle; } td,th { background-color: #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 6px 0; text-align: center; } td img, th img { vertical-align: middle; } .tableHeading th { background: url(/_media/images/layout/presentation/table_header_bg.gif) top repeat-x; border: 1px solid #eee; border-left: none; color: #111; font-size: 12px; padding: 3px 0; text-transform: uppercase; } tfoot th { border: none; text-align: center; } tfoot td { border: none; text-align: center; } th h3 { color: #333; font-size: 12px; padding: 0; margin: 0; } th a { width: 59px; } th.column1 { width: 196px; text-align: left; border: 1px solid #eee; border-top: none; background: #fff; color: #2F4450; padding-left: 4px; } th.first { border-left: 1px solid #fff; } .column2 { width: 140px; text-align: left; } .column3 { width: 140px; text-align: left; } .column4 { width: 140px; text-align: left; }