/* CSS RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} fieldset,img { border:0;} address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th { text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} q:before,q:after { content:'';} abbr,acronym { border:0;} a, img, input{ outline: none !important; border: none;} /* HTML,Body */ html,body{ font-family: Helvetica,Arial; font-size: 12px; color: #666; width: 100%; height: 100%; min-width: 960px; } body {background: url('/images/bg-border.gif') repeat-y;} /* HEADER */ .header {padding-top:40px;height:200px; background-color:#fff; position:fixed; z-index:9999; width:100%; min-width:960px; font-size:11px;} .header a {text-decoration: none;} .header a:hover, .header .active {text-decoration: underline;} .navElementLft {width: 175px; float: left; margin-left: 20px;} .navElLft-logo {margin-left: 10px; height: 35px;} .navElLft-container {float: left; width: 175px; margin-left: 10px; border-top-style: solid; border-top-width: 3px;} .navZOG {border-top-color: #535353;} .navHdrZOG a {color: #535353;} .navElementRt {margin-right: 20px; width: 740px; float: right;} .navElRt-full {text-align: right; width: 100%; height: 35px;} .navElRt-full a {color: #666;} .navElRt-container {float: left; width: 175px; margin-left: 10px; border-top-style: solid; border-top-width: 3px;} .navSocial {border-top-color: #0054a6;} .navHdrSocial a {color: #0054a6;} .navHdrZOG a:hover, .navHdrZOG .active {background: url('/images/bg-arrow-zog.png') no-repeat right; padding-right: 15px; text-decoration:none;} .navHdrSocial a:hover, .navHdrSocial .active {background: url('/images/bg-arrow-sm.png') no-repeat right; padding-right: 15px; text-decoration:none;} .navHdrSEO a:hover, .navHdrSEO .active {background: url('/images/bg-arrow-se.png') no-repeat right; padding-right: 15px; text-decoration:none;} .navHdrPaid a:hover, .navHdrPaid .active {background: url('/images/bg-arrow-pm.png') no-repeat right; padding-right: 15px; text-decoration:none;} .navHdrDesign a:hover, .navHdrDesign .active {background: url('/images/bg-arrow-dt.png') no-repeat right; padding-right: 15px; text-decoration:none;} .navSEO {border-top-color: #80c100;} .navHdrSEO a {color: #80c100;} .navPaid {border-top-color: #e84500;} .navHdrPaid a {color: #e84500;} .navDesign {border-top-color: #ff9f00;} .navHdrDesign a {color: #ff9f00;} .navHeaderZOG {font-size: 12px; padding-top: 10px; width: 140px;} .navHeader {font-size: 12px; font-weight:bold; padding-top: 10px; width: 115px;} .navHeader a:hover, .navHeaderZOG a:hover {text-decoration: none;} .navHeaderLinks {line-height: 18px; padding-top: 15px;} .navHeaderLinks a {display: block; color: #999;} .navHeaderLinks a:hover, .navHeaderLinks .active {color:#333;} .navHeaderActive {color: #333 !important;} /* BODY CONTENT */ /*.bgDarkDNA {background-image: url('/images/bg-dna.png'); background-position: center 550px; background-repeat: no-repeat;} .contentBlock {background-image: url('/images/bg-dna2.png'); background-position: center 550px; background-repeat: no-repeat;}*/ .contentStorage {display:none;} .pageBody {background: url('/images/bg-border.gif') repeat-y right; width: 100%; height: 100%; position: fixed;} .pageBodyLft {background: url('/images/bg-border.gif') repeat-y left; width: 10px; height: 100%; position: fixed;} .contentShell {width: 100%; height: 100%;} .contentBody {padding: 290px 50px 85px 50px; position:relative;} .contentBlock {min-height:200px; padding:0 10px 0 10px; float:left; position:relative; width:100%;} .contentBlock a {text-decoration:none; color: #fff; background-color:#8e8f96 !important; padding: 1px 2px;} .zog, .zog:hover, .pageHeader .zog:hover {background-color:#535353 !important;} .pageHeader .zog15 {background-color: #d7d7d7 !important;} .pageHeader .zog25 {background-color: #c7c7c7 !important;} .pageHeader .zog35 {background-color:#b8b8b8 !important;} .pageHeader .zog45 {background-color:#a8a8a8 !important;} .pageHeader .zog55 {background-color:#999999 !important;} .pageHeader .zog65 {background-color:#898989 !important;} .pageHeader .zog75 {background-color:#7a7a7a !important;} .pageHeader .zog85 {background-color:#6a6a6a !important;} .pageHeader .zog95 {background-color:#5b5b5b !important;} .sm, .sm:hover, .pageHeader .sm:hover {background-color:#0054A6 !important;} .pageHeader .sm25 {background-color:#b2c7dc !important;} .pageHeader .sm35 {background-color:#9bb8d5 !important;} .pageHeader .sm45 {background-color:#83a9ce !important;} .pageHeader .sm55 {background-color:#6b99c6 !important;} .pageHeader .sm65 {background-color:#538abf !important;} .pageHeader .sm75 {background-color:#3c7bb8 !important;} .se, .se:hover, .pageHeader .se:hover {background-color:#80C100 !important;} .pageHeader .se25 {background-color:#d2e3b2 !important;} .pageHeader .se35 {background-color:#c8de9b !important;} .pageHeader .se45 {background-color:#bcda83 !important;} .pageHeader .se55 {background-color:#b2d56b !important;} .pageHeader .se65 {background-color:#a6d153 !important;} .pageHeader .se75 {background-color:#9ccc3c !important;} .pm, .pm:hover, .pageHeader .pm:hover {background-color:#E84500 !important;} .pageHeader .pm25 {background-color:#ecc4b2 !important;} .pageHeader .pm35 {background-color:#ecb39b !important;} .pageHeader .pm45 {background-color:#eba283 !important;} .pageHeader .pm55 {background-color:#eb916b !important;} .pageHeader .pm65 {background-color:#ea8053 !important;} .pageHeader .pm75 {background-color:#ea6f3c !important;} .dt, .dt:hover, .pageHeader .dt:hover {background-color:#FF9F00 !important;} .pageHeader .dt25 {background-color:#f2dab2 !important;} .pageHeader .dt35 {background-color:#f4d29b !important;} .pageHeader .dt45 {background-color:#f6ca83 !important;} .pageHeader .dt55 {background-color:#f7c36b !important;} .pageHeader .dt65 {background-color:#f9bb53 !important;} .pageHeader .dt75 {background-color:#fbb33c !important;} .external:hover {background-color:#00aeef !important;} .header .external:hover {background-color:transparent !important;} .bioLft a.external:hover {background: none !important;} .sectionHeaderNav {margin-top: 20px;} .sectionHeaderNav .zog:hover {background-color:#fff !important; color: #535353 !important;} .sectionHeaderNav .zog25, .sectionHeaderNav .sm25, .sectionHeaderNav .se25, .sectionHeaderNav .pm25, .sectionHeaderNav .dt25 {background: url('/images/bg-w25.png') !important;} .sectionHeaderNav .sm:hover {background-color:#fff !important; color: #0054A6 !important;} .sectionHeaderNav .zog35, .sectionHeaderNav .sm35, .sectionHeaderNav .se35, .sectionHeaderNav .pm35, .sectionHeaderNav .dt35 {background: url('/images/bg-w35.png') !important;} .sectionHeaderNav .se:hover {background-color:#fff !important; color: #80C100 !important;} .sectionHeaderNav .zog45, .sectionHeaderNav .sm45, .sectionHeaderNav .se45, .sectionHeaderNav .pm45, .sectionHeaderNav .dt45 {background: url('/images/bg-w45.png') !important;} .sectionHeaderNav .pm:hover {background-color:#fff !important; color: #E84500 !important;} .sectionHeaderNav .zog55, .sectionHeaderNav .sm55, .sectionHeaderNav .se55, .sectionHeaderNav .pm55, .sectionHeaderNav .dt55 {background: url('/images/bg-w55.png') !important;} .sectionHeaderNav .dt:hover {background-color:#fff !important; color: #FF9F00 !important;} .sectionHeaderNav .zog65, .sectionHeaderNav .sm65, .sectionHeaderNav .se65, .sectionHeaderNav .pm65, .sectionHeaderNav .dt65 {background: url('/images/bg-w65.png') !important;} .sectionHeaderNav .zog75, .sectionHeaderNav .sm75, .sectionHeaderNav .se75, .sectionHeaderNav .pm75, .sectionHeaderNav .dt75 {background: url('/images/bg-w75.png') !important;} .color-zog, .link-zog {color: #535353 !important;} .color-sm, .link-sm {color: #0054A6 !important;} .color-se, .link-se {color: #80C100 !important;} .color-pm, .link-pm {color: #E84500 !important;} .color-dt, .link-dt {color: #FF9F00 !important;} ul.ul-zog li {list-style: url('/images/bullet-zog.gif');} ul.ul-sm li {list-style: url('/images/bullet-sm.gif');} ul.ul-se li {list-style: url('/images/bullet-se.gif');} ul.ul-pm li {list-style: url('/images/bullet-pm.gif');} ul.ul-dt li {list-style: url('/images/bullet-dt.gif');} li {line-height: 18px; margin-left: 12px; padding-bottom: 10px;} .fullCont {width: 100%; float: left;} .clientThumb {float: left; width: 50px; height: 50px; margin: 2px; cursor:pointer; filter:alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50;} .clientThumb:hover, .activeThumb {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;} /* HOME PAGE -- INDEX */ .pageHeaderIndex {text-align:center; } .pageHeaderIndex ul {margin:0;} .pageHeaderIndex ul li {list-style:none; display:inline-table; margin:0; position:relative; padding:20px 0 0 0; height:76px;} .pageHeaderIndex ul li:hover {overflow:inherit;} .pageHeaderIndex ul li .contentIndex {-webkit-transition-property:all; -webkit-transition-duration:0.3s; -moz-transition-property:all; -moz-transition-duration:0.3s; -o-transition-property:all; -o-transition-duration:0.3s; transition-property:all; transition-duration:0.3s; opacity:0;} .pageHeaderIndex ul li:hover .contentIndex {-webkit-transition-property:all; -webkit-transition-duration:0.3s; -moz-transition-property:all; -moz-transition-duration:0.3s; -o-transition-property:all; -o-transition-duration:0.3s; transition-property:all; transition-duration:0.3s; opacity:1;} .pageHeaderIndex ul li a {letter-spacing:-5px; word-spacing: -5px; text-decoration:none; color:#333; background:none !important; display:inline-table; -webkit-transition-property:all; -webkit-transition-duration:0.3s; -moz-transition-property:all; -moz-transition-duration:0.3s; -o-transition-property:all; -o-transition-duration:0.3s; transition-property:all; transition-duration:0.3s; font-size:75px;} .pageHeaderIndex ul li:hover a {-moz-transition-property:all; -moz-transition-duration:0.3s; -webkit-transition-property:all; -webkit-transition-duration:0.3s; -o-transition-property:all; -o-transition-duration:0.3s; transition-property:all; transition-duration:0.3s; font-size:102px;} .contentIndex {width:600px; position:relative; background:#262626; font-size:12px; text-align:left; top:56px; left:0px; position:absolute; z-index:99; padding-top: 5px; line-height: 18px;} .contentIndexSocial {width:420px !important; padding-left:9px; color:#0054a6;} .pageHeaderIndex ul li:hover .contentIndexLinkSocial {color:#0054a6;} .contentIndexSearch {width:420px !important; padding-left:9px; color:#80c100;} .pageHeaderIndex ul li:hover .contentIndexLinkSearch {color:#80c100;} .contentIndexPaid {width:400px !important; padding-left:9px; color:#e84500;} .pageHeaderIndex ul li:hover .contentIndexLinkPaid {color:#e84500;} .contentIndexDesign {width:290px !important; padding-left:9px; color:#ff9f00;} .pageHeaderIndex ul li:hover .contentIndexLinkDesign {color:#ff9f00;} .contentIndexLink {font-size:75px;} .contentIndexLink:hover {position:relative;} #indexLink { font-size: 12px !important; color: #fff !important; letter-spacing: normal !important; word-spacing: normal !important; padding-right: 15px !important; background: url('/images/bg-arrow.png') no-repeat right !important; } #indexLink:hover { text-decoration: underline; } /* SECTION PAGES */ p {line-height:18px; padding-bottom: 10px;} .pHdr {color: #333; font-size:14px;} .pHdr_line {color: #333; font-size:14px; /*border-bottom:1px dotted #999;*/ padding-bottom: 0px !important; margin-bottom: 10px;} .sectionHeader h1 {font-size: 64px !important; color: #fff; margin-bottom: 10px;} .sectionHeaderContent {color: #fff; font-size:14px;} .sectionHeaderContent p {line-height:24px; padding-bottom: 15px;} .textCntr {text-align: center;} .textRt {text-align: right;} /* SUB PAGES */ .pageHeader {float:left; margin-bottom:40px; width:100%; position:relative; z-index:99;} .pageHeader h1 {font-size: 45px !important; color: #fff; float: left; position: inherit; float: left; margin-right: 3px;} .pageHeader h1 span {display: inline-block; padding: 0 7px 0 3px; height: 55px;} .pageHeader h1 span.zog {background-color: #535353;} .pageHeader h1 span.sm {background-color: #0054A6;} .pageHeader h1 span.se {background-color: #80C100;} .pageHeader h1 span.pm {background-color: #E84500;} .pageHeader h1 span.dt {background-color: #FF9F00;} .pageHeaderLft {float: left;} .pageHeader a {font-size: 14px; display: inline-block; float: left; padding: 5px; margin: 0 3px 3px 0;} .pageHeaderContent { float:left; width:100%; position:relative; z-index:99; margin-bottom: 75px;} .pageHeaderContent p {line-height:18px; padding-bottom: 15px;} h2 {font-size: 24px; color: #333;} p.introText {line-height: 24px; font-size: 16px; margin-bottom:40px;} h3 {font-size: 18px; display: inline; color: #fff; padding: 3px; margin-bottom: 10px; display:inline-block;} h3.small {font-size: 14px; display: inline; color: #fff; margin-bottom: 10px;} h3.work, h3.work:hover {background: url('/images/bg-b65.png') !important;} .columnShell {float: left; width: 100%; /*margin-bottom: 40px;*/ min-width: 890px;} .brdrTp {border-top: 1px dotted #ccc; padding-top: 40px;} .brdrBttm {border-bottom: 1px dotted #ccc; padding-bottom: 40px;} .brdrBttmSpecial {border-bottom: 1px dotted #ccc; padding-bottom: 40px !important; margin-bottom: 60px !important;} .twoColumnLft {float: left; width: 45%; margin-right: 10%; margin-bottom: 40px;} .twoColumnLft75 {float: left; width: 75%; margin-right: 5%; margin-bottom: 40px;} .twoColumnRt {float: left; width: 45%;} .twoColumnRt25 {float: left; width: 175px !important;} #zog-work .twoColumnRt25 {position: absolute; right: 30px; padding-bottom: 85px;} .fourColumn25 {width: 25%; float: left;} .threeColumnLft, .threeColumnCntr, .threeColumnRt {float: left; width: 30%;} .threeColumnLft, .threeColumnCntr {margin-right: 5%;} .client_logo {border: 1px dashed #ccc; float: left; margin: 0 10px 10px 0; width: 100px; height: 90px; width: 190px !important; background: no-repeat center 5px;} .clientList {padding: 10px 0 10px 20px !important; font-size: 11px; line-height: 24px; /*color: #969696;*/ color: #ccc;/* border-left: 1px dashed #ccc;*/ background: url('/images/bg-b65.png');} .borderList {padding: 10px 0 10px 20px !important; font-size: 11px; line-height: 24px; color: #666; border-left: 1px dashed #ccc;} .borderList2 {padding: 10px 0 10px 20px !important; font-size: 11px; line-height: 24px; color: #666; border-left: 1px dashed #ccc; background: url('/images/bg-w65.png'); margin: 10px 10px 10px 0;} .borderList3 {padding: 10px !important; margin-bottom: 10px; width: 150px; font-size: 11px; line-height: 24px; color: #ccc; background: url('/images/bg-b65.png'); margin-top: -8px;} .container-45 { height: 70px; width: 150px; margin: 0 auto; line-height: 18px; padding-left: 65px; float: left; -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand'); zoom:1; } .container-45 div {font-weight: bold; font-size: 14px; width: 100%;} .fiveColumnContainer {float: left; width: 20%; margin-bottom: 60px;} .one {background: url('/images/1.png') no-repeat;} .two {background: url('/images/2.png') no-repeat;} .three {background: url('/images/3.png') no-repeat;} .four {background: url('/images/4.png') no-repeat;} .five {background: url('/images/5.png') no-repeat;} .bioLft {float: left; width: 150px; padding-right: 30px; margin-right: 30px; border-right: 1px dotted #ccc;} .bioImg {margin-bottom: 15px;} .bioLft a {background: none !important; margin-right: 5px; padding: 0;} .bioPicNav a, .bioPicNav a:hover {background: none !important; margin-right: 20px; width: 150px;} .bioPicNav a img {margin-bottom: 20px;} .bioPicNav a div {width: 150px; height: 30px; margin-top: -30px; background: green; float: left;} .bioRt {float: left; width: 50%;} .twoColumnLft30 {float: left; width: 35%; margin-right: 5%;} .twoColumnRt60 {float: left; width: 60%;} .h3span {font-size: 18px; padding-right: 5px;} .twoColumnLft30Content {padding-top: 10px;} .gridShell-sm {height: 240px; background: url('/images/bg-grid-sm.png'); padding: 10px;} .gridShellLft {float: left; height: 240px; background: url('/images/bg-w75.png'); width: 65%;} .gridShellLftContainer {padding: 10px;} .gridShellLftContainer p {font-size: 16px; line-height: 24px;} .gridShellRtContainer {padding: 10px 10px 10px 30px;} .gridShellRtContainer a {font-size: 14px;} .gridShellRt {float: left; width: 35%;} .quarterBox {float: left; width: 25%; height: 50px;} .h3Special {font-size: 24px; width: 100%;} .h3Special2 {width: 100%;} .h3Special span {padding: 3px;} .h3Special2 span {background: #fff; font-size: 21px; font-weight: bold; line-height: 27px; padding: 3px;} .bgArrowLg {background: url('/images/arrow-large.png') no-repeat 315px 75px;} .box01, .box02, .box03, .box04 {background: no-repeat; width: 130px; height: 130px; margin: 0 auto; padding: 10px;} .box01 span, .box02 span, .box03 span, .box04 span {font-size: 16px; font-weight: bold; margin-top: 35px; display: inline-block;} .box01 {background-image: url('/images/bg-circle01.png');} .box02 {background-image: url('/images/bg-circle02.png');} .box03 {background-image: url('/images/bg-circle03.png');} .box04 {background-image: url('/images/bg-circle04.png');} .featuredArticle {float: left; width: 100%; margin-bottom: 30px; margin-top: 15px;} .articleImageFeatured {float: left; width: 200px; height: 100%;} .articleCopyFeatured {float: left; width: 70%; padding-top: 5px;} .articleCopyFeatured a {font-size: 18px; background: none !important; color: #666;} #specialLink {font-size: 12px; background: #8e8f96 !important; color: #fff;} #specialLink:hover {font-size: 12px; background: url('/images/bg-special-link.gif') no-repeat center right #00aeef !important; color: #fff; padding-right: 15px;} .articleCopyFeatured p {padding-top: 15px; font-size: 12px;} .articleItem {float: left; width: 315px; padding: 10px; margin: 0 5px 5px 0; height: 65px; background-image: url('/images/bg-w65.png');} .articleImage {float: left; width: 85px; height: 100%;} .articleCopy {float: left; width: 230px; padding-top: 5px;} .articleCopy a {font-size: 12px; background: none !important; color: #666;} .articleCopy a:hover, .articleCopyFeatured a:hover {color: #fff;} .articleCopy span, .articleCopyFeatured span {margin-top: 5px; display: block; color: #999; font-size: 11px;} .directionsHeader {background: url('/images/bg-w75.png'); display: inline; padding: 3px;} .contentBlockBGShell {position:fixed; opacity:0; filter:alpha(opacity=0); left:10px; right:10px; top:240px; bottom:55px;} .contentBlockBGShell iframe {width: 100%; height: 100%;} /* ZOG Media - Work */ .fullContLft {float: left; width: 108px; background: url('/images/bg-b75.png'); padding: 5px; margin-right: 2px;} .fullContRt {float: left;} .workDate {font-size: 65px; color: #fff; line-height: 36px; display: block; margin: 15px 0; filter:alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15;} .h3small {font-size: 12px; font-style: italic;} #zog-work a.zog25 {background: url('/images/bg-b25.png') transparent !important;} #zog-work a.zog35 {background: url('/images/bg-b35.png') transparent !important;} #zog-work a.zog45 {background: url('/images/bg-b45.png') transparent !important;} #zog-work a.zog55 {background: url('/images/bg-b55.png') transparent !important;} #zog-work a.zog65 {background: url('/images/bg-b65.png') transparent !important;} #zog-work a.zog75, #zog-work h1 span.zog75 {background: url('/images/bg-b65.png') transparent !important;} #zog-work a.zog25:hover, #zog-work a.zog35:hover, #zog-work a.zog45:hover, #zog-work a.zog55:hover, #zog-work a.zog65:hover, #zog-work a.zog75:hover {background-color: #535353 !important;} /* Custom Backgrounds */ .contentBlockBG {position:fixed; right:10px; left:10px; display:none; top:-50px; height:2000px; z-index:1;} .contact-us {background:url('/images/bg-map.png') no-repeat right 240px; background-attachment:fixed;} .austin-lemme {background:url('/images/bg-austin-lemme.jpg') no-repeat right 240px; background-attachment:fixed;} .jason-squardo {background:url('/images/bg-jason-squardo.jpg') no-repeat right 240px; background-attachment:fixed;} .jeff-herzog {background:url('/images/bg-jeff-herzog.jpg') no-repeat right 240px; background-attachment:fixed;} .elle-shelley {background:url('/images/bg-elle-shelley.jpg') no-repeat right 240px; background-attachment:fixed;} .thomas-stern {background:url('/images/bg-thomas-stern.jpg') no-repeat right 240px; background-attachment:fixed;} .jeff-hollowell {background:url('/images/bg-jeff-hollowell.jpg') no-repeat right 240px; background-attachment:fixed;} .kyle-clifford {background:url('/images/bg-kyle-clifford.jpg') no-repeat right 240px; background-attachment:fixed;} .kim-giroux {background:url('/images/bg-kim-giroux.jpg') no-repeat right 240px; background-attachment:fixed;} .rachael-zahn {background:url('/images/bg-rachael-zahn.jpg') no-repeat right 240px; background-attachment:fixed;} .greg-getner {background:url('/images/bg-greg-getner.jpg') no-repeat right 240px; background-attachment:fixed;} .fiestabowl {background:url('/images/bg-fiestabowl.png') no-repeat 210px 150px #f2433e; background-attachment:fixed;} .sunorchard {background:url('/images/bg-sun-orchard.png') no-repeat 210px 150px #ff6600; background-attachment:fixed;} .globalmed {background:url('/images/bg-global-med.png') no-repeat 210px 150px #2d658c; background-attachment:fixed;} .taser {background:url('/images/bg-taser.png') no-repeat 210px 150px #253343; background-attachment:fixed;} .phx {background:url('/images/bg-phx.png') no-repeat 210px 150px #60666a; background-attachment:fixed;} .chinamist {background:url('/images/bg-chinamist.png') no-repeat 210px 150px #ea293e; background-attachment:fixed;} .centerpoint {background:url('/images/bg-centerpoint.png') no-repeat 210px 150px #370a06; background-attachment:fixed;} .hamra {background:url('/images/bg-hamra.png') no-repeat 210px 150px #111b43; background-attachment:fixed;} .truefood {background:url('/images/bg-truefood.png') no-repeat 210px 150px #787601; background-attachment:fixed;} .kablog {background:url('/images/bg-kablog.png') no-repeat 210px 150px #333333; background-attachment:fixed;} .sommer {background:url('/images/bg-sommer.png') no-repeat 210px 150px #162039; background-attachment:fixed;} /* SITEMAP */ .sitemapShell {float: left; width: 100%; height: 900px; background: url('/images/bg-sitemap-dna.png') top center no-repeat;} .sitemapSection {height: 279px;} .sitemapSection a {background: none !important; /*font-size: 11px;*/} .lft01 {margin: 2px 40px 0 0; height: 15px;} .lft02 {margin: 5px 60px 0 0; height: 15px;} .lft03 {margin: 12px 80px 0 0; height: 15px;} .lft04 {margin: 20px 101px 0 0; height: 15px;} .lft05 {margin: 26px 121px 0 0; height: 15px;} .lft06 {margin: 32px 101px 0 0; height: 15px;} .lft07 {margin: 20px 80px 0 0; height: 15px;} .lft08 {margin: 13px 60px 0 0; height: 15px;} .lft09 {margin: 5px 40px 0 0; height: 15px;} .rt01 {margin: 2px 0 0 40px; height: 15px;} .rt02 {margin: 5px 0 0 60px; height: 15px;} .rt03 {margin: 12px 0 0 80px; height: 15px;} .rt04 {margin: 20px 0 0 101px; height: 15px;} .rt05 {margin: 26px 0 0 121px; height: 15px;} .rt06 {margin: 32px 0 0 101px; height: 15px;} .rt07 {margin: 20px 0 0 80px; height: 15px;} .rt08 {margin: 13px 0 0 60px; height: 15px;} .rt09 {margin: 5px 0 0 40px; height: 15px;} .grayLink {color: #666 !important;} .smLink:hover, .link-sm:hover, .link-pm:hover, .link-se:hover, .link-dt:hover, .link-zog:hover, .grayLink:hover {color: #fff !important;} .sitemapLft, .sitemapRt {float:left; width: 50%; padding-top: 10px;} .sitemapLft {text-align: right;} /* Tooltip */ #tooltip {position:absolute; display:none; color:#fff; font-size:11px; z-index:10001 !important; max-width:355px; overflow:hidden; text-align:left; border-left: 1px solid #fff; padding-left: 2px;} #tooltip span {display:block;} #tooltip .tooltipTitle {padding:3px; font-size: 16px; background: #535353; float: left; margin-bottom: 1px;} #tooltip .tooltipContent {padding:3px; background: #535353; float: left;} /* FOOTER */ .footer {width: 100%; position: fixed; bottom: 0; height: 55px; background: #fff; min-width: 960px; color: #999; z-index: 99;} .footerLft {float: left; margin-left: 20px;} .footerCopyright {font-size: 30px; float: left; margin: 8px 10px 0 0;} .footerCopy {float: left; margin-top: 18px;} .footerRt a {float: right; width: 30px; height: 30px; margin: 12px 0 0 10px;} .footerSitemap {margin-right: 20px !important; background: url('/images/footer-links.png') 0 0;} .footerSitemap:hover {margin-right: 20px !important; background-position: -30px 0;} .footerFacebook {background: url('/images/footer-links.png') 0 -30px;} .footerFacebook:hover {background-position: -30px -30px; background-color: #fff !important;} .footerTwitter {background: url('/images/footer-links.png') 0 -60px;} .footerTwitter:hover {background-position: -30px -60px; background-color: #fff !important;} .footerLinkedin {background: url('/images/footer-links.png') 0 -90px;} .footerLinkedin:hover {background-position: -30px -90px; background-color: #fff !important;}