/* MPOWER Mobile CSS */ /* === (Global) === */ body {margin: 0; padding: 0; background: #fff; font-size: 8.5pt; line-height: 140%; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; color: #666;} a {color: #ec8425; text-decoration: none;} sup {vertical-align: text-top; line-height: 1.25em;} /* === Header (Layout/Content) === */ #gangstaRapper {width: 770px; margin: 0 auto; padding: 0; border: 0;} #header {width: 770px; height: 321px; margin: 0; padding: 0;} h1 {float: left; width: 110px; height: 95px; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; background: url(/img/bg_headerLogo.jpg) top left no-repeat; margin-left: 20px; border: 0; margin-top: 10px; } h2 {visibility: hidden; margin: 0; padding: 0;} /* === Main Content (Layout/Content) === */ #mainContent {width: 655px; margin: 0; padding: 0; border: 0; padding-top: 14px; margin-left: 85px; margin-top: 11px; margin-bottom: 50px;} #mainContent.addSubNav {width: 478px; margin-left: 262px;} h3 {margin: 0; padding: 0; font-weight: bold; color: #333; font-size: 12px; line-height: 10pt; margin-top: 30px; margin-bottom: 20px;} h3.first {margin-top: 0px;} p {margin: 0; padding: 0; font-size: 11px; line-height: 10pt; margin-bottom: 15px;} h4 {margin: 0; padding: 0; font-weight: normal; font-style: italic; font-size: 12px; line-height: 10pt; margin-top: 25px;} .title {font-size: 11px; line-height: 10pt; font-style: italic; font-weight: normal;} .listdiv {width: 400px; margin-left: 20px; margin-bottom: 20px;} .listdiv ul {list-style-type: none; margin: 0; padding: 0;} .listdiv ul li {margin: 0; padding: 0; margin-bottom: 10px; width: 400px; background-image: url(/img/list_arrow.gif); background-repeat: no-repeat; background-position: top 0.1em; padding-left: 15px; list-style-type: none; line-height: 120%;} /* === Navigation (Global) === */ #nav, #nav ul {width: 369px; height: 50px; padding: 0; margin: 0; list-style: none; border: 0;} #nav {float: right; margin-top: 25px;} #nav li {float: left; padding: 0; height: 50px; background: url(/img/bg_nav.gif) 0 0 no-repeat;} #nav li a {display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; height: 50px;} #nav #navHome {background-position: 0 0; width: 85px;} #nav #navAbout {background-position: -85px 0; width: 78px;} #nav #navPortfolio {background-position: -163px 0; width: 106px;} #nav #navContact {background-position: -269px 0; width: 100px;} #nav #navHome:hover {background-position: 0 -50px;} #nav #navAbout:hover {background-position: -85px -50px;} #nav #navPortfolio:hover {background-position: -163px -50px;} #nav #navContact:hover {background-position: -269px -50px;} #nav .navActive {overflow: hidden; text-indent: -9999px;} #nav #navHome.navActive, #nav #navHome.navActive:hover {background-position: 0 -100px;} #nav #navAbout.navActive, #nav #navAbout.navActive:hover {background-position: -85px -100px;} #nav #navPortfolio.navActive, #nav #navPortfolio.navActive:hover {background-position: -163px -100px;} #nav #navContact.navActive, #nav #navContact.navActive:hover {background-position: -269px -100px;} /* === Sub Navigation (About Pages) === */ #subNav, #subNav ul {width: 177px; padding: 0; margin: 0; list-style: none; border: 0; height: 264px;} #subNav {float: left; background: url(/img/bg_subNavDivider.gif) top right no-repeat; margin-left: 55px; margin-top: 11px;} #subNav li {padding: 0; height: 44px; background: url(/img/bg_subNav.gif) 0 0 no-repeat;} #subNav a {display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; height: 44px;} #subNav #subNavWeAre {background-position: 0 0;} #subNav #subNavWeCare {background-position: 0 -44px;} #subNav #subNavWeDo {background-position: 0 -88px;} #subNav #subNavTeam {background-position: 0 -132px;} #subNav #subNavPress {background-position: 0 -176px;} #subNav #subNavEmployment {background-position: 0 -220px;} #subNav #subNavWeAre:hover {background-position: -177px 0;} #subNav #subNavWeCare:hover {background-position: -177px -44px;} #subNav #subNavWeDo:hover {background-position: -177px -88px;} #subNav #subNavTeam:hover {background-position: -177px -132px;} #subNav #subNavPress:hover {background-position: -177px -176px;} #subNav #subNavEmployment:hover {background-position: -177px -220px;} #subNav .navActive {overflow: hidden; text-indent: -9999px;} #subNav #subNavWeAre.navActive, #subNav #subNavWeAre.navActive:hover {background-position: -354px 0;} #subNav #subNavWeCare.navActive, #subNav #subNavWeCare.navActive:hover {background-position: -354px -44px;} #subNav #subNavWeDo.navActive, #subNav #subNavWeDo.navActive:hover {background-position: -354px -88px;} #subNav #subNavTeam.navActive, #subNav #subNavTeam.navActive:hover {background-position: -354px -132px;} #subNav #subNavPress.navActive, #subNav #subNavPress.navActive:hover {background-position: -354px -176px;} #subNav #subNavEmployment.navActive, #subNav #subNavEmployment.navActive:hover {background-position: -354px -220px;} /* === Press Navigation (Press Release) === */ #pressNav, #pressNav ul {width: 177px; padding: 0; margin: 0; list-style: none; border: 0; height: 264px;} #pressNav {float: left; background: url(/img/bg_subNavDivider.gif) top right no-repeat; margin-left: 55px; margin-top: 11px;} #pressNav li {padding: 0; height: 44px; background: url(/img/bg_pressNav.gif) 0 0 no-repeat;} #pressNav a {display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; height: 44px;} #pressNav #pressNavBack {background-position: -354px; 0;} #pressNav #pressNavBack:hover {background-position: -177px 0;} /* === Employment Navigation (Jobs) === */ #jobsNav, #jobsNav ul {width: 177px; padding: 0; margin: 0; list-style: none; border: 0; height: 264px;} #jobsNav {float: left; background: url(/img/bg_subNavDivider.gif) top right no-repeat; margin-left: 55px; margin-top: 11px;} #jobsNav li {padding: 0; height: 44px; background: url(/img/bg_jobsNav.gif) 0 0 no-repeat;} #jobsNav a {display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; height: 44px;} #jobsNav #jobsNavBack {background-position: -354px; 0;} #jobsNav #jobsNavBack:hover {background-position: -177px 0;} /* === Recent News Module (Welcome Page) === */ #welcomeNewsRapper {width: 245px; margin-left: 0; float: left; background: url(/img/bg_subNavDivider.gif) top right no-repeat;} #welcomeNewsRapper h3 {width: 240px; height: 11px; background: url(/img/headline_recentNews.gif) top left no-repeat; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0;} #welcomeNewsRapper a {display: block;} #welcomeNewsRapper div {width: 210px; background: url(/img/bg_welcomeNewsDivider.gif) bottom center no-repeat; padding: 20px 0;} #welcomeNewsRapper div.noLine {background: none;} #welcomeNewsRapper p {margin: 0; padding: 0; margin-left: 55px; color: #999;} #welcomeNewsRapper .welcomeDate {margin: 0; padding: 0; float: left; width: 40px; text-align: right; color: #333; font-size: 10px;} #welcomeNewsViewAll {width: 74px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(/img/button_viewAll.jpg) top left no-repeat; display: block; margin-left: 54px; float: none;} /* === Featured Portfolio Companies Module (Welcome Page) === */ #welcomeFeatureRapper {width: 375px; margin-left: 280px;} #welcomeFeatureRapper h3 {width: 375px; height: 11px; background: url(/img/headline_featuredCompany.gif) top left no-repeat; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0;} #welcomeFeatureRapper div {width: 375px; padding-top: 20px; min-height: 101px;} #welcomeFeatureRapper a {margin: 0; padding: 0; float: left; width: 168px; height: 101px; text-indent: -9999px; overflow: hidden;} #welcomeFeatureLogoMango {background: url(/img/bg_companyMango.jpg) top left no-repeat;} #welcomeFeatureLogoRev {background: url(/img/bg_companyRev.jpg) top left no-repeat;} #welcomeFeatureRapper h4 {margin: 0; padding: 0; margin-left: 185px; margin-bottom: 5px; color: #333; font-size: 11pt; line-height: 12pt; font-style: normal;} #welcomeFeatureRapper p {margin: 0; padding: 0; margin-left: 185px;} #welcomeFeatureRapper #welcomeFeatureViewAll {width: 74px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(/img/button_viewAll.jpg) top left no-repeat; display: block; margin: 0; padding: 0; margin-top: 20px; margin-left: 185px; float: none;} /* === Press Releases List (Press Room) === */ #pressReleases {width: 478px; margin-left: 0;} #pressReleases a {display: block;} #pressReleases div {width: 478px; background: url(/img/bg_welcomeNewsDivider.gif) bottom center repeat-x; padding: 15px 0;} #pressReleases h3 {margin: 0; background: url(/img/bg_welcomeNewsDivider.gif) bottom center repeat-x; padding-bottom: 10px;} #pressReleases p {margin: 0; padding: 0; margin-left: 55px; color: #999;} #pressReleases .welcomeDate {margin: 0; padding: 0; float: left; width: 40px; text-align: right; color: #333; font-size: 10px;} h3.pressHeadline {margin: 0; padding: 0; color: #333; font-size: 13pt; font-weight: bold; line-height: 11pt;} h4.pressSubHeadline {margin: 0; padding: 0; font-style: italic; color: #999; font-size: 10pt; line-height: 11pt; font-weight: normal; margin-top: 3px; margin-bottom: 20px;} p.pressCitation {color: #999; font-size: 7pt; font-style: italic; padding-top: 15px; background: url(/img/bg_welcomeNewsDivider.gif) top center repeat-x; line-height: 120%;} /* === Jobs List (Employment) === */ #jobsReleases {width: 478px; margin-left: 0;} #jobsReleases a {display: block;} #jobsReleases div {width: 478px; background: url(/img/bg_welcomeNewsDivider.gif) bottom center repeat-x; padding: 15px 0;} #jobsReleases h3 {margin: 0; background: url(/img/bg_welcomeNewsDivider.gif) bottom center repeat-x; padding-bottom: 10px;} #jobsReleases p {margin: 0; padding: 0; margin-left: 55px; color: #999;} #jobsReleases .welcomeDate {margin: 0; padding: 0; float: left; width: 40px; text-align: right; color: #333; font-size: 10px;} h3.jobsTitle {margin: 0; padding: 0; color: #333; font-size: 13pt; font-weight: bold; line-height: 11pt; margin-bottom: 20px;} h4.jobsSubHeadline {margin: 0; padding: 0; font-style: italic; color: #999; font-size: 10pt; line-height: 11pt; font-weight: normal; margin-top: 3px; margin-bottom: 20px;} p.jobsCitation {color: #999; font-size: 7pt; font-style: italic; padding-top: 15px; background: url(/img/bg_welcomeNewsDivider.gif) top center repeat-x; line-height: 120%;} /* === Portfolio Page (Layout) === */ #portfolioRapper div {width: 655px; margin: 0; padding: 0; margin-bottom: 50px; clear: left; min-height: 126px;} #portfolioRapper div a {width: 168px; height: 101px; display: block; overflow: hidden; text-indent: -9999px; float: left;} #portfolioRapper div div {margin: 0; padding: 0; clear: none; margin-left: 198px; width: 457px;} #portfolioRapper div div a {width: auto; height: auto; display: inline; overflow: visible; text-indent: none; float: none; font-weight: normal;} #companyRev {background: url(/img/bg_companyRev.jpg) top left no-repeat;} #companyMPMobile {background: url(/img/bg_companyMPMobile.jpg) top left no-repeat;} #companyMango {background: url(/img/bg_companyMango.jpg) top left no-repeat;} #companyGratio {background: url(/img/bg_companyGratio.jpg) top left no-repeat;} #portfolioRapper h3 {margin-top: 0; margin-bottom: 10px;} .intro {margin-bottom: 35px;} /* === Contact Page (Layout) ***ORIG*** === */ #contactRapper div {width: 168px; margin: 0; padding: 0; margin-bottom: 40px; float: left; margin-right: 70px; margin-top: 20px;} #contactRapper div a {width: 168px; height: 101px; display: block; overflow: hidden; text-indent: -9999px;} #contactRapper div div {width: 168px; margin: 0; padding: 0; float: none;} #contactAustin {background: url(/img/map_austin.jpg) top left no-repeat;} #contactMexico {background: url(/img/map_mexico.jpg) top left no-repeat;} #contactDublin {background: url(/img/map_dublin.jpg) top left no-repeat;} #contactRapper h3 {margin-top: 20px; margin-bottom: 10px;} #contactRapper div.noMargin {margin-right: 0;} /* === Contact Page (Layout) === */ #citiesRapper {width: 655px; height: 275px; background: url(/img/bg_contactMap.gif) top left no-repeat;} #citiesRapper h3 {margin: 0; padding: 0; padding-top: 140px; float: left; width: 100px; font-weight: normal; font-size: 10pt;} #citiesRapper p {margin: 0; padding: 0; margin-left: 120px; padding-top: 140px; line-height: 160%;} /* === Footer Content (Global) === */ #footer {width: 761px; height: 51px; margin:0; padding: 0; margin-bottom: 30px; margin-left: 9px; clear: both; background: url(/img/bg_footer.jpg) top left no-repeat;} #footerTagline {width: 173px; height: 23px; margin: 0; padding: 0; float: left; margin-left: 15px; margin-top: 13px; background: transparent url(/img/bg_footerTagline.gif) top left no-repeat; overflow: hidden; text-indent: -9999px; display: block;} #footerTagline:hover {background: transparent url(/img/bg_footerTagline.gif) 0 -23px no-repeat;} #footerNav {width: 520; height: 51px; margin: 0; padding: 0; float: right; font-size: 7.5pt; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; text-align: right; margin-right: 15px; margin-top: 18px; display: block;} #footerNav a {color: #999; text-decoration: none;} #footerNav a:hover {color: #fff;}