/* Market U - Main Site CSS Document /* By Mad Web Skills ------------------------------------------*/ /* GENERAL TAG REDEFINITIONS ------------------------------------------*/ body { margin: 25px 0; background: #313E47 url(../images/bg_body_mu.gif) no-repeat top center; text-align: center; font: 0.8em/1.4em Helvetica, Arial, sans-serif; } p { margin: 0.3em 0 0.7em 0; padding: 0; } a { text-decoration: none; color: #44545F; } a:hover { text-decoration: underline; color: #B5111A; } h1, h2 { position: absolute; margin: 0; padding: 0; text-indent: -9000px; } h1 { width: 130px; height: 75px; top: 95px; left: 60px; background: url(../images/logo_mu.png) no-repeat; z-index: 2; } h1 a { display: block; width: 130px; height: 75px; outline: none; } h2 { width: 760px; height: 145px; z-index: 1; } h3 { margin: 0.8em 0 0.7em 0; padding: 0; font-size: 1.2em; font-weight: bold; color: #B5111A; } h4 { margin: 0.8em 0 0.7em 0; padding: 0; font-size: 1.0em; font-weight: bold; color: #44545F; } dl {} dt { margin-bottom: 0.2em; } dd { margin: 0 0 1em 10px; border-left: 4px solid #C7D1D0; padding-left: 10px; } hr { margin: 1em 0; padding: 0; border: 1px solid #909EA8; color: #909EA8; } /* LAYOUT ------------------------------------------*/ #container { margin: 0 auto; width: 760px; border: 1px solid #22323B; text-align: left; background: #313E47 url(../images/bg_container_mu.gif) repeat-y left; } #homepage #container { background: #ced6dc url(../images/bg_container_mu_home.gif) repeat-y left; } body#home { margin: 0; background: #455560 url(../images/bg_home_body.gif) repeat-y top center; } #home_container { background: #455560 url(../images/bg_home.gif) repeat-x 0px -55px; } #home_header { position: relative; margin: 0 auto; width: 760px; height: 130px; background: #6c7d87 url(../images/bg_home_header.gif) no-repeat center bottom; } #home_header h1 { left: 0; top: 0; margin: 0; padding: 0; width: 760px; height: 130px; text-indent: -9000px; background: transparent url(../images/home_blurb.png) no-repeat center center; } #home_header p { position: absolute; margin: 0; padding: 0; text-indent: -999em; } #home_content { padding-bottom: 20px; background: url(../images/bg_home_content.gif) repeat-y center; text-align: center; } #home_content_bloglink { height: 40px; background: url(../images/bg_home_content_top.gif) repeat-y center; text-align: center; } #home_content_bloglink ul { width: 740px; height: 40px; margin: 0 auto; padding: 0px; background: none; list-style: none; } #home_content_bloglink ul li { float: left; width: 370px; height: 40px; } #home_content_bloglink a { display: block; height: 40px; text-indent: -999em; } #home_content_bloglink ul a.top_submit { background: url('../images/top_submit_your_resume.png') no-repeat center top; } #home_content_bloglink ul a.top_contact { background: url('../images/top_contact_marketu.png') no-repeat center top; } #home_content_bloglink ul a.top_blog { background: url('../images/top_read_the_blog.png') no-repeat center top; } #home_content_bloglink ul a:hover { background-position: center bottom; } #home_content_bloglink a:hover { background-position: center -28px; } #home_content a { outline: none; } #home_content table { padding: 0; margin: 0 auto; border: none; width: 760px; } #home_content td { width: 50%; height: } #home_content .logo { padding: 45px 0 0 10px; border: none; } #home_content .desc_mu { width: 173px; height: 28px; margin: 0 auto; margin-top: 20px; text-indent: -9000px; background: url(../images/home_desc_mu.gif) no-repeat; } #home_content .desc_mu a { display: block; width: 173px; height: 28px; } #home_content .desc_search { width: 100px; height: 28px; margin: 0 auto; margin-top: 20px; text-indent: -9000px; background: url(../images/home_desc_search.gif) no-repeat; } #home_content .desc_search a { display: block; width: 100px; height: 28px; } #home_content .enter_site { display: block; width: 152px; height: 16px; margin: 0 auto; margin-top: 35px; text-indent: -9000px; background: url(../images/n_home.png) no-repeat top center; } #home_content .enter_site.search_home { background: url(../images/n_search_home.png) no-repeat; } #home_content .enter_site:hover { background-position: 0px -40px; } #home_content .navigation { float: none; margin: 0 auto; padding: 20px 0 0 0; } #home_content .navigation li { margin: 0 15px 12px 15px; } #home_content .navigation li a:hover { background-position: 0px -40px; } #home_footer { margin: 0; padding: 0; background: #455560 url(../images/bg_home.gif) repeat-x 0px -505px; } #home_footer .wrap { margin: 0 auto; width: 760px; padding: 130px 0 10px 0; font-size: 0.85em; color: #bcc; line-height: 1.2em; background: #6c7d87 url(../images/bg_home_footer.gif) no-repeat; } #home_footer a { color: #bcc; } #home_footer a:hover { color: #fff; } #home_footer .partofwdscott a { display: block; background: url(../images/partofthewdscottgroup.png) no-repeat center top; height: 30px; text-align: left; text-indent: -999em; } #home_footer .partofwdscott a:hover { background-position: center -40px; } /* HEADER ------------------------------------------*/ #header { position: relative; padding-top: 55px; height: 145px; background: #313E47 url(../images/bg_header_mu.png) repeat-y left; } #homepage #header { height: 0px; } #intro_animation { position: absolute; top: -20px; left: -32px; width: 547px; height: 260px; background: transparent url(../images/h_home_new.jpg) no-repeat right top; } #intro_animation .wrap { text-indent: -999em; } h2.home { position: absolute; top: 55px; left: 0; width: 31px; height: 260px; background: #e0e4e5 url(../images/homepage_intro_side.png) no-repeat left top; } h2.about { background: #fff url(../images/h_about.jpg) no-repeat; } h2.services { background: #fff url(../images/h_services.jpg) no-repeat; } h2.candidates { background: #fff url(../images/h_candidates.jpg) no-repeat; } h2.links { background: #fff url(../images/h_links.jpg) no-repeat; } h2.partners { background: #fff url(../images/h_partners.jpg) no-repeat; } h2.industry { background: #fff url(../images/h_industry.jpg) no-repeat; } h2.affiliates { background: #fff url(../images/h_affiliates.jpg) no-repeat; } h2.articles { background: #fff url(../images/h_articles.jpg) no-repeat; } h2.events { background: #fff url(../images/h_events.jpg) no-repeat; } h2.testimonials { background: #fff url(../images/h_testimonials.jpg) no-repeat; } h2.team { background: #fff url(../images/h_team.jpg) no-repeat; } h2.jobs { background: #fff url(../images/h_jobs.jpg) no-repeat; } h2.submit { background: #fff url(../images/h_submit.jpg) no-repeat; } h2.news { background: #fff url(../images/h_news.jpg) no-repeat; } h2.contact { background: #fff url(../images/h_contact.jpg) no-repeat; } h2.sitemap { background: #fff url(../images/h_sitemap.jpg) no-repeat; } h2.disclaimer { background: #fff url(../images/h_disclaimer.jpg) no-repeat; } h2.privacy { background: #fff url(../images/h_privacy.jpg) no-repeat; } /* NAVIGATION ------------------------------------------*/ .navigation { position: relative; float: left; width: 182px; margin: 0; padding: 20px 0 40px 31px; list-style: none; } #homepage .navigation { top: 145px; z-index: 9; } .navigation li { margin: 0 15px 20px 15px; padding: 0; font: 1.1em "Times New Roman", Times, serif; text-align: center; } .navigation li a { display: block; height: 1.1em; color: #40505B; font-weight: bold; text-indent: -9000px; outline: none; } .navigation li a.home { background: url(../images/n_home.png) no-repeat top center; } .navigation li a.about { background: url(../images/n_about.png) no-repeat top center; } .navigation li a.services { background: url(../images/n_services.png) no-repeat top center; } .navigation li a.candidates { background: url(../images/n_candidates.png) no-repeat top center; } .navigation li a.links { background: url(../images/n_links.png) no-repeat top center; } .navigation li a.partners { background: url(../images/n_partners.png) no-repeat top center; height: 2.5em; } .navigation li a.recognition { background: url(../images/n_recognition.png) no-repeat top center; } .navigation li a.industry { background: url(../images/n_industry.png) no-repeat top center; } .navigation li a.affiliates { background: url(../images/n_affiliates.png) no-repeat top center; } .navigation li a.articles { background: url(../images/n_articles.png) no-repeat top center; } .navigation li a.events { background: url(../images/n_events.png) no-repeat top center; } .navigation li a.testimonials { background: url(../images/n_testimonials.png) no-repeat top center; } .navigation li a.team { background: url(../images/n_team.png) no-repeat top center; } .navigation li a.jobs { background: url(../images/n_jobs.png) no-repeat top center; } .navigation li a.blog { background: url(../images/n_blog.png) no-repeat top center; } .navigation li a.sitemap { background: url(../images/n_sitemap.png) no-repeat top center; } .navigation li a.contact { background: url(../images/n_contact.png) no-repeat top center; } .navigation.search li a.home { background: url(../images/n_search_home.png) no-repeat top center; } .navigation.search li a.about { background: url(../images/n_search_about.png) no-repeat top center; } .navigation.search li a.services { background: url(../images/n_search_services.png) no-repeat top center; } .navigation.search li a.candidates { background: url(../images/n_search_candidates.png) no-repeat top center; } .navigation.search li a.partners { background: url(../images/n_search_partners.png) no-repeat top center; height: 2.5em; } .navigation.search li a.recognition { background: url(../images/n_search_recognition.png) no-repeat top center; } .navigation.search li a.industry { background: url(../images/n_search_industry.png) no-repeat top center; } .navigation.search li a.affiliates { background: url(../images/n_search_affiliates.png) no-repeat top center; } .navigation.search li a.events { background: url(../images/n_search_events.png) no-repeat top center; } .navigation.search li a.blog { background: url(../images/n_search_blog.png) no-repeat top center; } .navigation.search li a.sitemap { background: url(../images/n_search_sitemap.png) no-repeat top center; } .navigation.search li a.contact { background: url(../images/n_search_contact.png) no-repeat top center; } .navigation li a:hover { color: #B41119; background-position: 0px -40px; } /* CONTENT ------------------------------------------*/ #content { margin: 20px 30px 30px 245px; position: relative; } #homepage #content { padding-top: 250px; } .box { background: #aebac1; } .box ul { list-style: none; margin: 0 0 0 15px; padding: 0 0 10px 0; } .box ul li { margin: 0 0 0.7em 0; padding: 0; } .box ul li a { color: #23333c; font-size: 0.9em; } .box ul li a span { display: inline-block; color: #44545F; font-weight: bold; width: 80px; } .box h3 { background: #fff; padding: 5px 15px; margin: 0 0 10px 0; } .box.quicklinks { width: 240px; float: right; margin: 0 0 1em 30px; } .box.news { margin-top: 20px; } .icon { padding: 3px 0 3px 20px; } .icon.about { background: url(../images/information.png) no-repeat left center; } .icon.pdf { background: url(../images/pdf.png) no-repeat left center; } .icon.newspaper { background: url(../images/news.png) no-repeat left center; } .subnav { margin-bottom: 1em; } .subnav a { font-weight: bold; } .backtotop { display: block; width: 138px; height: 23px; padding-bottom: 1em; text-indent: -9000px; outline: none; background: url(../images/backtotop.png) no-repeat top left; } .download { display: block; width: 150px; height: 23px; padding-bottom: 1em; text-indent: -9000px; outline: none; background: url(../images/clicktodownload.png) no-repeat top left; } .notice { padding: 4px 5px 4px 30px; margin: 10px 0px; border: 1px dotted #fc6; border-width: 1px 0; line-height: 1.6em; background: #ffc url(../images/error.gif) no-repeat 7px 6px; } .info { padding: 4px 5px 4px 30px; margin: 10px 0px; border: 1px dotted #66f; border-width: 1px 0; line-height: 1.6em; background: #eef url(../images/information.gif) no-repeat 7px 6px; font-size: 0.9em; } .newspost h3 { margin-bottom: 0; } .newspostdate { color: #323f48; font-weight: bold; font-size: 0.9em; margin: 0.7em 0; text-transform: uppercase; } .newspost .newspostdate { margin-top: 0; } .newspostimage { float: right; border: 1px solid #ddd; margin: 0 0 20px 20px; padding: 8px; } .byline { color: #23333c; font-weight: bold; margin: 0.7em 0; text-transform: uppercase; } .searchterm { background-color: #FC9; } .red { color: #B5111A; } .brown { color: #a18e5d; } .grey { color: #323f48; font-weight: bold; } a.external { background: url(../images/externalLink.gif) no-repeat right center; padding: 1px 14px 1px 1px; } h4.accordionButton { cursor: pointer; margin: 0; padding: 20px 0 0 0; font-size: 1.2em; } h4.accordionButton div { padding: 10px; background: #ebeff1; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } h4.accordionButton.over div { color: #23333c; background: #dde2e7; } h4.accordionButton.on div { color: #b41119; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; } div.accordionContent { display: none; margin: 0; padding: 1px 10px 10px 10px; background: #ebeff1; border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; } /* FORMS ------------------------------------------*/ form { margin: 0; padding: 0; line-height: 2.5em; } form p { line-height: 1.4em; } form br { clear: both; } form em { font-weight: bold; color: #B5111A; } fieldset { border: 1px solid #ccc; margin-bottom: 1.5em; } legend { margin: 0; padding: 0 1em; font-size: 1.1em; font-weight: bold; color: #B5111A; } label { display: block; float: left; width: 130px; font-size: 1em; font-weight: bold; color: #44545F; } p label { width: auto; font-size: inherit; font-weight: normal; color: #000; display: inline; float: none; } form .indent { margin-left: 130px; } form .text { width: 280px; } textarea { width: 280px; height: 12em; } /* FOOTER ------------------------------------------*/ #footer { position: relative; clear: both; padding-left: 31px; background: #44545f; } #submit_resume { width: 182px; padding: 18px 0; text-align: center; background: #b5111a; } #submit_resume a { display: block; width: 182px; font: bold 1.1em "Times New Roman", Times, serif; color: #fff; background: url(../images/n_submit_resume.png) no-repeat top center; text-indent: -9000px; } #submit_resume a:hover { color: #ccc; background-position: center -40px; } #footer .nav { position: absolute; right: 0; top: 18px; list-style: none; margin: 0 20px 0 0; padding: 0; } #footer li { display: inline; } #footer li a { color: #fff; padding: 0 5px; }