/* Stylesheet for JohnstonIPLaw.com colors: red logo: #c92027 web safe red: #993333 light grey: #CCCCCC Light grey box background: #F6F6F6 */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; font-family:"Trebuchet MS", Helvetica, sans-serif; } body { color: #666666; text-align:center; background-color: #ffffff; } a { text-decoration: none; color: #333333; } a:hover { color: #993333; } img { border: none; } div { text-align:left;} /* UTILITY */ .clear { clear: both; } /* STRUCTURE */ #page-wrap { margin-left: auto; margin-right: auto; width: 960px; position: relative; margin-top: 0px; z-index: 20; } #header { float: left; width:960px; margin-top: 10px; } #logo { float: left; width: 280px; padding-left: 20px; } #slogan { float: right; width: 317px; padding-right: 20px; } #navigation-mainArea { float: right; width: 610px; margin-top: 30px; } #navigation-menu { float: right; list-style: none; width: 450px; text-align:center; letter-spacing:1px; width: auto; } #main-banner { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_blank.jpg) no-repeat; } #main-banner h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #main-contentArea { float: left; width: 835px; padding: 20px 55px 20px 50px; line-height: 25px; } #content-main { float: left; width: 550px; } #main-button { float:left; width:960px; } #footerArea { float:left; width:960px; margin-top: 60px; margin-bottom: 40px; border-top: 1px solid #CCCCCC; background-color: #FAFAFA; } #footerLogo { float:left; width:601px; color:#993333; padding: 20px 0px 10px 359px; } #footerInfo { float:left; width:960px; padding-top: 10px; text-align:center; font-size: 12px; } #footerInfo a { font-size: 12px; } #footerNotice { float:left; width:960px; padding: 0; text-align:center; font-size: 11px; } #footerNotice a:hover { color: #993333; } .footerLine { float:left; width:610px; color:#993333; padding: 5px 175px 5px 175px; } body#practiceareas ul#navigation-menu li.practiceareas a, body#resources ul#navigation-menu li.resources a, body#news ul#navigation-menu li.news a, body#contact ul#navigation-menu li.contact a { border-top: 3px solid #993333; } body#practiceareas ul#navigation-menu li.practiceareas a:hover, body#resources ul#navigation-menu li.resources a:hover, body#news ul#navigation-menu li.news a:hover, body#contact ul#navigation-menu li.contact a:hover { color: #993333; cursor:default; } body#resources #main-banner { background:url(../images/banner_resources.jpg) no-repeat; } body#news #main-banner { background:url(../images/banner_news.jpg) no-repeat; } body#contact #main-banner { background:url(../images/banner_contact.jpg) no-repeat; } body#disclaimer #main-banner { background:url(../images/banner_privacyanddisclaimer.jpg) no-repeat; } body#privacypolicy #main-banner { background:url(../images/banner_privacyanddisclaimer.jpg) no-repeat; } body#default #main-banner { background:url(../images/banner_blank.jpg) no-repeat; } #banner_PA-Trademarks { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_trade-marks.jpg) no-repeat; } #banner_PA-Trademarks h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #banner_PA-Patents { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_patents.jpg) no-repeat; } #banner_PA-Patents h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #banner_PA-AntiCounterfeitingAndPiracy { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_anitcounterfietingandpiracy.jpg) no-repeat; } #banner_PA-AntiCounterfeitingAndPiracy h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #banner_PA-Copyrights { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_copyright.jpg) no-repeat; } #banner_PA-Copyrights h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #banner_PA-IndustrialDesigns { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_industrialdesigns.jpg) no-repeat; } #banner_PA-IndustrialDesigns h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #banner_PA-GeographicalIndications { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_geographical-indicators.jpg) no-repeat; } #banner_PA-GeographicalIndications h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #banner_PA-Litigation { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_litigation.jpg) no-repeat; } #banner_PA-Litigation h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #banner_P-KeriJohnston { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_keriJohnston.jpg) no-repeat; } #banner_P-KeriJohnston h1 { float: right; width: 860px; padding: 131px 0 0 0; font-size: 26px; color: #ffffff; } #banner_P-KeriJohnston h2 { float: right; width: 860px; font-size: 21px; color: #ffffff; } #banner_P-AlpeshPatel { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_alpeshPatel.jpg) no-repeat; } #banner_P-AlpeshPatel h1 { float: right; width: 860px; padding: 131px 0 0 0; font-size: 26px; color: #ffffff; } #banner_P-AlpeshPatel h2 { float: right; width: 860px; font-size: 21px; color: #ffffff; } #banner_P-Student { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; } #banner_P-Student h1 { float: right; width: 860px; padding: 131px 0 0 0; font-size: 26px; color: #ffffff; } #banner_P-Student h2 { float: right; width: 860px; font-size: 21px; color: #ffffff; } #banner_C-Trademarks { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_trade-marks.jpg) no-repeat; } #banner_C-Trademarks h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } #banner_C-Patents { float: right; width: 840px; height: 200px; margin-top: 25px; padding-left: 60px; background:url(../images/banner_patents.jpg) no-repeat; } #banner_C-Patents h1 { float: right; width: 860px; padding: 156px 0 0 0; font-size: 26px; color: #ffffff; } /* HOME PAGE */ #content-mainHomeArea { float: left; width: 860px; } #content-mainHomeBanner { float: left; width: 860px; padding: 5px 0 20px 24px; } #content-mainHomeBannerNavTabs { float: left; width: 840px; padding-top: 5px; text-align:center; } #content-mainHomeBannerNavTabs li { font-size: 13px; position: relative; display: inline-block; background-color: grey; width: 115px; line-height: 20px; vertical-align:top; width: auto; } #content-mainHomeBannerNavTabs li a { display: inline-block; width: 115px; height:46px; display:table-cell; vertical-align: middle; width: auto; padding: 0px 23px 0 23px; } #content-mainHomeBannerNavTabs li a:hover { background-color: #993333; color: #ffffff; } #content-mainHomeBannerNavTabs .buttons:hover { background-color: #333333; } .content-mainHomeHeaderLine { float: left; width: 550px; padding: 20px 150px 10px 150px; } .content-mainHomeHeaderLine hr { background-color: #FAFAFA; color: #FAFAFA; } #content-mainHomeHeaderIntro { float: left; width: 760px; padding: 15px 50px 15px 50px; font-size: 16px; line-height: 26px; letter-spacing: 0.2px; } #content-mainHomeHeaderIntro h1 { color: #993333; font-size: 16px; font-weight: bold; display: inline; } #content-mainHomeContentText { float: right; width: 560px; padding: 5px 15px 35px 15px; line-height: 30px; } #content-mainHomeContentText h2 { color: #993333; font-size: 15px; font-weight: bold; display: inline; } #content-mainHomeContentText h3 { color: #993333; font-size: 15px; font-weight: bold; display: inline; } #content-mainHomeContentTestimonial { float: left; width: 270px; } #content-mainHomeContentSlogan { float: left; width: 715px; padding: 10px 0 0 170px; } .slider{ border: 1px solid #666666; position: relative; height: 300px; width: 840px; padding: 0px; z-index: 0; } .buttons, .control{ background: grey; padding: 0 1px 0 1px; color: #FFFFFF; text-decoration: none; } .active { background: #993333; color: #FFFFFF; } .buttons:hover, .control:hover{ background: #993333; color: blue; } /* PRACTISE AREA PAGES */ #content-mainPracticeArea { float: left; width: 815px; padding: 0 20px 0 25px; min-height: 400px; } /* PRIVACY & DISCLAIMER PAGE */ #content-mainPrivacyDisclaimer { float: left; width: 815px; padding: 0 20px 0 25px; } /* RESOURCES PAGE */ #content-mainResources { float: left; width: 470px; padding-left: 35px; color: #333333; min-height: 400px; } #content-SidebarResources { float: right; width: 290px; color: #333333; } #content-mainResources h2, #content-SidebarResources h2 { font-size: 19px; } #content-mainResources ul, #content-SidebarResources ul { padding-left: 5px; padding-bottom: 20px; list-style-type:none; line-height: 14px; } #content-mainResources li, #content-SidebarResources li { padding-top: 12px; text-decoration: underline; } #content-mainResources a, #content-SidebarResources a { color: #666666; } #content-mainResources a:hover, #content-SidebarResources a:hover { text-decoration: underline; color: #993333; } /* PROFESSIONALS PAGE */ #content-mainProfessionals { float: left; width: 580px; } #content-mainBio { float: left; width: 550px; padding-left: 20px; } #content-sidebarContact { float: right; width: 245px; background-color: #F6F6F6; } #content-sidebarContactIcons { float: left; width: 40px; margin-top: 7px; padding-bottom: 7px; padding-left: 10px; } #content-sidebarContactDetails { float: right; width: 190px; line-height: 45px; font-size: 16px; } #content-sidebarContactDetails a { font-size: 13px; } #content-sidebarMemberships { display: block; float: right; width: 245px; margin-top: 30px; padding: 10px 0 10px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font-size: 13px; } #content-sidebarMemberships ul { padding-left: 25px; list-style-image:url(../images/bulletPoints.gif); padding-top: 10px; line-height: 20px; } #content-sidebarMemberships li { padding-top: 6px; } #content-sidebarMemberships h3 { font-size: 20px; } #content-sidebarPublications { display: block; float: right; width: 245px; margin-top: 40px; padding: 10px 0 10px 0; font-size: 13px; } #content-sidebarPublications a { text-decoration: underline; color: #666666; } #content-sidebarPublications a:hover{ color: #993333; } #content-sidebarPublications ul { padding-left: 5px; list-style-type:none; padding-top: 10px; line-height: 20px; } #content-sidebarPublications li { padding-top: 6px; } #content-sidebarPublications h3 { font-size: 20px; } #content-sidebarPublications h4 { color: #993333; font-size: 14px; } #content-mainPublications { display: block; float: left; width: 560px; margin-top: 20px; padding: 10px; background-color: #F6F6F6; font-size: 13px; } #content-mainPublications ul { padding-left: 5px; padding-bottom: 20px; list-style-type:none; line-height: 14px; } #content-mainPublications li { padding-top: 12px; } #content-mainPublications h3 { font-size: 20px; } #content-mainCommitteeWork { display: block; display: block; float: left; width: 560px; margin-top: 20px; padding: 10px; background-color: #F6F6F6; font-size: 13px; } #content-mainCommitteeWork ul { padding-left: 5px; padding-bottom: 20px; list-style-type:none; line-height: 14px; } #content-mainCommitteeWork li { padding-top: 12px; } #content-mainCommitteeWork h3 { font-size: 20px; } #content-mainSpeakingEngagements { display: block; float: left; width: 560px; margin-top: 20px; padding: 10px; background-color: #F5EBEA; font-size: 13px; } #content-mainSpeakingEngagements ul { padding-left: 5px; padding-bottom: 20px; list-style-type:none; line-height: 14px; } #content-mainSpeakingEngagements li { padding-top: 12px; } #content-mainSpeakingEngagements h3 { font-size: 20px; } #content-mainReportedDecisions { display: block; float: left; width: 560px; margin-top: 20px; padding: 10px; background-color:#DEFFDE; font-size: 13px; } #content-mainReportedDecisions ul { padding-left: 5px; padding-bottom: 20px; list-style-type:none; line-height: 14px; } #content-mainReportedDecisions li { padding-top: 12px; } #content-mainReportedDecisions h3 { font-size: 20px; } /* NEWS PAGE */ #content-mainNewsArea { float: left; width: 530px; padding: 5px 15px 20px 15px; } #content-mainNewsHeader { float: left; width: 530px; padding: 20px 0 20px 0; text-align:center; letter-spacing: 1px; } #content-mainNewsHeader li { font-size: 20px; position: relative; display: inline-block; width: 60px; } #content-mainNewsHeader li a { display: inline-block; padding: 0 12px 0 12px; } #content-mainNewsHeader li a:hover { color: #993333; } ul#content-mainNewsHeader li { width:95px; float:left; padding: 0 15px 0 15px; } ul#content-mainNewsHeader li ul { display: none; position: absolute; top: 25px; } ul#content-mainNewsHeader li:hover ul { display: block; } ul#content-mainNewsHeader li a { text-transform: uppercase; letter-spacing:1px; padding: 4px 6px 4px 6px; border-top: 3px solid #ffffff; } ul#content-mainNewsHeader li a:hover { color: #993333; } #content-mainNewsContentAreas { float: left; width: 530px; padding: 20px 0 20px 0; } .content-mainNewsContentHeadline { float: left; width: 530px; padding: 0; border-bottom: 2px solid #CCCCCC; } .content-mainNewsContentHeadlineYear { float: left; width: 200px; padding: 20px 0 0 20px; font-size: 22px; } .content-mainNewsContentHeadlineLinkToTop { float: right; width: 80px; padding: 25px 10px 0 0; font-size: 11px; } .content-mainNewsContentEvents { float: left; width: 510px; padding: 5px 5px 5px 15px; } .content-mainNewsContentEvents span { color: #993333; font-size: 14px; } .content-mainNewsContentEvents a { text-decoration: underline; font-size: 14px; color: #666666; } .content-mainNewsContentEvents a:hover { color: #993333; } #content-sidebarUpcomingEvents { float: right; width: 240px; margin-top: 20px; padding: 10px 10px 10px 10px; font-size: 13px; background-color: #f0f0f0; } #content-sidebarUpcomingEvents ul { padding-left: 5px; list-style-type:none; line-height: 20px; } #content-sidebarUpcomingEvents li { padding-top: 10px; } #content-sidebarUpcomingEvents h3 { font-size: 23px; } #content-sidebarUpcomingEvents span { color: #993333; font-size: 14px; } /* CONTACT US PAGE */ #content-mainContactUs { float: left; width: 470px; padding-left: 35px; } #content-sidebarContactUs { float: right; width: 225px; background-color: #F6F6F6; margin-top: 20px; } #content-sidebarContactUsExtended { float: right; width: 245px; background-color: #F6F6F6; margin-top: 20px; } #content-sidebarContactUsIcons { float: left; width: 40px; margin-top: 7px; padding-bottom: 7px; padding-left: 10px; } #content-sidebarContactUsDetails { float: right; width: 170px; line-height: 45px; font-size: 16px; } #content-sidebarContactUsDetails a { font-size: 13px; } #content-sidebarContactUsEnquiries { float: right; width: 190px; line-height: 45px; font-size: 16px; } #content-sidebarContactUsEnquiries a { font-size: 13px; } #content-sidebarCenterArea { float: right; width: 260px; padding: 0px 35px 20px 0; } #content-sidebarContactUsHeader { float: left; width: 270px; padding: 0 0 20px 20px; } .content-sidebarContactUsSeperator { float: left; padding: 30px 0px 10px 36px; width: 225px; } .content-sidebarContactUsSeperatorExt { float: left; padding: 30px 0px 10px 16px; width: 245px; } #content-sidebarContactUsAddress { float: left; padding-left: 56px; width: 225px; font-size: 15px; line-height: 20px } #content-sidebarContactUsAddress a { text-decoration: underline; } #contactFormArea { float: left; width: 490px; padding: 5px; margin-top: 15px; } #contactDescriptionForm { float: left; width: 490px; } /* LINKS */ #navigation-pdf { float: left; padding-left: 200px; width:810px; } #navigation-pdf a { background-image: url("../images/button_learnmore.jpg"); background-position: 0px 0px; display: block; height:36px; width:375px; } #navigation-pdf a:hover { background-position: 0px 36px; } /* MENU */ #navigation-Sidebar img { padding: 10px; } #navigation-menu li { font-size: 12px; position: relative; display: inline-block; z-index: 10; } #navigation-menu li a { display: inline-block; padding: 0 2px 0 2px; } #navigation-menu li a:hover { color: #993333; } #navigation-menu li.current_page_item a { color: #669999; } ul#navigation-menu li { width:95px; float:left; padding: 0 5px 0 5px; width:auto; } ul#navigation-menu li ul { display: none; position: absolute; top: 25px; z-index: 10; } ul#navigation-menu li:hover ul { display: none; } ul#navigation-menu li a { text-transform: uppercase; letter-spacing:1px; padding: 4px 6px 4px 6px; border-top: 3px solid #ffffff; } ul#navigation-menu li a:hover { color: #993333; } #navigation-menu ul.nav-sub { background: #ffffff; width: 200px; padding: 5px 0 5px 0; } #navigation-menu ul.nav-sub li a { text-transform: uppercase; width: 185px; text-align:left; letter-spacing:1px; border-top: 0px; } .nav-sub .active { background-color: #FFFFFF; } body#practiceareas #navigation-menu ul.nav-sub li a { text-transform: uppercase; width: 185px; text-align:left; letter-spacing:1px; border-top: 0px; cursor: pointer; } body#practiceareas #navigation-menu ul.nav-sub li.active a { color: #993333; font-weight: bold; } body#contact #navigation-menu ul.nav-sub li a { text-transform: uppercase; width: 185px; text-align:left; letter-spacing:1px; border-top: 0px; cursor: pointer; } body#contact #navigation-menu ul.nav-sub li.active a { color: #993333; font-weight: bold; } /* ===============================BEGIN Responsive Design ================================= */ #ShowHideMobileMenu {display: none;} /*Back to Top Float for Mobile Screens */ #to-top { display: none; } #MapBoxContact { display: none; } /*Style 'show menu' label button and hide it by default*/ .show-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #993333; text-align: center; padding: 10px 0 10px 0px; float: none; display: none; } /* Style the toggle button */ .nav_toggle { display:none; position:absolute; width: 44px; height:35px; right: 5px; top: 10px; cursor:pointer; } .nav_toggle span { display:none; width: 100%; height: 5px; background: #993333; margin: 0 0 7px 0; border-radius: 10px; } /*Hide checkbox*/ input[type=checkbox]{ display: none; } /*Show menu when invisible checkbox is checked*/ input[type=checkbox]:checked ~ #navigation-mainArea{ display: block; } @media screen and (max-device-width : 960px), screen and (max-width : 960px){ /*Make dropdown links appear inline, make old menu dissapear*/ #navigation-mainArea { position: static; display: none; margin-top: 10px; } #slogan, .slider, .sliderWrap, .sliderContent, #content-mainHomeBanner, #content-mainHomeContentSlogan, #content-mainHomeBannerNavTabs { display: none; float: none; width: 100%; height: 100%; } #logo { display: block; float: none; width: 98%; text-align:left; padding-left: 10px; border-bottom: 3px solid #993333 } #logo img{ width: 300px; height: auto; } /*Create vertical spacing*/ li { margin-bottom: 1px; } /*Make all menu links full width*/ /*ul li, li a { width: 100%; } */ #page-wrap {width: 100%; margin-left: 0px; margin-right: 0px; position: relative; margin-top: 0px; z-index: 20; } #header { float: none; width:100%; margin-top: 10px; } #main-banner { float: none; width: 100%; height: 20px; margin-top: 0px; padding-left: 10px; background:url("") no-repeat; background-color: #000; } #main-banner h1 { float: none; width: 100%; padding: 15px 0 200px 0; font-size: 26px; color: #000; } #navigation-mainArea {background: #993333; float:none; padding: 0px 0; width: 100%;} #navigation-menu {position:static; display: block; float: none; list-style: none; width: 100%; text-align:center; letter-spacing:1px;} #navigation-menu li { font-size: 20px; position: static; display: block; z-index: 10; } #navigation-menu li a { display: block; padding: 0 0px 0 0px} #navigation-menu li a:hover { color: #FFF; font-weight: bold;} /*sub menu color and bold */ ul#navigation-menu li a:hover { color: #FFF; } ul#navigation-menu li a { text-transform: uppercase; color: #fff; letter-spacing:1px; padding: 4px 6px 4px 6px; border-top: 0px solid #993333; } ul#navigation-menu li { width:100%; float: none; padding: 0 5px 0 5px; width:auto; } ul#navigation-menu li:hover ul {display: none; float: none;} /*disable show sub-menu on hover when screen width below 960*/ ul#navigation-menu li ul { float: none; display: none; position: relative; top: 5px; z-index: 10; } body#practiceareas ul#navigation-menu li.practiceareas a:hover, body#contact ul#navigation-menu li.contact a:hover, body#resources ul#navigation-menu li.resources a:hover, body#news ul#navigation-menu li.news a:hover { color: #FFF; cursor:default; } #navigation-menu ul.nav-sub { float: none; background: #ffffff; width: 100%; } #navigation-menu ul.nav-sub li a { float: none; width: 100%; color: #000; text-align:center; letter-spacing:1px; border-top: 0px; } #main-contentArea { float: none; width: 100%; padding: 20px 0px 0px 0px; line-height: 25px; } #content-mainHomeHeaderIntro h1 { color: #993333; font-size: 20px; font-weight: bold; display: inline; } #content-mainHomeArea { float: none; width: 100%; background-color: #FFF;} #content-mainHomeHeaderIntro { float: none; width: 97%; padding: 0px 0px 15px 5px; text-align:center; font-size: 20px; line-height: 30px; letter-spacing: 0.3px; } #content-mainHomeContentText { float: none; width: 98%; padding: 0px 0px 15px 10px; line-height: 30px; } #content-mainHomeContentTestimonial { display:block; float: none; width: 100%; text-align: center; left-margin: auto; right-margin: auto;} #footerArea { float:left; width:100%; margin-top: 60px; margin-bottom: 40px; border-top: 1px solid #CCCCCC; background-color: #FAFAFA; } #footerInfo {width: 100%; float:none;} #footerLogo { display: none;} #footerNotice {width: 100%; float:none;} .footerLine { float:left; width:100%; color:#993333; padding: 5px 0px 5px 0px; } /* PRACTICE AREA */ #content-mainPracticeArea { float: left; width: 95%; padding: 10px 0px 0 10px; min-height: auto; } #banner_PA-Trademarks {background-color: #993333; float: left; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_trade-marks.jpg); background-repeat: no-repeat;background-size: auto 100%; background-position: right top;} #banner_PA-Trademarks h1 {display: block; float: left; width: 99%; padding: 10px 0 0 20px; font-size: 26px; color: #fff; } #banner_PA-Patents {background-color: #993333; float: left; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_patents.jpg); background-repeat: no-repeat;background-size: auto 100%; background-position: right top;} #banner_PA-Patents h1 {display: block; float: left; width: 99%; padding: 10px 0 0 20px; font-size: 26px; color: #fff; } #banner_PA-AntiCounterfeitingAndPiracy {background-color: #993333; float: left; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_anitcounterfietingandpiracy.jpg); background-repeat: no-repeat;background-size: auto 100%; background-position: right top;} #banner_PA-AntiCounterfeitingAndPiracy h1 {display: block; float: left; width: 45%; margin-right: 100px; padding: 10px 0 0 20px; font-size: 18px; color: #fff; } #banner_PA-Copyrights {background-color: #993333; float: left; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_copyright.jpg); background-repeat: no-repeat;background-size: auto 100%; background-position: right top;} #banner_PA-Copyrights h1 {display: block; float: left; width: 99%; padding: 10px 0 0 20px; font-size: 26px; color: #fff; } #banner_PA-IndustrialDesigns {background-color: #993333; float: left; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_industrialdesigns.jpg); background-repeat: no-repeat;background-size: auto 100%; background-position: right top;} #banner_PA-IndustrialDesigns h1 {display: block; float: left; width: 60%; padding: 10px 0 0 20px; font-size: 22px; color: #fff; } #banner_PA-GeographicalIndications {background-color: #993333; float: left; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_geographical-indicators.jpg); background-repeat: no-repeat;background-size: auto 100%; background-position: right top;} #banner_PA-GeographicalIndications h1 {display: block; float: left; width: 70%; padding: 10px 0 0 20px; font-size: 26px; color: #fff; } #banner_PA-Litigation {background-color: #993333; float: left; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_litigation.jpg); background-repeat: no-repeat;background-size: auto 100%; background-position: right top;} #banner_PA-Litigation h1 {display: block; float: left; width: 99%; padding: 10px 0 0 20px; font-size: 26px; color: #fff; } /*Resources Page*/ #content-mainResources { float: none; width: 95%; padding-left: 35px; color: #333333; min-height: 40px; } #content-SidebarResources { float: none; width: 95%; color: #333333; padding-left: 35px;} body#resources #main-banner { background-color: #993333; width: 99%; height: 40px; background:url("") no-repeat;} /*Professionals Page */ #content-mainBio { float: left; width: 95%; padding-left: 20px; margin-top: 10px; margin-bottom: 20px;} #content-mainProfessionals { float: none; width: 98%; } #banner_P-Student {background-color: #993333; float: right; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-size: auto 100%; background-position: right top;} #banner_P-Student h1 {display: block; float: left; width: 95%; padding: 10px 0 0 20px; font-size: 26px; color: #fff; } #banner_P-Student h2 {display: block; float: left; width: 95%; padding: 0px 0 0px 20px; font-size: 21px; color: #fff; } #banner_P-AlpeshPatel {background-color: #993333; float: right; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_alpeshPatel.jpg); background-repeat: no-repeat;background-size: auto 100%; background-position: right top;} #banner_P-AlpeshPatel h1 {display: block; float: left; width: 95%; padding: 10px 0 0 20px; font-size: 26px; color: #ffffff; } #banner_P-AlpeshPatel h2 {display: block; float: left; width: 75%; padding: 0px 0px 0px 20px; font-size: 18px; color: #ffffff; } #banner_P-KeriJohnston {background-color: #993333; float: right; width: 100%; height: 100%; min-height: 100px; margin-top: 5px; padding-left: 0px; padding: 0px 0px 10px 0px; background-image:url(../images/banner_keriJohnston.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: right top;} #banner_P-KeriJohnston h1 { display: block; float: left; width: 95%; padding: 10px 0 0 20px; font-size: 20px; color: #ffffff; } #banner_P-KeriJohnston h2 { display: block; float: left; width: 80%; padding: 0px 0px 0px 20px; font-size: 16px; color: #ffffff; } #content-sidebarPublications {float: left; width: 100%; margin-top: 40px; padding: 10px 0 10px 0; font-size: 13px; } #content-mainPublications {display: none; float: left; width: 100%; margin-top: 5px; padding: 10px; background-color: #F6F6F6; font-size: 13px; } #content-sidebarMemberships {display: none; float: left; width: 100%; margin-top: 0px; padding: 10px 0 10px 20px; border-top: 0px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; font-size: 13px; } #content-sidebarContactDetails {display: none; float: left; width: 190px; line-height: 45px; font-size: 16px; } #content-sidebarContact {display: none; float: right; width: 100%; background-color: #F6F6F6; } #content-mainCommitteeWork {display: none; float: left; width: 100%; margin-top: 20px; padding: 10px; background-color: #F6F6F6; font-size: 13px; } #content-mainReportedDecisions {display: none; float: left; width: 100%; margin-top: 20px; padding: 10px; background-color:#DEFFDE; font-size: 13px; } #content-mainSpeakingEngagements {display: none; float: left; width: 100%; margin-top: 20px; padding: 10px; background-color: #F5EBEA; font-size: 13px; } #content-sidebarPublications {display: none; float: left; width: 95%; margin-top: 5px; padding: 10px 0px 5px 20px; font-size: 13px; } #content-mainReportedDecisions, #content-sidebarMemberships, #content-mainPublications, #content-sidebarPublications, #content-mainSpeakingEngagements, #content-mainCommitteeWork {display:none;} body#contact #main-banner { background-color: #993333; width: 99%; height: 40px; background:url("") no-repeat;} body#contact #navigation-menu ul.nav-sub li a { text-transform: uppercase; width: 100%; text-align:center; letter-spacing:1px; border-top: 0px; } body#contact #navigation-menu ul.nav-sub li.active a { color: #993333; font-weight: bold; } body#contact #navigation-menu ul.nav-sub li a:hover { color: #000; font-weight: bold; } #ShowHideMobileMenu {display:block; text-align:center;} #ShowHideMobileMenu ul li {display: inline-block; margin: 15px 10px 0 0; width: auto; padding: 5px; border: 1px solid #ccc; background: #f7f7f7; color: #333; text-align: center; cursor: pointer;} /* CONTACT US PAGE */ #content-mainContactUs { float: left; width: 90%; padding-left: 35px; } #content-sidebarContactUs { float: left; width: 225px; background-color: #F6F6F6; margin-top: 20px; } #contactFormArea { float: left; width: 100%; padding: 5px; margin-top: 15px; } #contactDescriptionForm { float: left; width: 100%; } #content-sidebarContactUsAddress { float: left; padding-left: 10px; width: 350px; font-size: 18px; margin-top: 15px; line-height: 20px } #content-sidebarContactUs { float: left; margin-left: 10px;width: 225px; background-color: #F6F6F6; margin-top: 20px;} #content-sidebarCenterArea { float: left; width: 100%; padding: 0px 0px 20px 0;} #content-sidebarContactUsHeader { float: left; width: 95%; padding: 0px 0px 0px 10px; margin-right: 5px; font-size: 20px; font-weight: bold;} .content-sidebarContactUsSeperator { display: none; float: left; padding: 30px 0px 10px 36px; width: 225px; } #to-top { position: fixed; background-image: url("../images/scroll-to-top.png"); background-repeat: no-repeat; cursor: pointer; display:block; width: 55px; height: 55px; bottom: 10px; right: 10px; } /* contact us page */ #MapBoxContact { display: block; text-align: center; width: 100%; text-align: center; padding: 10px 0 10px 0; margin-bottom: 10px margin-left: 5px; } #content-sidebarContactUs{ display: inline-block; } /*Practice Areas Page */ body#practiceareas #main-banner { background-color: #993333; width: 99%; height: 40px; background:url("") no-repeat;} body#practiceareas #navigation-menu ul.nav-sub li a { text-transform: uppercase; width: 100%; text-align:center; letter-spacing:1px; border-top: 0px;} body#practiceareas #navigation-menu ul.nav-sub li.active a { color: #993333; font-weight: bold; } body#practiceareas #navigation-menu ul.nav-sub li a:hover { color: #000; font-weight: bold; } /*News Page */ #content-mainNewsArea {float: none; width: 95%; padding: 5px 15px 20px 15px; } #content-mainNewsHeader { float: none; width: 100%; padding: 20px 0 20px 0; text-align:center; letter-spacing: 1px; } #content-mainNewsContentAreas { float: none; width: 99%; padding: 20px 0 20px 0; } .content-mainNewsContentHeadline { float: left; width: 100%; max-width: 520px; padding: 0; border-bottom: 2px solid #CCCCCC; } .content-mainNewsContentEvents { float: left; width: 95%; max-width: 520px; padding: 5px 5px 5px 15px; } .content-mainNewsContentHeadlineLinkToTop {display:none;} body#news #main-banner { background-color: #993333; width: 99%; height: 40px; background:url("") no-repeat;} /*Display 'show menu' link*/ .show-menu { display:block; max-width: 100%; height: 20px; } .nav_toggle span { display:block; } .nav_toggle { display:block; } }