/* * * edreamz Jan 2009 * */ /* * * Admin * (WYSIWYG Content) * */ body{ background: #446820 url(/images/structure/green-pattern.jpg) top left repeat-x; color: #5c6566; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;} h1 { color: #6d912e; font-weight: bold; font-size: 22px; line-height: normal;} h2 { color: #83755a; font-weight: bold; font-size: 13px; line-height: normal;} h2.home{ color: #ffdf6b; font-weight: bold; font-size: 20px; line-height: normal; font-family: serif;} h3 { color: #d78400; font-weight: bold; font-size: 12px; line-height: normal;} h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;} a { color: #834b2c; text-decoration: none; font-weight: bold;} a:hover { color: #6d912e; text-decoration: none;} ul{margin-top: 5px;} ul li{ margin-bottom: 5px;} /*ul li.green{ list-style-image: url(/images/bullet-arrow-green.gif); margin-bottom: 5px;}*/ ol li{ list-style: decimal; margin-bottom: 5px;} a.triangle{ text-decoration: none; background: url(/images/bullet-arrow.gif) left no-repeat; padding-left: 10px; font-weight: normal;} a.triangle:hover{ text-decoration: underline;} p{ margin: 0; padding: 0 0 15px 0;} p img{padding: 5px;} /* * * Main Navigation * */ #mainNav { height: 47px; width: 956px; float: left; background: #ffffff; padding: 0 2px 0 2px;} #mainNav #main{ margin:0; padding:0; list-style: none; display: inline; overflow: hidden;} #mainNav #main li{ margin:0; padding:0; list-style: none; display: inline;} #mainNav #main li a{ float: left; padding: 47px 0 0 0; overflow: hidden; height: 0px;} #mainNav #main li a:hover{ background-position: 0 -47px;} #mainNav #main li .selected{ background-position: 0 -47px;} #what a { width: 135px; background: url(/images/buttons/nav-what-we-do.jpg) top left no-repeat;} #identify a { width: 180px; background: url(/images/buttons/nav-identify.jpg) top left no-repeat;} #request a { width: 220px; background: url(/images/buttons/nav-request.jpg) top left no-repeat;} #about a { width: 130px; background: url(/images/buttons/nav-about.jpg) top left no-repeat;} #whatsgoingon a { width: 170px; background: url(/images/buttons/nav-whats.jpg) top left no-repeat;} #careers a { width: 121px; background: url(/images/buttons/nav-careers.jpg) top left no-repeat;} /*dropdown menu*/ #mainNav #main li ul { margin:0; padding: 0; position: absolute; visibility: hidden; display: block; top: 144px; z-index: 100;} #mainNav #main li ul li { float: none; text-indent: 0; display: block; width: 235px; } #mainNav #main li ul li a{ font-weight: bold;} /*Sub Link----------------------------------------*/ #mainNav #main li ul li a.sub:link {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.sub:visited {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.sub:hover {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #ffdf6b; width: 143px; height: 23px; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.sub:active {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} /*Big Link----------------------------------------*/ #mainNav #main li ul li a.big:link {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.big:visited {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.big:hover {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #ffdf6b; width: 143px; height: 38px; display: block; text-decoration: none; font-weight:normal;} #mainNav #main li ul li a.big:active {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} /*dropdown position----------------------------------------*/ .what-left{ left: 2px;} .identify-left{ left: 135px;} .request-left{ left: 315px;} .about-left{ left: 535px;} .whats-going-left{ left: 665px;} .careers-left{ left: 808px;} /* * * Secondary Navigation * */ #subNav { width: 303px; margin: 0; padding: 0; list-style: none; overflow: hidden;} #subNav li { margin:0; padding:0; list-style: none;} #subNav a { float: left; padding: 33px 0 0 0; overflow: hidden; height: 0px; } #subNav a:hover { background-position: 0 -33px;} #subNav .selected{ background-position: 0 -33px;} #termite a { width: 303px; background: url(/images/buttons/sub-termite-protection.gif) top left no-repeat;} #pest a { width: 303px; background: url(/images/buttons/sub-pest.gif) top left no-repeat;} #environmental a { width: 303px; background: url(/images/buttons/sub-environmental.gif) top left no-repeat;} #residential a { width: 303px; background: url(/images/buttons/sub-residential.gif) top left no-repeat;} #tresidential a { width: 303px; background: url(/images/buttons/sub-t-residential.gif) top left no-repeat;} #office a { width: 303px; background: url(/images/buttons/sub-office.gif) top left no-repeat;} #toffice a { width: 303px; background: url(/images/buttons/sub-t-office.gif) top left no-repeat;} #construction a { width: 303px; background: url(/images/buttons/sub-construction.gif) top left no-repeat;} /* * * Layout / Formatting * */ #topstarburst{ width: 1070px; height: 152px; background: url(/images/structure/header-starburst.jpg) top left no-repeat; display: block; margin: 0 auto; position: relative; z-index: 1;} #wrapper{ width: 960px; margin: -150px auto 0 auto; position: relative; background: url(/images/structure/bottom-starburst.png) bottom center no-repeat; padding-bottom: 70px; z-index: 5;} #main-logo { position: relative; background: url(/images/structure/main-logo.jpg) no-repeat left top; width: 299px; height: 103px; margin: 44px 0 0 331px; display: block; z-index:100;} #main-logo span a { width: 299px; height: 103px; display: block; text-indent: -9999px;} #hd{ background:url(/images/structure/header.jpg) top left no-repeat; height: 42px; margin-top: -48px; position: relative;} #hd #toprequest{ width: 166px; float: left; position: absolute; top: 6px; left: 20px;} #hd #topsignin{ width: 145px; float: left; position: absolute; top: 7px; right: 20px;} #phone-numbers{ position: absolute; top: -45px; left: 40px; z-index: 5;} #container{ width: 960px; background: #ffffff url(/images/structure/container-leftside.gif) top left repeat-y;; padding-bottom: 0; position: relative;} #container.home{ background: url(/images/structure/home-container-bg.gif) top left repeat-y;} #container.greenbg{ background: url(/images/structure/greenbg.jpg) top left repeat-y;} #imagebanner{position: absolute; left: -13px; top: 5px;} #contacthome{ position: absolute; width: 322px; height: 181px; background: url(/images/contact-bg.png) top left no-repeat; right: -14px; bottom: -10px; z-index: 10;} #contacthome .content{ width: 149px; height: 110px; margin: 48px 0 0 168px; color:#FFFFFF;} #contacthome .phone-number { color: #ffdf6b; font-size: 19px; font-weight: bold;} #contacthome a{} #homeLeft{ width: 330px; float: left; background: url(/images/structure/home-left.jpg) top left no-repeat; color: #4c4018; min-height: 200px; margin-left: 2px; padding: 230px 10px 10px 10px; } #homeLeft .calvert-yellow{ width: 330px;} #homeLeft .highlight{ color: #ffdf6b; background: none; font-weight: bold; font-style: italic;} #homeLeft .logoarea { width: 350px; height: 106px; background: url(/images/structure/logoarea-bg.png) repeat; margin: 0 0 -10px -10px;} #homeLeft .logoarea img{ margin: 10px 0 0 30px;} #homeCenter{ width: 303px; float: left; background: url(/images/structure/home-center.jpg) top left no-repeat; min-height: 440px;} #homeCenter img{float: left;} #homeRight{ width: 303px; float: left; background: url(/images/structure/home-right.jpg) top left no-repeat;} #homeRight .content{margin: 10px 10px 0 10px; padding-bottom: 0;} #homeRight .learnrow { width: 283px; height: 50px; padding: 0; margin:0;} #homeRight .learnrow .learnbutton{ width: 100px; float:left;} #homeRight .learnrow .date{ width: 100px; float: right; font-size: 40px; font-weight: bold; color: #dbd0a8; line-height: normal;} #homeRight .cta-environment{margin-left: 2px;} #bodyLeft { width: 301px; float: left; min-height: 250px; color:#fff; background: url(/images/structure/leftside-top.jpg) top left no-repeat; position: relative; padding:0 0 115px 2px;} #bodyLeft .content{ width: 280px; margin: 10px 0 0 10px; color: #5f7e83;} #bodyLeft .ctaArea { width: 303px; background: #a4bcc0 url(/images/structure/bodyLeft-shadow.jpg) bottom left no-repeat; padding-bottom: 18px;} #bodyLeft .ctaArea h1{color: #ffdf6b; font-weight: normal; font-size: 20px; line-height: normal; margin-left: 10px;} #bodyLeft .content .location{ font-weight: bold; color: #FFFFFF;} #bodyLeft .content .portrait {float: left; width: 110px; margin-top: 3px;} #bodyLeft .content .portrait img{ border: #ffffff 1px solid;} #bodyLeft .cta-photo{ width: 293px; height: 29px; background: url(/images/cta/photogallery.jpg) top left no-repeat; padding: 10px 0 0 10px;} #bodyLeft .cta-photo.top{ background: url(/images/cta/photogallery-top.jpg) top left no-repeat;} #bodyLeft .cta-photo a{ color: #345c63; text-decoration: none; font-size: 15px;} #bodyLeft .cta-photo a:hover{ color: #ffdf6b; text-decoration: underline; font-size: 15px;} #bodyRight { width: 653px; float: left; position: relative; padding-left: 2px;} #bodyRight .content{ width: 600px; margin: 10px 0 10px 30px; padding-bottom: 20px; min-height: 450px;} #bodyRight .content .calvert{ width: 600px;} #bodyRight .content .calvert-small{ width: 600px;} #bodyRight .logoarea { width: 301px; height: 110px; padding-top: 50px; background: #b3babb url(/images/structure/logoarea-internal.gif) bottom left repeat-x; position: absolute; bottom: 0; left: -299px;} #bodyRight .logoarea img{ margin: 10px 0 0 10px;} #bodyRight .content .green{ font-weight: bold; color: #6d912e;} /*News*/ .date{ color: #666666; font-weight: bold; font-size: 11px;} .newsRow { width: 590px; margin: 5px 0 5px 0; background: none; border-bottom: #FFCC66 1px solid; padding: 5px; } .newsRow.alternate { background: #e9e9e9;} /*Job*/ .jobcity{ width: 595px; background: #e9e9e9; padding-left: 5px; margin-bottom: 10px; } .jobRow { width: 590px; margin: 5px 0 5px 0; background: none; border-bottom: #FFCC66 1px solid; padding: 5px; } .jobRow .jobtitle {float: left; width: 490px;} .jobRow .jobtitle .a {font-weight: bold; font-size: 13px; } .jobRow .details { float: left; width: 100px;} #bodyCenter{ width: 956px; margin-left: 2px;} #bodyCenter .content{ width: 728px; background: url(/images/list-bg.jpg) top left repeat-y; margin: 15px 0 0 114px; padding-bottom: 10px; position: relative;} #bodyCenter .content .letusknow{ width: 110px; height: 92px; background: url(/images/buttons/let-us-know.jpg) top left no-repeat; position: absolute; top: 15px; right: -104px;} #bodyCenter .content .letusknow a{ width: 110px; height: 92px; display: block;} .listRow { width: 716px; margin: 0 0 0 6px; background: none; font-size: 11px; padding: 20px 0;} .listRow.alternate { background: #e9e9e9;} .listRow .list-image{ width: 100px; float: left; padding-left: 20px;} .listRow .list-text{ width: 590px; float: left;} .listRow .list-text .title{ color: #4f731f; font-weight: bold; font-size: 15px;} .paging ul li{display: inline; list-style:none;} /* * * Layout / LeftSide Form * */ #bodyLeft .form{ padding: 10px 5px 0 20px; width: 278px; background: #a4bcc0;} #bodyLeft .form .formRow{ padding-bottom: 10px; border-bottom: none;} #bodyLeft .form .formRow .formItem { width: 270px;} #bodyLeft .form .formRow .formItem .textfield{ width: 250px;} /* * * Layout / Form * */ .form{ padding: 5px 5px 50px 5px; width: 460px; margin:0 auto;} .formRow{ margin-top: 10px; border-bottom: #FFCC66 1px solid; padding-bottom: 5px;} .formItem { width: 210px; float: left;} .formItem .textfield{ width: 200px;} .formItem .textfield-small{ width: 50px;} .formItem .dropdown{ height: 23px;} .formItemSmall{ width: 40px; float: left;} .formItemSmall .textfield{ width: 30px;} .formItemLong { width: 450px; float: left;} .formItemLong .textfield{ width: 450px;} .formItemLong .textfield2{ width: 200px;} .formItemLong .textfield-small{ width: 50px;} .formItemLong .textarea { width: 450px; height:100px;} .formItemLong .dropdown{ height: 23px;} .city{ width: 210px; float: left;} .city .textfield{ width: 200px;} .state{ width: 40px; float: left;} .state .dropdown{ height: 23px;} .zipcode{ width: 50px; float: left; margin-left:10px;} .zipcode .textfield{ width: 50px;} .phone{ width: 210px; float: left;} .phone .textfield{ width: 30px;} .phone .textfield2{ width: 35px;} #spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;} /* * * Layout / Footer * */ #ft{ position: relative; background: url(/images/structure/footer-bg.png) top left repeat-x; color: #ffffff; font-size: 12px; margin: -14px auto 0 auto; width: 960px; height: 31px; padding-top: 25px; line-height: normal; text-align:center; } #ft a{ color: #ffffff; text-decoration:none; margin:0 7px 0 7px; } #ft a:hover{ color: #ffdf6b; text-decoration:underline; } #copyright{ width: 384px; height: 43px; margin-top: 20px; padding-left: 10px; display: block; background: url(/images/structure/copyright-bg.png) top left no-repeat; color: #223c00; font-size: 12px;} #copyright a{ color: #223c00; text-decoration: none;} #copyright a:hover{ color: #fff; text-decoration: underline;}