/* Theme Name: LBi Theme URI: http://www.lbi.com Description: LBi Theme Author: LBi Author URI: http://www.lbi.com Template: lbi Version: 1.0 . General comments/License Statement if any. . */ /* Eric Meyer reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus {outline: 0} #jobs-listing ul, #work-overview ul, #nav-primary, #nav-secondary ul, #breadcrumb ul, #content-secondary ul { list-style: none; margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } #jobs-listing li, #work-overview li, #nav-primary li, #nav-secondary li, #breadcrumb li, #content-secondary li { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; font-size: 1.1em; } table {border-collapse: separate; border-spacing: 0} caption, th, td {text-align: left;font-weight: normal} blockquote:before, blockquote:after, q:before, q:after {content: ""} blockquote, q {quotes: "" ""} strong { font-weight: bold; } em { font-style: normal; } body { background: #fff; font-size: 62.5%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-align: center; color: #333; line-height: 1.5; } .meta { position: absolute; left: -9999px; height: 0; } /* Typography -------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, p { font-size: 1.1em; font-weight: normal; margin-bottom: 1em;} ul li { font-size: 1.1em; } ul li li { font-size: 1em; } #logo { background: transparent url(assets/img/LBi-logo-24.png) no-repeat top left; width: 317px; height: 172px; position: absolute; top: 16px; left: 21px; z-index: 1; } .healthHeaderLogo {position:absolute; top:0; right:0px; width:137px;} .healthHeaderLogo p {padding:3px 0 0 3px;} .healthHeaderLogo span { color:#000; } .bbb {position:absolute; top:107px; left:680px;} h1 a { width: 317px; height: 172px; text-indent: -9999px; display: block;} #tagline { position: absolute; display: block; left: 371px; top: 30px; text-indent: 0 !important; font-size: 1.4em; color: #858585; } #tagline span { color: #f1001c; } h2 { font-weight: bold; } #content-secondary h2 { margin-bottom: 1.9em; } #content-secondary h3 { font-size: 1em ; } #blog .entry h3, body.tag #standard-posts .content h3 { font-size: 3.8em; color: #f1001c; line-height: 1; width: 85%; } .page h3, .job h3, #blog.tag .job h3 { font-weight: bold; font-size: 1.8em !important;} #contact #content-secondary h3 { font-size: 1.1em !important; margin-bottom: 0; } h4 { font-size: 1.1em;} h5 { } h6 { } p { } #footer p { margin-left: 24px; margin-bottom: 5px; } /* Sprites & Images -------------------------------------------------------*/ .sprite { background-image: url(assets/img/sprite.png); background-repeat: no-repeat; text-indent: -9999px; display: block; } .entry .comment-count { float: left; background-color: #000; background-position: 0 18px; color: #fff; display: block; width: 20px; padding-bottom: 7px;text-indent: 0px; text-align: center; } .entry .add-this { background-position: 0px -25px ; width: 78px; height: 17px; float: left; margin-left: 5px; } .post-controls-alt .add-this { margin-left: 0px; } .entry a.add-this:hover { background-position: 0px -45px } /* #footer a.add-this { background-position: 0px -438px; width: 78px; height: 17px; float: left; margin-left: 15px; } #footer a.add-this:hover { background-position: 0px -458px; } #footer .rss { margin-top: 2px; width: 30px; height: 14px; background-position: 0 -410px; float: left; } #footer .twit { background-position:0 -478px; margin: 2px 15px 0 0; width: 56px; height: 14px; float: left; } #footer a.twit:hover { background-position: -59px -478px; } #footer a.rss:hover { background-position: -31px -410px; } */ #footer a.add-this { background-position: 0px -438px; width: 78px; height: 17px; float: left; margin-left: 0px; } #footer a.add-this:hover { background-position: 0px -458px; } #footer .rss { margin-top: 2px; width: 30px; height: 14px; background-position: 0 -410px; float: left; } #footer .twit { background-position:0 -478px; margin: 2px 15px 0 0; width: 56px; height: 14px; float: left; } #footer a.twit:hover { background-position: -59px -478px; } #footer a.rss:hover { background-position: -31px -410px; } /* Links -------------------------------------------------------*/ a { color: #f1001c; text-decoration: none; } a:hover { text-decoration: underline; color: #000; } a img { padding: 0; border: 0; margin: 0; } p.tags a { font-weight: normal; } #footer a { color: #fff; text-decoration: underline; } .entry h3 a:hover, .job .url a:hover { background: #f1001c; color: #fff; text-decoration: none; } .job .url a { font-weight: bold; font-size: 1.8em; } .comment-count a:hover { color: #fff; text-decoration: none;} /* Lists -------------------------------------------------------*/ #nav-primary { display: block; float: right; margin-top: 138px; position: relative; z-index: 400; background: #f1001c; padding-right: 24px; padding-left: 115px; } #nav-primary li { display: inline; } #nav-primary a { display: block; width: 119px; text-indent: 12px; line-height: 25px; background: #f1001c; color: #fff; float: left; } #nav-primary a:hover, #nav-primary li.active a { background: #000 !important; color: #fff !important; } #breadcrumb { background: #fff; line-height: 25px; float: left; margin-bottom: 0; } #breadcrumb li { float:left; display: block; width: auto; background: #fff; padding-right: 5px; } #breadcrumb li:first-child { margin-left: 24px; } #breadcrumb li:last-child { padding-right: 15px; } #breadcrumb li:before { } #breadcrumb li:first-child:before { } #breadcrumb a { } .inner ul { margin-bottom: 2em; } /* Core Layout -------------------------------------------------------*/ #wrapper { width: 980px; margin: 0 auto; text-align: left; background: url(assets/img/bg-title.png) repeat top left; } #header, #footer { width: 100%; float: left; } #header { background: transparent url(assets/img/bg-head.png) no-repeat top left; position: relative; z-index: 150000; } #content { clear: both; width: 980px; float: left; position: relative; z-index: 1; } /* Content Primary */ #content-primary { width: 700px; float: left; } #blog #content-primary {/* background: #666;*/ } #join #content-primary { width: 600px; } #orientation { position: absolute; top: 55px; left: 0px; z-index: 10; } #contact #orientation { top: 350px; } #breadcrumb { padding-left: 24px; } /* Secondary Content #content-secondary { position: absolute; top: 55px; right: 0px; width: 248px; padding: 40px 0; background: #fff; z-index: 8;}*/ #content-secondary {/*display:none;*/ float: right; position: relative; margin-top: 55px; margin-bottom: 40px; width: 248px; padding: 30px 0; background: #fff; z-index: 60px; } #join #content-secondary { margin-top: 380px; } #contact #content-secondary { margin-top: 568px; } #join #content-secondary { width: 380px; padding-bottom: 0;} #case-study.work-overview #content-secondary { top: 220px; } #content-secondary ul, #content-secondary ol, #content-secondary h2, #content-secondary h3, #content-secondary p { margin-left: 32px; margin-right: 12px; } #content-secondary ul { margin-bottom: 40px; } /* Footer */ #footer { background: url(assets/img/bg-footer.gif) no-repeat top left; padding-top: 53px; clear: both; color: #fff; position: relative;} #footer div { background: #f1001c; padding-bottom: 20px; padding-top: 55px; margin-bottom:30px; } /* #page-controls { float: right; display: block; width: 195px; margin-right: 24px; }*/ #page-controls { float: right; display: block; width: 165px; margin-right: 10px; } #home #footer { position: relative; margin-top: -58px; z-index: 4;} #home #footer div { padding-top: 250px; /*padding-top: 185px;*/ } /* Pages ---------------------------------*/ #img-feature { position: relative; top: 0; left: 0; z-index: -2; width: 980px; height: 527px; overflow: hidden; } #home #img-feature {z-index:100} /*#blog #img-feature { height: 200px;}*/ #contact #img-feature {top: 24px;} /* Main Headline */ /* Main Headline */ #headline { width: 550px; line-height: 1.1; margin-bottom: 60px; background: url(assets/img/bg-headline.gif) repeat-y top left; padding: 1px 20px 1px 24px; clear: both;} #headline h2, headline h1 { display: inline; clear: both; background: #fff; color: #000; font-size: 5.3em; font-weight: normal; padding-right:20px;} #home #headline { width: 550px; } #home #headline h2 { font-size: 3.5em; line-height:113%; } #headline p{ width: 500px; margin-bottom: -2px !important; background: #f1001c; color: #fff; font-size: 2em; padding: 5px 0; margin-bottom: 0; margin-left: -24px; text-indent: 24px; } /*#subheadline {width: 500px; margin-bottom: -2px !important; background: #fff; color: #f1001c; font-size: 1.4em; padding: 5px 0; margin-bottom: 0; margin-left: -24px; text-indent: 24px;} */ /* Blog Layout */ #featured-post { position: relative; margin-top:24px; margin-bottom: 40px !important; z-index: 4; /*background: red;*/*margin-bottom: 100px !important;} #featured-post.pullup { margin-top: -350px; } #featured-post.pullup2 { margin-top: -250px; } #standard-posts { margin-bottom: 40px !important; /*background: blue;*/} /* Entry Layout */ .entry { clear: both; } #featured-post .entry {/* background: #ccc; */ } #standard-posts .img {/* background: #ccc;*/ } #blog .entry {/* margin-bottom: 40px; */ } #blog .alt, .tag .alt { position: relative; top: 0; /*right: -145px;*/ padding-bottom: 40px; /*margin-bottom: 40px;*/} #contact #featured-post .entry { margin-top: -70px; } /* Entry Content */ .entry .content { background: #fff; padding: 40px 0; width: 600px; margin-left: 36px; margin-top:-100px;} #blog .entry .content {margin-top:-300px; *margin-top: 0;} #blog .alt .content {margin-top:-300px; *margin-top: -50px;} #single .entry .content {margin-top:-300px;} #standard-posts .img .content { position: relative; margin-top: -135px !important; margin-bottom: 40px !important;} #standard-posts .alt .content { top: 0 !important; margin-bottom: 0 !important; } body#single #standard-posts .entry .content .inner { margin-bottom: 40px !important; } .wp-caption-text {font-size:1.0em; color:666} /* Content Inner */ .entry .content .inner { margin-left: 32px; margin-right: 24px; } #blog .entry .content .inner { padding-bottom: 0; } #single .entry .content .inner, #case-study .entry .content .inner { padding-bottom: 100px; } .entry .author { color: #f1001c; font-weight: bold; } .post-controls, .post-controls-alt { float: left; width: 100%; } #pagination { width: 722px; padding: 20px 0; background: #fff; overflow: auto; text-align: center; margin-left: 130px; margin-bottom: 40px;} #pagination-jobs { width: 465px; padding: 20px 0; background: #fff; overflow: auto; text-align: center; clear: both; margin: 0 0 40px 0;} #work-pagination, #work-pagination-btm { width: 224px; background: #fff; overflow: auto; padding: 0; position: absolute; } #work-pagination { top: -40px; right: 2px } #work-pagination-btm { bottom: -28px; right: 2px } .older { float: left; margin-left: 15px; width: 15%;} .newer { float: right; } .older a, .newer a { display: block; line-height: 17px; font-size: 1.1em; } .older a { background: url(assets/img/previous.gif) no-repeat center left; padding-left: 20px; text-align: left; } .newer a { background: url(assets/img/next.gif) no-repeat center right; text-align: right; padding-right: 20px; } #pagination .older { margin-left: 15px; width: 15%;} #pagination .newer { margin-right: 15px; width: 15%; } #work-pagination .older, #work-pagination-btm .older, #pagination-jobs .older { margin-left: 5px; width: 45%;} #work-pagination .newer, #work-pagination-btm .newer, #pagination-jobs .newer { margin-right: 5px; width: 45%; } /* Video Post */ .entry .video { width: 600px; padding-top: 10px; } .entry .video .inner { margin-right: 130px; padding-top: 20px;} #preview { width: 548px; /*height: 280px;*/ margin-left: 30px; } /* Work Overview */ #case-study #content-primary { width: 720px; } #work-overview { width: 710px; display: block; float: left; position: relative; top: -306px; margin-bottom: -250px; left: 12px; z-index: 20000; } #work-overview li { float: left; background: #fff; width:218px; /*width: 224px;*/ margin: 0 0 12px 12px; padding: 0 0 15px 0; /*padding: 0 0 30px 0;*/ border:1px solid #CCCCCC; } #work-overview li img { margin-bottom: 10px; } #work-overview li p { margin: 0 11px; } /* Jobs */ #join .entry .content { width: 460px;} #join #featured-post .job .content { width: 460px;margin-top:-300px;} #join #headline { width:700px} #join .entry .inner { padding-bottom: 140px; } #join .entry h3 { font-size: 1.8em; } #jobs-listing { width: 500px; float: left; position: relative; margin-top: -112px; left: 100px; z-index: 40000; min-height: 700px; } #jobs-listing ul { margin-bottom: 40px; } #jobs-listing h3 { text-indent: 10px; font-size: 1.8em;} #jobs-listing li.panel { width: 224px; height: 113px; background: #fff; display: block; float: left; margin-right: 15px; margin-bottom: 15px; } #jobs-listing li.panel:hover { background-color: #f1001c; } #jobs-listing li.panel:hover * { color: #fff; } #jobs-listing li.panel:hover h4 { font-weight: bold; } #jobs-listing ul ul, #jobs-listing ul h4 { margin: 10px; } #jobs-listing li li { width: auto; } #join .job .content {margin-top:-300px} /* Staff */ #staff li { margin-bottom: 20px; padding: 0; overflow:hidden; } #staff img { float: left; margin-right: 10px; } #staff h2 { font-size: 1.4em; margin-bottom: 25px; overflow: auto;} #staff h3 { font-weight: bold; margin: 0; padding: 0; line-height: 1; } #staff h3, #staff p { font-size: 1em; } #staff p { padding-bottom: 0; margin-bottom: 5px; line-height: 1.3; } /* Homepage */ #overview { position: absolute; top: 445px; /*top: 390px;*/ z-index: 40000; width: 944px; left: 24px; float: left; } #overview .panel { width: 225px; float: left; margin-right: 12px; background: #fff; display: inline; text-align: center; padding-bottom: 10px; } #overview img { margin: 10px 0 10px 0px; } #overview .panel h3 { } #overview .panel h3, #overview .panel h4, #overview .panel p { width: 201px; margin: 0 auto 5px auto; text-align: left; } #overview .panel h4 { font-size: 1.2em; } #overview #case-study, #overview #showreel { position: relative; top: -25px; } #overview .panel .post-meta { color: #666; font-size: .9em; } #overview #showreel { margin-right: 0; } .panel p.matchHead { font-size: 1.15em; } /* EXEC STAFF pages */ #single #who-we-are h2 { font-size: 3.8em; font-weight: normal; margin-bottom:-20px; line-height: 1.1; margin-bottom: 15px; } #single #who-we-are li { display:block; width:75px; margin-left:5px; float:right; text-align:center; background-color:#DFDEDD; border:1px solid #7A7978; } #single #who-we-are li a { display:block; /*width:90px;*/ height:20px; padding:5px 0; color:#000; } #single #who-we-are li a:hover { text-decoration:none; color:#F1001C; } #single #who-we-are .photo { background:#CCC; /*width:100px;*/ display:block; float:left; } #single #who-we-are { margin-bottom:20px; } #single #who-we-are .tabcontent div { height:110px; margin:10px 0 0 20px; } #single #intro { margin-bottom: 40px; } #single #intro h2 { font-size: 3.8em; font-weight: normal; margin-bottom: 0; line-height: 1.1; margin-bottom: 15px; } #single #content-secondary h3 { font-size: 1em; font-weight: normal; margin-bottom: 0; margin-left: 0; padding-bottom: 0;} #single #content-secondary li { margin-bottom: 10px; } #single #content-secondary li p { padding: 0; margin: 0; font-size: 1em; } #single #content-secondary .post-meta { color: #666; font-size: .9em; } #single .entry .video .inner { margin-right: 20px; padding-top: 10px;} #single #who-we-are .tabcontent p { margin:0; padding:20px 0 0 105px; font-weight:bold; font-size:11px; text-align:left; width:100px;} #single #who-we-are .tabcontent .title { /*margin:-18px 0 0 0;*/ padding:0 0 0 105px; font-weight:normal; color:#555453; } /*tabs */ #single #who-we-are #aboutTabs li { margin-bottom:0px; border-bottom:none; height:25px; font-weight:bold; width:75px; } #single #who-we-are #aboutTabs li a.selected { margin-bottom:-2px; background:#FFF; } #single #who-we-are li a.selected:hover { text-decoration: none; color:#F1001C; } /* content */ #single #who-we-are about.panel { display: block; width: 225px; height:600px; background: #eee; position: absolute; } #single #who-we-are h3 a { display: block; width: 215px; height: 120px; padding: 10px 0 10px 10px; } #single #who-we-are #tab1 li, #single #who-we-are #tab2 li { margin-bottom:0px; width:220px; height:120px; margin-bottom:10px;font-weight:bold; background-color:#fff; } #single #who-we-are #tab1 #grid-about1 { top: 0px; left: 0px; } #single #who-we-are #tab1 #grid-about2 {top: 0px; left: 0px; } #single #who-we-are #tab1 #grid-about3 {top: 0px; left: 0px; } #single #who-we-are #tab1 #grid-about4 {top: 0px; left: 0px; } #single #who-we-are #tab1 #grid-about5 { top: 0px; left: 0px; } #single #who-we-are #tab1 #grid-about6 { top: 0px; left: 0px;} #single #who-we-are #tab2 #grid-about7 { top: 0px; left: 0px; } #single #who-we-are #tab2 #grid-about8 {top: 0px; left: 0px; } #single #who-we-are #tab2 #grid-about9 {top: 0px; left: 0px; } #single #who-we-are #tab2 #grid-about10 {top: 0px; left: 0px; } #single #who-we-are #tab2 #grid-about11 { top: 0px; left: 0px; } #single #who-we-are #tab2 #grid-about12 { top: 0px; left: 0px;} #single #who-we-are #tab1 li, #single #who-we-are #tab2 li { font-size: 11px; } #single #who-we-are #tab1 li .sub-content, #single #who-we-are #tab2 li .sub-content { display: none; } #single #who-we-are #tab1 li.active .sub-content, #single #who-we-are #tab2 li.active .sub-content { display: block; } #single #who-we-are #tab1 li h3, #single #who-we-are #tab2 li h3 { font-weight: normal; } #single #who-we-are #tab1 h4, #single #who-we-are #tab2 li h4 { font-weight: bold; } #single #who-we-are li.active p { margin:0; padding:20px 0 0 105px; font-weight:bold; font-size:11px; text-align:left; width:200px;} #single #who-we-are #tab1 li.active, #single #who-we-are #tab2 li.active { background: #eee; position: relative; width: 300px; height: auto; z-index: 400; float: right; cursor: default;} #single #who-we-are #tab1 li.active .photo, #single #who-we-are #tab2 li.active .photo {margin-left:10px;} #single #who-we-are #tab1 li.active h3, #single #who-we-are #tab2 li.active h3 { margin: 10px 0 0 0; float: left; width: 300px; background: #eee; position: relative; z-index: 10; text-indent: 10px;} #single #who-we-are #tab1 li.active h3 a, #single #who-we-are #tab2 li.active h3 a { display: block; width: 300px; padding: 0; height: auto; color: #000; background: #eee url(assets/img/about/close.gif) no-repeat 385px 5px; margin-left: 0 } #single #who-we-are #tab1 li.active h3 a:hover, #single #who-we-are #tab2 li.active h3 a:hover { background: #eee url(assets/img/about/close.gif) no-repeat 285px 5px;; color: #f0001b; } #single #who-we-are #tab1 li.active .sub-content .inner, #single #who-we-are #tab2 li.active .sub-content .inner { float: left; width: 110px; height:auto; margin: 10px 0 10px 10px; z-index: 10; } #single #who-we-are #tab1 li.active .sub-content .inner p, #single #who-we-are #tab2 li.active .sub-content .inner p { float: left; width: 270px; height:auto; margin: 10px; margin-left:-20px; padding:0; z-index: 5000; left:0px; } /* About */ #about #who-we-are h2 { font-size: 3.8em; font-weight: normal; margin-bottom:-20px; line-height: 1.1; margin-bottom: 15px; } #about #who-we-are li { display:block; width:75px; margin-left:5px; float:right; text-align:center; background-color:#DFDEDD; border:1px solid #7A7978; } #about #who-we-are li a { display:block; /*width:90px;*/ height:20px; padding:5px 0; color:#000; } #about #who-we-are li a:hover { text-decoration:none; color:#F1001C; } #about #who-we-are .photo { background:#CCC; /*width:100px;*/ display:block; float:left; } #about #who-we-are { margin-bottom:20px; } #about #who-we-are .tabcontent div { height:110px; margin:10px 0 0 20px; } #aboutTabs ul{margin: 0;} #about #intro { margin-bottom: 40px; } #about #intro h2 { font-size: 3.8em; font-weight: normal; margin-bottom: 0; line-height: 1.1; margin-bottom: 15px; } #about #content-secondary h3 { font-size: 1em; font-weight: normal; margin-bottom: 0; margin-left: 0; padding-bottom: 0;} #about #content-secondary li { margin-bottom: 10px; } #about #content-secondary li p { padding: 0; margin: 0; font-size: 1em; } #about #content-secondary .post-meta { color: #666; font-size: .9em; } #about .entry .video .inner { margin-right: 20px; padding-top: 10px;} #about #who-we-are .tabcontent p, #about #who-we-are .tabcontent span { margin:0; padding:20px 0 0 105px; *padding: 20px 0 0 0; font-weight:bold; font-size:11px; text-align:left; width:100px;} #about #who-we-are .tabcontent .title { margin: 0 0 0; padding:0 0 0 105px; *padding: 0; font-weight:normal; color:#555453; } /*tabs */ #about #who-we-are #aboutTabs li { margin-bottom:0px; border-bottom:none; height:25px; font-weight:bold; } #about #who-we-are #aboutTabs li a.selected { margin-bottom:-2px; background:#FFF; /*border:1px solid #CFCDCE; */ } #about #who-we-are li a.selected:hover { text-decoration: none; color:#F1001C; } /* content */ #about #who-we-are about.panel { display: block; width: 225px; height:600px; background: #eee; position: absolute; } #about #who-we-are h3 a { display: block; width: 215px; height: 120px; padding: 10px 0 10px 10px; } #about #who-we-are #tab1 li, #about #who-we-are #tab2 li { margin-bottom:0px; width:220px; height:120px; margin-bottom:10px;font-weight:bold; background-color:#fff; } #about #who-we-are #tab1 #grid-about1 { top: 0px; left: 0px; } #about #who-we-are #tab1 #grid-about2 {top: 0px; left: 0px; } #about #who-we-are #tab1 #grid-about3 {top: 0px; left: 0px; } #about #who-we-are #tab1 #grid-about4 {top: 0px; left: 0px; } #about #who-we-are #tab1 #grid-about5 { top: 0px; left: 0px; } #about #who-we-are #tab1 #grid-about6 { top: 0px; left: 0px;} #about #who-we-are #tab2 #grid-about7 { top: 0px; left: 0px; } #about #who-we-are #tab2 #grid-about8 {top: 0px; left: 0px; } #about #who-we-are #tab2 #grid-about9 {top: 0px; left: 0px; } #about #who-we-are #tab2 #grid-about10 {top: 0px; left: 0px; } #about #who-we-are #tab2 #grid-about11 { top: 0px; left: 0px; } #about #who-we-are #tab2 #grid-about12 { top: 0px; left: 0px;} #about #who-we-are #tab1 li, #about #who-we-are #tab2 li { font-size: 11px; } #about #who-we-are #tab1 li .sub-content, #about #who-we-are #tab2 li .sub-content { display: none; } #about #who-we-are #tab1 li.active .sub-content, #about #who-we-are #tab2 li.active .sub-content { display: block; } #about #who-we-are #tab1 li h3, #about #who-we-are #tab2 li h3 { font-weight: normal; } #about #who-we-are #tab1 h4, #about #who-we-are #tab2 li h4 { font-weight: bold; } #about #who-we-are li.active p { margin:0; padding:20px 0 0 105px; font-weight:bold; font-size:11px; text-align:left; width:200px;} #about #who-we-are #tab1 li.active, #about #who-we-are #tab2 li.active { background: #eee; position: relative; width: 300px; height: auto; z-index: 400; float: right; cursor: default;} #about #who-we-are #tab1 li.active .photo, #about #who-we-are #tab2 li.active .photo {margin-left:10px;} #about #who-we-are #tab1 li.active h3, #about #who-we-are #tab2 li.active h3 { margin: 10px 0 0 0; float: left; width: 300px; background: #eee; position: relative; z-index: 10; text-indent: 10px;} #about #who-we-are #tab1 li.active h3 a, #about #who-we-are #tab2 li.active h3 a { display: block; width: 300px; padding: 0; height: auto; color: #000; background: #eee url(assets/img/about/close.gif) no-repeat 385px 5px; margin-left: 0 } #about #who-we-are #tab1 li.active h3 a:hover, #about #who-we-are #tab2 li.active h3 a:hover { background: #eee url(assets/img/about/close.gif) no-repeat 285px 5px;; color: #f0001b; } #about #who-we-are #tab1 li.active .sub-content .inner, #about #who-we-are #tab2 li.active .sub-content .inner { float: left; width: 110px; height:auto; margin: 10px 0 10px 10px; z-index: 10; } #about #who-we-are #tab1 li.active .sub-content .inner p, #about #who-we-are #tab2 li.active .sub-content .inner p { float: left; width: 270px; height:auto; margin: 10px; margin-left:-20px; padding:0; z-index: 5000; left:0px; } #tcontent1 .sub-content img { float: left; } #services { width: 700px ; height: 456px; margin: 12px 0 0 24px; position: relative; z-index: 50; } #services .panel { display: block; width: 225px; height: 100px; background: #fff; position: absolute; } #services h3 a { display: block; width: 215px; height: 90px; padding: 10px 0 0 10px; } #grid-1 { top: 0px; left: 0px; } #grid-1 h3 { display: block; width: 215px; height: 90px; padding: 10px 0 0 10px; background: #fff url(assets/img/lbi_health_tile.jpg) no-repeat top left;} #grid-1 h3 a {-moz-opacity:0; filter:alpha(opacity=0); opacity:0;} #grid-1 h3 a:hover {-moz-opacity:0; filter:alpha(opacity=0); opacity:0;} #grid-2 { top: 0px; left: 237px; } #grid-3 { top: 0px; left: 474px; } #grid-4 { top: 112px; left: 0px; } #grid-5 { top: 112px; left: 237px; } #grid-6 { top: 112px; left: 474px; } #grid-7 { top: 224px; left: 0px; } #grid-8 { top: 224px; left: 237px; } #grid-9 { top: 224px; left: 474px; } #grid-10 { top: 338px; left: 0; } #grid-11 { top: 338px; left: 237px; } #grid-12 { top: 338px; left: 474px; } #services li { font-size: 1.1em; } #services li .sub-content { display: none; } #services li.active .sub-content { display: block; } #services li h3 { font-weight: normal; font-size: 1.8em; } #services h4 { font-weight: bold; } #services li.active { background: #eee; position: relative; width: 400px; height: auto; z-index: 5000; float: left; cursor: default;} #services li.active h3 { margin: 10px 0 0 0; float: left; width: 400px; background: #fff; position: relative; z-index: 10; text-indent: 10px;} #services li.active h3 a { display: block; width: 400px; padding: 0; height: auto; color: #000; background: #fff url(assets/img/about/close.gif) no-repeat 385px 5px; margin-left: 0; -moz-opacity:1; filter:alpha(opacity=100); opacity:100; } #services #grid-1.active h3 { display: block; width: 400px; padding: 0; height: auto; color: #000; background: #fff url(assets/img/about/close.gif) no-repeat 385px 5px; margin-left: 0; -moz-opacity:1; filter:alpha(opacity=100); opacity:100; height:auto !important;} #services li.active h3 a:hover { background: #fff url(assets/img/about/close.gif) no-repeat 385px 5px; color: #f0001b; } #services li.active .sub-content .inner { float: left; width: 210px; margin: 10px 0 10px 10px; z-index: 10; } .sub-content img { float: right; } /* Contact Us */ #address { width: 356px; margin-left: 24px; background: #fff; padding: 40px 0; position: relative; top: 100px; margin-bottom: 100px;} #address p { font-size: 3.6em; margin: 0 30px 0 30px; line-height: 1.2; color: #b2b2b2; } #contact .entry .content { position: relative; margin-top: 100px; margin-bottom: 40px; left: 95px; width: 484px; } #contact .entry .content h3, #contact .entry .content h4 { font-size: 1.1em; font-weight: bold; } #contactNY, #contactATL {height:460px;width:922px; display:block; position:absolute; margin-top:2px;} #contact #contactTabs {text-align:right;width:980px;margin-left:700px;} #contact #contactTabs h2 { font-size: 3.8em; font-weight: normal; margin-bottom:-20px; line-height: 1.1; margin-bottom: 15px; } #contact #contactTabs li { display:block; width:90px; margin-left:5px; float:left; text-align:center; background-color:#DFDEDD; border:1px solid #7A7978; } #contact #contactTabs li a { display:block; width:90px; height:20px; padding:5px 0; color:#000; } #contact #contactTabs li a:hover { text-decoration:none; color:#F1001C; } #contact #contactTabs .tabcontent div { height:65px; margin:10px 0 0 32px; } #contact #contactTabs .tabcontent div p { margin:0; padding:20px 0 0 110px; font-weight:bold; } #contact #contactTabs .tabcontent div .title { margin:-17px 0 0 0; padding:0 0 0 110px; font-weight:normal; color:#555453; } #contact #contactTabs li { margin-bottom:0px; border-bottom:none; height:25px; font-weight:bold; } #contact #contactTabs li a.selected { margin-bottom:-2px; background:#FFF; border-top:1px solid #CFCDCE; border-right:1px solid #CFCDCE; border-left:1px solid #CFCDCE; border-bottom:none; border-width:0; color:#F1001C; } #contact #contactTabs li a.selected:hover { text-decoration: none; color:#F1001C; } .mapContainer {margin:20px 10px 0 10px;;} #tabs {height:518px;} /* Comments */ #comments { width: 460px; position: relative; left: 140px; margin-top: -100px; margin-bottom: 40px; z-index: 100000;} #comments li { padding-top: 19px; margin-bottom: 5px; background: url(assets/img/bg-comment.png) no-repeat top left; zoom: 1; } #comments div{ background: #d1ccc4; padding-bottom: 24px; } #comments p { margin-left: 24px; margin-right: 12px; color: #333; } #comments p.author { font-weight: bold; margin-bottom: 5px;} #comments p.author span { color: #f1001c; } /* Twitter */ #twitter-anchor { position: relative; } /*#twitter { bottom: -300px; left: -20px; width: 276px; display: block; background: url(assets/img/twitter.png) no-repeat top left;}*/ #twitter { margin: 42px 0 0;} #tweetPane {display: none;} #twitter .content { width: 236px; } #twitter h2, #twitter p { padding: 3px; } /*#twitter h2 { color: #000; font-size: 1em; background: #fff; text-transform: uppercase; width: auto; }*/ #twitter p { background: #fff; border: solid #ccc; border-width: 0 1px; margin:0;} .tweet { word-wrap: break-word; display: block; margin: 10px 0 0 28px;} .tweet .top { background: url(assets/img/tweets/top.jpg) 0 0 no-repeat; width: 203px; height: 6px;} .tweet .btm { background: url(assets/img/tweets/btm.jpg) 0 0 no-repeat; width: 203px; height: 7px;} #twitter .tweet p { width: 181px; padding: 0 10px;} .tweetHead { position: relative;} .tweetLogo { background: url(assets/img/tweets/twitterpageheader.jpg) 0 0 no-repeat; position: absolute; width: 28px; height: 15px; right: 99px; top: 1px; } .tweetFeed { background: none !important; } #content-secondary .tweetFeed .content { } #content-secondary .tweetFeed h2 {text-transform: uppercase; font-size: 1.3em; background: #F1001C; color: #fff; display: inline; margin: 0; padding-right: 10px;} /* Forms -------------------------------------------------------*/ textarea, input.text, select { font-size: 1em; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* Search */ #search { position: absolute; background: #000; top: 28px; right: 24px; height: 25px; width: 212px; } #search .text { text-indent: 5px; background: #000; font-size: 11px; padding: 0; margin: 0; border: none; color: #fff; font-weight: bold; } #search-box { width: 145px; height: 20px; padding-top: 5px !important; } #search .submit { padding: 0; margin: 0; float: right; display: inline; border: 0; } legend { padding: 0; margin: 0;} legend span { display: block; width: auto; font-size: 1.8em; font-weight: bold; position: relative; left: 24px; margin-bottom: 12px; } .fieldwrap { padding: 0; float: left; clear: both; margin-bottom: 5px; width: 460px; position: relative; } .fieldwrap label { width:83px; float: left; margin-right: 10px; text-align: right; } .fieldwrap .text { float: left; width: 170px; } .required { position: absolute; left: 280px; } .fieldwrap .textarea { width: 362px; margin-left: 93px } .submit { background: #000; border: 0px; width: auto; color: #fff; clear: both !important; float: right; padding: 3px 5px; display: inline; font-size: 1.1em;} #comments-form, #contact-form, #success { width: 555px; background: #a9a095; position: relative; padding: 24px 0; } /* Comments Form */ #comments-form { left: 140px; margin-bottom: 40px; } #comments-form p.message { margin-left: 24px; } /* Contact Form */ #contact-form { margin-left: 24px; } .ddfmwrap { margin-left: 24px; background-color: #fff; color: #F1001C; margin-bottom: 40px; padding: 24px 0 24px 24px; width: 500px;} .ddfmerrors { font-size: 1.4em; font-weight: bold; } .errorlist { line-height: 1.5; font-size: 1.1em; } #success { margin: 0 0 80px 24px; } #success h2 { font-size: 1.8em; } #success h2, #success p { margin-left: 24px; } /* Tables -------------------------------------------------------*/ table { margin-bottom: 2em; } td, th { font-size: 1.2em; text-align: center; } /* Tabs -------------------------------------------------------*/ .tabs { margin-top: -364px;} .tabs .content h3{font-weight:normal;} .tabs ul{margin:30px 0 0 0;padding-left:36px;} .tabs ul li{ list-style:none; float:left; padding-right:2px; width:180px; } .tabControls li a{ font-size:1.4em; display:block; padding:7px 0 7px 28px; color:#fff; background-color:#f1001c; } .tabs li a.selected{ color:#333; background-color:#fff; } .tabs .content{ width:584px; padding:12px 12px 40px 10px; margin-top: 0; } .tabs .content h3, .tabs .content p{ padding:0 16px; } /* Clearing -------------------------------------------------------*/ .clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearing {display: inline-table;} /* Hides from IE-mac \*/ * html .clearing {height: 1%; } .clearing {display: block;} /* End hide from IE-mac */ .tabs .content { display: none; } .tabs .content.selected { display: block; }