/* screen CSS document screen.css client: The HR Companies author: Atlantic BT - www.atlanticbt.com date: 11-26-07 */ /*====================================== =Main Styles ======================================*/ body { font-family: Arial, Helvetica, sans-serif; color: #5c5c5c; text-align: center; /* <-- center design in browser for IE */ background: #fff; font-size: x-small; /* for IE5/Win */ font-s\ize: small; /* for real browsers */ } div { font-size: 100%; text-align: left; } /*====================================== =Typography Styles ======================================*/ /* font rule shortcut: */ /* font: font-style font-variant font-weight font-size/line-height font-family; */ p { } #content * { line-height: 1.4em; } #content p { margin: 1em 0; } a { } /* base anchor colors/style */ a:link, a:visited { color: #005c8e; } a:hover, a:active { color: #139852; } /* $a:focus dotted outline fix found in moz.css and abt.js (search for "theahrefs") */ #site-info a { color: #555555; text-decoration: none; } #site-info a:hover { color: #555555; text-decoration: underline; } a.more, a.more-link, .more-link a { padding-right: 10px; background: url(images/icons/i_plus.gif) no-repeat right center; } a.more:hover, a.more-link:hover, .more-link a:hover { background-image: url(images/icons/i_plus-bl.gif); } /*a[href^="http:"] { background: url(images/icons/i_ext-link.gif) no-repeat top right; padding-right: 12px; } a[href^="http://www.example.com"], a[href^="http://example.com"], #site-info a[href^="http:"] { background: none; padding-right: 0; }*/ .pdf { padding-right: 18px; background: url(images/icons/i_pdf.gif) no-repeat right center; } p.top-link { text-align: right; } a.top-link, p.top-link a { padding-right: 10px; background: url(images/icons/i_up-arrow.gif) no-repeat right center; } a.back-link, p.back-link a { padding-left: 10px; background: url(images/icons/i_l-arrow.gif) no-repeat left center; } h1, h2, h3, h4, h5, h6 { margin: 1em 0; font: bold 110% Arial, sans-serif; color: #149d55; } h2 { font-size: 110%; color: #6190b6; } h3, h4, h5, h6 { font-size: 100%; } h4 { } /*====================================== =Other Element Styles ======================================*/ ul, ul li { list-style: none; } #main-area ul { margin: 1em 0 1em 1em; } #main-area ul li { margin: .5em 0; padding-left: 15px; background: url(images/icons/i_bullet-gy.gif) no-repeat 0 .5em; } #main-area ul.news { margin: 0; } #main-area ul.news li { background: url(images/icons/i_news-bullet.gif) no-repeat 0 .2em; } ol, ol li { } #main-area ol { margin: 1em 0 1em 2em; } /* 40px left margin seems to make the ol line up with the ul */ #main-area ol li { margin: .5em 0; } dl { } #content dl { margin: 1em 0; } #content dl dt { margin: .5em 0; font-weight: bold; } #content dl dd { margin: .5em 0 .5em 1em; } acronym { cursor: help; border-bottom: 1px dotted #353535; } abbr.region { border: none; } address { } blockquote { margin: 1em 0; padding: 0 1em; border-left: 9px solid #e7e7e7; } blockquote p { margin: 1em 0; } blockquote p.cite { text-align: right; } blockquote p.cite cite { font-weight: bold; } blockquote p.cite em { display: block; font-style: normal; font-weight: normal; } /*====================================== =Form Styles ======================================*/ input, textarea, select { padding: 2px; margin: 0 0 10px 0; border: 1px solid #cdcdcd; background: #fff url(images/bg_input.gif) repeat-x 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 85%; } table td textarea { margin-left: 10px; vertical-align: top; } input.radio, input.checkbox { border: 0; width: auto; background: none; } input.radio { margin-bottom: 0; } p.radio { padding-left: 10px; } /*====================================== =Layout Styles ======================================*/ #container { position: relative; margin: 0 auto; background: url(images/bg_container.gif) no-repeat 0 0; width: 800px; } /* =floats and widths */ #masthead, #navigation, #main-area, #site-info { float: left; display: inline; width: 800px; } #masthead { position: relative; height: 115px; background: url(images/bg_masthead.gif) no-repeat 0 0; } /* hide accessibility, but leave there for readers */ #masthead #jump-2-conclusions { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; } #masthead #logo, #masthead #logo a { float: left; display: inline; width: 142px; height: 94px; background: url(images/ind_logo.gif) no-repeat 0 0; } #masthead #logo { margin: 10px 0 0 19px; } #masthead #logo a { text-indent: -9000em; } #masthead form { position: absolute; top: 15px; right: 25px; } #masthead form #search { margin: 0; padding: 0; border: 0; vertical-align: middle; } #masthead label, #masthead p#phone-number { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; } #site-info { position: relative; margin-top: 20px; padding: 15px 0 20px 0; font-size: 85%; } #site-info .vcard { margin-bottom: 1em; } #site-info p.top-link { position: absolute; right: 9px; top: 0; text-align: left; } #site-info p.top-link, #site-info p.top-link a { float: left; display: inline; padding: 0; width: 800px; height: 8px; background: url(images/sp_top-link.gif) no-repeat 0 0; text-indent: -9000em; font-size: 2px; } #site-info p.top-link a:hover { background-position: 0 -8px; } /*====================================== =Page Styles ======================================*/ /*====================================== =Navigation Styles ======================================*/ /* =navigation */ #navigation { position: absolute; top: 85px; left: 178px; width: 615px; height: 30px; } #navigation h5 { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; } #navigation ul, #navigation ul li, #navigation ul li a { float: left; display: inline; height: 30px; } #navigation ul { width: 615px; background: url(images/sp_nav.gif) no-repeat 0 0; } #navigation ul li { /* for n-home */ height: 30px; } #navigation ul li a { width: 76px; /* for n-home */ height: 30px; text-indent: -9000em; } #navigation ul li#n-service, #navigation ul li#n-service a { width: 154px; } #navigation ul li#n-pricing, #navigation ul li#n-pricing a { width: 90px; } #navigation ul li#n-blog, #navigation ul li#n-blog a { width: 88px; } #navigation ul li#n-about, #navigation ul li#n-about a { width: 101px; } #navigation ul li#n-contact, #navigation ul li#n-contact a { width: 106px; } body#index #navigation ul li#n-home a, #navigation ul li a:hover { background: url(images/sp_nav.gif) no-repeat 0 -30px; } /* position for n-home */ body.service-offerings #navigation ul li#n-service a, #navigation ul li#n-service a:hover { background: url(images/sp_nav.gif) no-repeat -76px -30px; } body.pricing #navigation ul li#n-pricing a, #navigation ul li#n-pricing a:hover { background: url(images/sp_nav.gif) no-repeat -230px -30px; } body.hr-tips #navigation ul li#n-blog a, #navigation ul li#n-blog a:hover { background: url(images/sp_nav.gif) no-repeat -320px -30px; } body.about-us #navigation ul li#n-about a, #navigation ul li#n-about a:hover { background: url(images/sp_nav.gif) no-repeat -408px -30px; } body.contact-us #navigation ul li#n-contact a, #navigation ul li#n-contact a:hover { background: url(images/sp_nav.gif) no-repeat -509px -30px; } /* end navigation */ div#detail-links { margin-top: 20px; font-size: 90%; } #detail-links h2 { margin-bottom: 0; height: 26px; background: url(images/h_service-offerings.gif) no-repeat 0 0; text-indent: -9000em; } #detail-links h2#service-offerings { background-image: url(images/h_service-offerings.gif); } #detail-links h2#pricing { background-image: url(images/h_pricing.gif); } #detail-links h2#hr-tips { background-image: url(images/h_hr-tips.gif); } #detail-links h2#about-us { background-image: url(images/h_about-us.gif); } #detail-links h2#contact-us { background-image: url(images/h_contact-us.gif); } #detail-links h2#news { background-image: url(images/h_news.gif); } #detail-links ul { margin: 0; } #detail-links ul li { padding: 0 0 5px 5px; background: url(images/bg_border.gif) repeat-x bottom; } #detail-links a { color: #347fba; text-decoration: none; } #detail-links a:hover { color: #32a76a; text-decoration: none; } /* =supplementary-nav */ #site-info #supplementary-nav { text-align: right; margin-right: 15px; } #site-info #supplementary-nav ul { float: right; display: inline; width: 350px; } #supplementary-nav ul { margin: 0 0 1em; } #supplementary-nav ul li { display: inline; padding: 0 10px 0 10px; border-left: 1px solid #555; } #supplementary-nav ul li.first { border: 0; } #supplementary-nav ul li.last { padding-right: 0; } /* end supplementary-nav */ /*====================================== =Custom Styles and Microformats ======================================*/ .error { color: #c00; font-style: italic; padding-left: 15px; background: url(images/i_alert.gif) no-repeat 0 .3em; } .note { font-size: 90%; font-style: italic; } .tel { padding: 0 0 0 16px; list-style: none; background: url(images/icons/i_phone.gif) no-repeat 0 .4em; } .email { padding: 0 0 0 16px; list-style: none; background: url(images/icons/i_email.gif) no-repeat 0 .4em; } .fax { padding: 0 0 0 16px; list-style: none; background: url(images/icons/i_fax.gif) no-repeat 0 .4em; } /*====================================== =Programming Styles ======================================*/ /* REMOVE FONT TAG SIZE CONTROL */ font { font-size: 100%; } /* END EDITOR STYLES */