@charset "UTF-8"; /* CSS Document */ /* Table of Contents: Global Styles – (body, paragraphs, lists, etc) Header Page Structure Headings Text Styles */ /* Reset --------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } body { line-height: 1.5; background: #fff; margin:1.5em 0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Global Styles --------------------------------------------------------------------------------------- */ html, body { border:0; margin:0; padding:0; font-family:'Lucida Sans', Arial, Helvetica, Lucida Grande sans-serif; color:#838484; background:url(../images/bDrop_body.gif) repeat-x; background-color:#fdfeff; height:100%; text-align:left; } /* Page Structure --------------------------------------------------------------------------------------- */ #page { width:916px; min-height:100%; margin:0 auto; } * html #page { height:100%; } #banner {background:url(../images/bDrop_banner.jpg) no-repeat; height:262px;} #nav {height:36px; background:url(../images/bDrop_nav.gif) no-repeat; } #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; display: block;} #nav ul li { float: left; margin: 0; padding: 0;} #nav ul li a { height:36px; display: block; margin: 0; padding: 0;} #subNavM { text-align:left; background:url(../images/bDrop_subNavM.gif) repeat-y;} #subNavM #subNav {background:url(../images/bDrop_subNavT.gif) no-repeat; width:220px; padding:20px 25px 0 20px;} #subNavM #subNav ul {margin:0; padding:0; list-style-type:none; width:200px;} #subNavM #subNav ul li {margin:0; padding:0; } #subNavM #subNav ul li a {display:inline-block; margin:0; padding:0; line-height:24px;} #subNavM #subNavB {background:url(../images/bDrop_subNavB.gif) no-repeat; height:28px;} #home, #content, #contact, #search, #privacy {background:url(../images/bDrop_content.png) repeat-y; padding:30px 25px 5px 25px; } #content { padding:30px 40px 5px 25px;} #about, #hints, #clients, #candidates, #working {float:left; text-align:left; width:300px;} #company, #quality, #social, #resume, #positions, #letter, #interview, #temping, #resign, #links, #ohs, #payroll, #overview, #work, #love, #progress, #industry, #training {margin:0 0 0 300px;} #footer {background:url(../images/bDrop_footer.png) no-repeat; text-align:center; color:#868686; font-size:10px; font-family:'Lucida Sans', Arial, Helvetica, Lucida Grande sans-serif; padding-top:35px; padding-bottom:35px;} .image { float:left; margin:0 15px 5px 0;} #home .image, #contact .image {float:right; margin:0 15px 25px 45px;} #left, #right {float:left; width:150px; margin:0px; padding:20px 10px 20px 130px; background:url(../images/img_teaser1.jpg) no-repeat; } #right { float:right; background:url(../images/img_teaser3.jpg) no-repeat; } #container { width:870px; margin:0 auto; background-color:#fefefe; padding-top:15px;} #middle {background-color:#fefefe; padding:20px 10px 20px 130px; margin:0 290px; background:url(../images/img_teaser2.jpg) no-repeat; } /* Headings --------------------------------------------------------------------------------------- */ h1, h2, h3 {} #home h1, #hints h1, #resume h1, #about h1, #company h1, #quality h1, #social h1, #clients h1, #positions h1, #resume h1, #letter h1, #interview h1, #temping h1,#resign h1, #resume h1, #links h1, #candidates h1, #payroll h1, #ohs h1, #overview h1, #contact h1, #working h1, #work h1, #love h1, #progress h1, #training h1, #industry h1, #search h1, #privacy h1 {background:url(../images/hd_welcome.gif) no-repeat; width:450px; height:45px; text-indent:-9999px; margin-bottom:15px; } #home h1 {margin-bottom:10px;} /* About section */ #about h1 {background:url(../images/hd_about.gif) no-repeat; width:300px; margin:0;} #company h1, #quality h1, #social h1 {background:url(../images/hd_company.gif) no-repeat;} #quality h1 {background:url(../images/hd_quality.gif) no-repeat;} #social h1 {background:url(../images/hd_social.gif) no-repeat;} /* Candidates section */ #candidates h1 {background:url(../images/hd_candidates.gif) no-repeat; width:300px; margin:0;} #overview h1 {background:url(../images/hd_overview.gif) no-repeat;} #payroll h1 {background:url(../images/hd_payroll.gif) no-repeat;} #ohs h1 {background:url(../images/hd_ohs.gif) no-repeat;} /* Clients section */ #clients h1 {background:url(../images/hd_clients.gif) no-repeat; width:300px; margin:0;} #positions h1 {background:url(../images/hd_overview.gif) no-repeat;} #industry h1 {background:url(../images/hd_industry.gif) no-repeat;} /* Hints section */ #hints h1 {background:url(../images/hd_hints.gif) no-repeat; width:300px; margin:0;} #resume h1 {background:url(../images/hd_effective.gif) no-repeat;} #letter h1 {background:url(../images/hd_letter.gif) no-repeat;} #interview h1 {background:url(../images/hd_interview.gif) no-repeat;} #temping h1 {background:url(../images/hd_temping.gif) no-repeat;} #resign h1 {background:url(../images/hd_resign.gif) no-repeat;} #resume h1 {background:url(../images/hd_effective.gif) no-repeat;} #links h1 {background:url(../images/hd_links.gif) no-repeat;} /* Search section */ #search h1 {background:url(../images/hd_search.gif) no-repeat; } /* Contact section */ #contact h1 {background:url(../images/hd_contact.gif) no-repeat; } /* Working with us section */ #working h1 {background:url(../images/hd_working.gif) no-repeat; width:300px; margin:0;} #work h1 {background:url(../images/hd_work.gif) no-repeat;} #love h1 {background:url(../images/hd_love.gif) no-repeat;} #progress h1 {background:url(../images/hd_progress.gif) no-repeat;} #training h1 {background:url(../images/hd_staff.gif) no-repeat;} /* Privacy section */ #privacy h1 {background:url(../images/hd_privacy.gif) no-repeat; } h2 { margin:4px; padding:3px; font-size:14px; line-height:18px; color:#d23e27; font-weight:600;} #left h2, #right h2, #middle h2 { background:url(../images/hd_teas_services.gif) no-repeat; width:130px; height:30px; text-indent:-9999px; } #right h2 { background:url(../images/hd_teas_search.gif) no-repeat; } #middle h2 { background:url(../images/hd_teas_hints.gif) no-repeat; } /* Text Styles --------------------------------------------------------------------------------------- */ p { margin:4px; padding:3px; font-size:12px; line-height:18px; } .bold { color:#d23e27; font-size:12px; line-height:18px; } .list, .list2 {font-size:12px; line-height:18px; margin:5px 5px 5px 10px; list-style-image:url(../images/ic_point.gif); padding:0 0 0 10px; list-style-position: outside; display:block; color:#838484; } .list2 { list-style-image:url(../images/ic_point2.gif); } #collist {list-style-type:none; margin:0 0 0 22px; padding:10px 0 0 0; line-height:1.5em; list-style-image:url(../images/ic_point.gif); font-family:'Lucida Sans', Arial, Helvetica, Lucida Grande sans-serif; color:#838484; font-size:12px; } #collist li {padding: 0; } #collist li.col2 {margin-left: 21em;} li.coltopper1 {margin-top: -18em;} li.coltopper2 {margin-top: -22.5em;} /* Links --------------------------------------------------------------------------------------- */ a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0;} #left a, a:link, a:visited, a:hover, #right a, a:link, a:visited, a:hover, #middle a, a:link, a:visited, a:hover, #content a, a:link, a:visited, a:hover, #contact a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0; font-family:'Lucida Sans', Arial, Helvetica, Lucida Grande sans-serif; color:#8bb1d1; font-size:12px;} #left a:hover, #right a:hover, #middle a:hover, #content a:hover, #contact a:hover { color:#d23e27; } #nav ul li a.about { width: 119px; height: 36px; background: url(../images/bt_about.gif) no-repeat; text-indent: -9999px; } #nav ul li a.candidate { width: 132px; height: 36px; background: url(../images/bt_candidate.gif) no-repeat; text-indent: -9999px; } #nav ul li a.clients { width: 109px; height: 36px; background: url(../images/bt_clients.gif) no-repeat; text-indent: -9999px; } #nav ul li a.hints { width: 140px; height: 36px; background: transparent url(../images/bt_hints.gif) no-repeat; text-indent: -9999px; } #nav ul li a.search { width: 128px; height: 36px; background: url(../images/bt_search.gif) no-repeat; text-indent: -9999px; } #nav ul li a.contact { width: 124px; height: 36px; background: url(../images/bt_contact.gif) no-repeat; text-indent: -9999px; } #nav ul li a.careers { width: 164px; height: 36px; background: url(../images/bt_careers.gif) no-repeat; text-indent: -9999px; } #nav ul li a.about:hover { background: url(../images/bt_aboutOV.gif) no-repeat; } #nav ul li a.candidate:hover { background: url(../images/bt_candidateOV.gif) no-repeat; } #nav ul li a.clients:hover { background: url(../images/bt_clientsOV.gif) no-repeat;} #nav ul li a.hints:hover { background: transparent url(../images/bt_hintsOV.gif) no-repeat; } #nav ul li a.search:hover { background: url(../images/bt_searchOV.gif) no-repeat; } #nav ul li a.contact:hover { background: url(../images/bt_contactOV.gif) no-repeat; } #nav ul li a.careers:hover { background: url(../images/bt_careersOV.gif) no-repeat; } #subNav ul li a, a:link, a:visited, a:hover {font-size:12px; color:#8bb1d1; font-weight:500; text-decoration:none; margin:0; padding:0; font-family:'Lucida Sans', Arial, Helvetica, Lucida Grande sans-serif; } #subNav ul li a:hover { color:#d23e27; } #footer a, a:link, a:hover, a:visited {color:#8bb1d1; font-size:11px; font-weight:200; text-decoration:none; margin:0 6px 0 6px; font-family:'Lucida Sans', Arial, Helvetica, Lucida Grande sans-serif;} #footer a:hover { color:#d23e27; }