/*** Custom Styles ***/ /* Generic Elements */ body { background: #dedced; font-family: 'Trebuchet MS', Tahoma, Verdana, san serif; font-size: 62.5%; color: #000; line-height: 1.5; } h1 {} h2 { font-weight: bold; font-size: 13px; margin-bottom: 20px; position: relative; z-index: 15; } h3 { font-weight: bold; font-size: 13px; margin-bottom: 20px; position: relative; z-index: 1000; } h4 { color: #000/*2f2d81*/; font-size: 17px; font-weight: normal; margin: 0 0 5px; padding: 0; position: relative; z-index: 15; } h5 { font-weight: bold; font-style: italic; font-size: 16px; margin: 0 0 10px; padding: 0; position: relative; z-index: 15; } p { padding: 0 0 1.5em; font-size: 1.35em; position: relative; z-index: 15; } p.italicized { font-weight: bold; font-style: italic; } p.emphasized { font-weight: bold; font-size: 15px; } p.no-padding { padding: 0; } a { color: #000/*#f8a617*/; } a:hover { color: #2f2d81; } img, a img { border: 0; } ul { position: relative; z-index: 15; } li { font-size: 1.35em; } li li { font-size: 1.0em; list-style: disc; margin-left: 16px; } blockquote { position: relative; z-index: 15; font-size: 1.35em; width: 400px; margin: 15px 35px 0; padding: 0 0 1.5em; font-family: Georgia, serif; } /*** Structure ***/ #container { margin: 0 auto; padding: 0 15px 78px 15px; width: 960px; background: url(/images/container_background.jpg) repeat-y 0 0 #fff; position: relative; } #container_bottom { margin: 0 auto; width: 990px; background: url(/images/container_bottom.jpg) no-repeat 0 0 #fff; height: 33px; } /* pages with body IDs */ #splash #container { padding: 0 15px; } /* header */ #header { height: 119px; background: url(/images/header.jpg) no-repeat; #fff; position: relative; padding: 0 41px; } #header h1 { width: 184px; height: 81px; padding: 19px 0; } #header h1 a img { border: 0; } #header p { position: absolute; right: 41px; top: 53px; margin: auto 0; padding: 0; text-transform: uppercase; } #header p a { text-decoration: none; color: #2f2d81; font-weight: bold; z-index: 15; } #header p a:hover { text-decoration: underline; } /* navigation */ #navigation { background: url(/images/navigation_background.jpg) repeat-x 0 0 #bbc72e; height: 35px; } #navigation ul { margin: 0; padding: 0; } #navigation ul li { float: left; padding: 11px 25px; font-size: 0.9em; } #navigation ul li a.home { position: relative; z-index: 15; display: block; text-indent: -9999px; background: url(/images/navigation.png) no-repeat -1px 0; height: 13px; width: 39px; } #navigation ul li a.about-ics { position: relative; z-index: 15; display: block; text-indent: -9999px; background: url(/images/navigation.png) no-repeat 0 -13px; height: 13px; width: 72px; } #navigation ul li a.products-services { position: relative; z-index: 15; display: block; text-indent: -9999px; background: url(/images/navigation.png) no-repeat 0 -26px; height: 13px; width: 154px; } #navigation ul li a.agency-partners { position: relative; z-index: 15; display: block; text-indent: -9999px; background: url(/images/navigation.png) no-repeat 0 -39px; height: 13px; width: 155px; } #navigation ul li a.captive-owners { position: relative; z-index: 15; display: block; text-indent: -9999px; background: url(/images/navigation.png) no-repeat 0 -52px; height: 13px; width: 121px; } #navigation ul li a.news-events { position: relative; z-index: 15; display: block; text-indent: -9999px; background: url(/images/navigation.png) no-repeat 0 -65px; height: 13px; width: 107px; } /* content */ #content { margin: 12px 12px 0 12px; padding: 30px 0 30px 30px; border: 2px solid #2f2d81; background: url(/images/content-background.jpg) repeat-x 0 0 #fff; position: relative; } #breadcrumb { margin-bottom: 40px; } #breadcrumb ul { position: relative; } #breadcrumb ul li { float: left; font-size: 0.9em; } /* sub navigation */ #sub-nav { margin: 0 14px; position: absolute; bottom: 0; background: url(/images/subnav-background.png) repeat-x 0 -20px transparent; height: 251px; z-index: 5; } #sub-nav ul { margin: 151px 0 0 0; padding: 0; bottom: 0; left: 0; } #sub-nav ul li { float: left; } #sub-nav ul li a { width: 226px; height: 100px; } #sub-nav ul li a.captive-solutions { position: relative; z-index: 15; display: block; text-indent: -9999px; margin: 0 10px 0 -2px; background: url(/images/orange-buttons.png) no-repeat 0 0 transparent; width: 226px; height: 100px; } #sub-nav ul li a.meet-our-staff { position: relative; z-index: 15; display: block; text-indent: -9999px; margin: 0 10px 0 0; background: url(/images/orange-buttons.png) no-repeat -239px 0 transparent; } #sub-nav ul li a.partner-with-us { position: relative; z-index: 15; display: block; text-indent: -9999px; margin: 0 2px 0 0; background: url(/images/orange-buttons.png) no-repeat -478px 0 transparent; } #sub-nav ul li a.go-green-conference { position: relative; z-index: 15; display: block; text-indent: -9999px; margin: 0; background: url(/images/orange-buttons.png) no-repeat -709px 0 transparent; width: 234px; height: 100px; } #sub-nav ul li a:hover.captive-solutions { background: url(/images/orange-buttons.png) no-repeat 0px -141px transparent; width: 226px; height: 100px; } #sub-nav ul li a:hover.meet-our-staff { background: url(/images/orange-buttons.png) no-repeat -239px -141px transparent; width: 226px; height: 100px; } #sub-nav ul li a:hover.partner-with-us { background: url(/images/orange-buttons.png) no-repeat -478px -141px transparent; width: 226px; height: 100px; } #sub-nav ul li a:hover.go-green-conference { background: url(/images/orange-buttons.png) no-repeat -709px -141px transparent; width: 234px; height: 100px; } /* footer */ #footer { margin: 0 auto 30px; width: 936px; padding: 0 27px 30px 27px; font-size: 0.9em; } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p { padding: 0; } /*** Home Folder Styles ***/ /* Breadcrumbs for Home */ .crumb-arrow { margin: 0 10px; height: 16px; margin-top: -1px; } .crumb-difference { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px 0px no-repeat; height: 14px; width: 115px; } .crumb-ownership { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -15px no-repeat; height: 14px; width: 118px; } .crumb-right { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -30px no-repeat; height: 14px; width: 110px; } .crumb-start { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -45px no-repeat; height: 14px; width: 71px; } .crumb-difference-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -60px no-repeat; height: 14px; width: 120px; } .crumb-ownership-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -75px no-repeat; height: 14px; width: 120px; } .crumb-right-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -90px no-repeat; height: 14px; width: 114px; } .crumb-start-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -105px no-repeat; height: 14px; width: 74px; } /* Breadcrumbs for About */ .crumb-about { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -120px no-repeat; height: 14px; width: 62px; } .crumb-mission { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -135px no-repeat; height: 14px; width: 159px; } .crumb-people { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -150px no-repeat; height: 14px; width: 70px; } .crumb-about-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -165px no-repeat; height: 14px; width: 64px; } .crumb-mission-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -180px no-repeat; height: 14px; width: 164px; } .crumb-people-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -195px no-repeat; height: 14px; width: 72px; } /* Breadcrumbs for Products and Services */ .crumb-products { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -300px no-repeat; height: 14px; width: 122px; } .crumb-captives { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -210px no-repeat; height: 14px; width: 54px; } .crumb-risk { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -225px no-repeat; height: 14px; width: 256px; } .crumb-consulting { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -240px no-repeat; height: 14px; width: 171px; } .crumb-products-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -315px no-repeat; height: 14px; width: 126px; } .crumb-captives-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -255px no-repeat; height: 14px; width: 56px; } .crumb-risk-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -270px no-repeat; height: 14px; width: 266px; } .crumb-consulting-active { position: relative; z-index: 15; display: block; text-indent: -9999px; padding: 0; background: url(/images/breadcrumb.png) 0px -285px no-repeat; height: 14px; width: 177px; } /* ICS Difference */ .ics-difference .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 630px; padding-bottom: 30px; } .ics-difference .right-column { margin-left: 630px; position: relative; z-index: 15; } .ics-difference h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px 0px no-repeat; } .ics-difference h3 a { display: block; text-indent: -9999px; height: 23px; width: 262px; background: url(/images/next.png) 0px 0px no-repeat; } /* Captive Ownership */ .captive-ownership .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 450px; padding-bottom: 30px; } .captive-ownership .right-column { margin-left: 480px; position: relative; z-index: 15; } .captive-ownership h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -20px no-repeat; } .captive-ownership h3 a { display: block; text-indent: -9999px; height: 23px; width: 262px; background: url(/images/next.png) 0px -23px no-repeat; } .captive-ownership .right-column p { margin-top: 1.5em; font-size: 12px; width: 393px; } /* Is It Right For Me */ .is-it-right-for-me .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 500px; padding-bottom: 30px; } .is-it-right-for-me .right-column { margin-left: 520px; position: relative; z-index: 15; } .is-it-right-for-me h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -40px no-repeat; } .is-it-right-for-me h3 a { display: block; text-indent: -9999px; height: 23px; width: 262px; background: url(/images/next.png) 0px -46px no-repeat; } /* Get Started */ .get-started .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 580px; padding-bottom: 30px; } .get-started .right-column { margin-left: 620px; position: relative; z-index: 15; } .get-started h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -60px no-repeat; } .get-started h3 a { display: block; text-indent: -9999px; height: 23px; width: 262px; background: url(/images/next.png) 0px -69px no-repeat; } .get-started ul { padding: 0 0 1.5em; } /*** About ICS Styles ***/ /* About ICS */ .about-ics .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 480px; padding-bottom: 30px; } .about-ics .right-column { float: right; position: relative; z-index: 15; padding: 80px 40px 0 0; } .about-ics h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -140px no-repeat; } .about-ics h3 a.mission-vision-values { display: block; text-indent: -9999px; height: 23px; width: 350px; background: url(/images/next.png) 0px -138px no-repeat; } /* Mission, Vision and Values */ .mission-vision-values h2 { display: block; text-indent: -9999px; height: 20px; width: 415px; background: url(/images/h2.png) 0px -160px no-repeat; } .mission-vision-values .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 450px; padding-bottom: 30px; } .mission-vision-values .right-column { margin-left: 580px; position: relative; z-index: 15; } .mission-vision-values h3 a.our-people { display: block; text-indent: -9999px; height: 23px; width: 260px; background: url(/images/next.png) 0px -161px no-repeat; clear: both; } /* Our People */ .our-people h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -180px no-repeat; } table { position: relative; z-index: 15; font-size: 1.25em; } td { padding: 2px 15px 2px 0; } .alternate { background: #edebf8; } .our-people h3 a.employment-opportunities { display: block; text-indent: -9999px; height: 23px; width: 199px; background: url(/images/next.png) 0px -184px no-repeat; clear: both; } #people-list table { margin-left: 1em; margin-bottom: 2em; width: 390px; } #people-list table td { background-color: #e9e6f2; font-style: italic; padding: 3px 5px; } #people-list table td a { font-style: normal; font-weight: bold; display: block; width: 120px; } #people-list table tr.odd td { background-color: #f1f0f7; } /*** Products and Services Styles ***/ /* Products and Services */ .products-services .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 480px; padding-bottom: 30px; } .products-services .right-column { float: right; position: relative; z-index: 15; padding: 60px 20px 0 0; } .products-services h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -80px no-repeat; } .products-services ul { padding: 0 0 1.5em; } .products-services ul ul { padding: 0; } /* Captives */ .captives h2 { display: block; text-indent: -9999px; height: 20px; width: 505px; background: url(/images/h2.png) 0px -200px no-repeat; } .captives h3 a { display: block; text-indent: -9999px; height: 23px; width: 262px; background: url(/images/next.png) 0px -69px no-repeat; } /* Risk Management */ .risk-management h2 { display: block; text-indent: -9999px; height: 20px; width: 675px; background: url(/images/h2.png) 0px -220px no-repeat; } .risk-management h3 a { display: block; text-indent: -9999px; height: 23px; width: 262px; background: url(/images/next.png) 0px -69px no-repeat; } /* Claims Administration .claims-administration h2 { display: block; text-indent: -9999px; height: 20px; width: 340px; background: url(/images/h2.png) 0px -240px no-repeat; } .claims-administration h3 a { display: block; text-indent: -9999px; height: 23px; width: 262px; background: url(/images/next.png) 0px -69px no-repeat; } */ /* Captive Consulting Services */ .captive-consulting h2 { display: block; text-indent: -9999px; height: 20px; width: 439px; background: url(/images/h2.png) 0px -240px no-repeat; } .captive-consulting h3 a { display: block; text-indent: -9999px; height: 23px; width: 262px; background: url(/images/next.png) 0px -69px no-repeat; } /*** ICS Agency Partners Styles ***/ /* ICS Agency Partners */ .agency-partners .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 510px; padding-bottom: 30px; } .agency-partners .right-column { float: right; position: relative; z-index: 15; padding: 80px 40px 0 0; } .agency-partners h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -100px no-repeat; } .agency-partners h3 a.listing { display: block; text-indent: -9999px; height: 23px; width: 320px; background: url(/images/next.png) 0px -92px no-repeat; } .agency-partners h3 a.contact { display: block; text-indent: -9999px; height: 23px; width: 320px; background: url(/images/next.png) 0px -69px no-repeat; clear: both; } /* List of ICS Agency Partners */ .list-of-agency-partners h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -100px no-repeat; } .list-of-agency-partners h3 a.partner { display: block; text-indent: -9999px; height: 23px; width: 320px; background: url(/images/next.png) 0px -115px no-repeat; clear: both; } /* Why partner with ICS */ .why-partner-with-ics h2 { display: block; text-indent: -9999px; height: 20px; width: 350px; background: url(/images/h2.png) 0px -260px no-repeat; } div.why-partner-with-ics { padding-right: 150px !important; } /*** News and Events ***/ .news-events .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 430px; padding-bottom: 30px; } .news-events .right-column { padding: 0; margin: 0 20px 0 480px; position: relative; z-index: 15; } .news-events h2 { display: block; text-indent: -9999px; height: 20px; margin-bottom: 41px; width: 315px; background: url(/images/h2.gif) 0px -120px no-repeat; } .news-events h2.conference { display: block; text-indent: -9999px; height: 46px; margin-bottom: 15px; width: 310px; background: url(/images/h2.gif) 0px -300px no-repeat; } .news-events .tabbed-bullets li { padding-bottom: 0.25em; } .news-events li.last { padding-bottom: 1.5em; } /*** Contact ***/ .contact-us .left-column { float: left; margin: 0; position: relative; z-index: 15; width: 580px; padding-bottom: 30px; } .contact-us .right-column { padding: 40px 0 0; margin-left: 610px; position: relative; z-index: 15; } .contact-us h2 { display: block; text-indent: -9999px; height: 20px; width: 315px; background: url(/images/h2.png) 0px -280px no-repeat; } .contact-us dt { margin: 0 0 5px; padding: 0; float: left; clear: both; width: 120px; text-align: right; } .contact-us dd { margin: 0 0 5px 123px; padding: 0 0 0 5px; width: auto; } /* Form */ form { width: 400px; } label { font-size: 1.35em; } input.textbox { background: #fff; padding: 3px; border: 1px solid #666; width: 200px; } textarea { width: 250px; height: 80px; } dl dt label { margin: 0; padding: 0; } /*** Classes ***/ /* columns */ .column { float: left; width: 180px; margin: 10px 9px 0 0; } .last-column { margin: 10px 0 0 0; } .clear { clear: both; } .first a { text-transform: uppercase; font-weight: bold; } .divider { display: block; width: 1px; height: 13px; } .bullets { list-style: disc; margin-left: 16px; } .bullets li { padding-bottom: 0.75em; } /*.bullets li.last { padding-bottom: 1.5em; }*/ .tabbed-bullets { list-style: disc; margin-left: 30px; } .tabbed-bullets li { padding-bottom: 0; } .tabbed-bullets li ul {margin: 5px 0 5px 20px; } /*.tabbed_bullets li.last { padding-bottom: 1.5em; }*/ li.last { padding-bottom: 1.5em; } .par_listing { padding: 0 0 0.5em; } /* ----------------> for paragraphs */ /*.listing { margin: 0 0 0 30px; }*/ /* ----------------> for unordered lists */ ul.no-disc { list-style: none; } /* orange color - #f8a617 */ /* purple color - #2f2d81 */ /*** Excessive Orange & Purple Headlines ***/ .orange-headline { height: 20px; width: 480px; text-indent: -9999px; background-image: url('../images/orange-headlines.gif'); background-repeat: no-repeat; background-position: 0px 0px; } #unique-business-alignment { background-position: 0px -45px; } #all-we-do { background-position: 0px -90px; } #mission-statement { background-position: 0px -135px; } #vision-statement { background-position: 0px -175px; } #values-statement { background-position: 0px -219px; } #expertise-in-the { background-position: 0px -260px; } #also-offers { background-position: 0px -304px; } #group-captive-profile { background-position: 0px -345px; } #single-captive-profile { background-position: 0px -388px; } #rental-captive-profile { background-position: 0px -430px; } #risk-mgmt { background-position: 0px -610px; } #claims-admin { background-position: 0px -650px; } #valued-agency-partners { width: 300px; background-position: 0px -480px; } #people-mgmt { background-position: 0px -695px; width: 142px; } #people-captive { background-position: 0px -737px; width: 165px; } #people-program { background-position: 0px -782px; width: 165px; } #people-finance { background-position: 0px -820px; width: 165px; } #people-events { background-position: 0px -862px; width: 165px; } #people-sales { background-position: 0px -909px; width: 142px; } #people-risk { background-position: 0px -610px; width: 165px; } #people-ops { background-position: 0px -954px; width: 165px; } #tell-us { background-position: 0px -510px; } #interested-in { background-position: 0px -549px; } .purple-headline { height: 20px; width: 500px; text-indent: -9999px; background-image: url('../images/purple-headlines.gif'); background-repeat: no-repeat; background-position: 0px 0px; } #its-time { background-position: 0px -10px; } #bold-new-way { background-position: 0px -57px; } #of-course { height: 50px; background-position: 0px -102px; } #at-ics { background-position: 0px -176px; } #do-business-boldly-headline { background-position: 0px -250px; } #what-we-believe-headline { background-position: 0px -297px; } #meet-the-experts { background-position: 0px -345px; } #tools-you-need { height: 40px; background-position: 0px -395px; } #group-captives-headline { background-position: 0px -465px; } #single-parent-captives-headline { background-position: 0px -513px; } #rental-captives-headline { background-position: 0px -560px; } #services-you-need { width: 520px; background-position: 0px -707px; } #best-in-class { height: 75px; background-position: 0px -875px; } #trust { background-position: 0px -760px; } #contact-ics-today { background-position: 0px -825px; } /*** SIFR ***/ /* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */ .sIFR-flash, .sIFR-flash object, .sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; } span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }