* {margin: 0; padding: 0;} body {background:#daecba; font-family: Helvetica, Arial, Courier, sans-serif; color:#222; font-size:62.5%;} h1 {font-size:2.6em; margin-bottom:5px; color:#3b5a11;} h2 {margin-bottom:10px; font-size:2.1em;} h3 {margin-bottom:10px; font-size:1.8em; color:#4a7015;} h4 {margin-bottom:10px; font-size:1.5em;} hr {background:#ccc; margin: 10px 0; border:none; height:1px;} .fl {float:left; display:inline;} .fr {float:right; display:inline;} img.fl {margin-right:10px;} img.fr {margin-left:10px;} a {outline:none; color:#3b5a11; text-decoration:none; border-bottom:1px dotted #3b5a11;} a:hover {border-bottom:1px solid #3b5a11;} img {border:none;} pre {font-size:16px;}; a.downloadLink {border:none;} a:hover.downloadLink {border:none;} a:hover.downloadLink span {border-bottom:1px dotted #3b5a11;} a[href$='.pdf'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/images/icons/page_white_acrobat.png) center left no-repeat; margin-bottom:5px;} a[href$='.doc'], a[href$='.docx'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/images/icons/page_white_word.png) center left no-repeat; margin-bottom:5px;} a[href$='.xls'], a[href$='.xlsx'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/images/icons/page_white_excel.png) center left no-repeat; margin-bottom:5px;} a[href$='.csv'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/images/icons/table_go.png) center left no-repeat; margin-bottom:5px;} a[href$='.ppp'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/images/icons/page_white_powerpoint.png) center left no-repeat; margin-bottom:5px;} a[href$='.pub'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/images/icons/page_white_paint.png) center left no-repeat; margin-bottom:5px;} a[href$='.jpg'], a[href$='.png'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/images/icons/image.png) center left no-repeat; margin-bottom:5px;} a[href$='.pdf'], a[href$='.doc'], a[href$='.docx'], a[href$='.xls'], a[href$='.xlsx'], a[href$='.csv'], a[href$='.ppp'], a[href$='.pub'], a[href$='.jpg'], a[href$='.png'] {border-bottom:none;} a[href$='.pdf']:hover, a[href$='.doc']:hover, a[href$='.docx']:hover, a[href$='.xls']:hover, a[href$='.xlsx']:hover, a[href$='.csv']:hover, a[href$='.ppp']:hover, a[href$='.pub']:hover, a[href$='.jpg']:hover, a[href$='.png']:hover {text-decoration:underline;} .noborder {border:none;} a:hover.noborder {border:none;} p {font-size:1.4em; line-height:1.4em; margin-bottom:10px;} ul, ol {margin:0 0 10px 20px;} ul li, ol li {font-size:1.4em; line-height:1.4em; list-style-image:url(/images/bullet.jpg); margin-bottom:10px;} ol li {list-style-image:none;} #headerBack {background:#fff;} #headerWrapper {width:960px; margin: 0 auto; overflow:hidden;} #logo {background:url(/images/logo.png); width:200px; height:117px;display:block; text-indent:-9999px; float:left; border:none;} #headerContact {background:url(/images/header_contact.jpg); width: 650px; height:163px; text-indent:-9999px; float:left;} /*===================================== ======= NAVIGATION =====================================*/ #navigationWrapper {background:url(/images/bg_nav.png); height:46px;} #navigation {list-style-type:none; width:980px; margin: 0 auto;} #navigation li {float:left; display:inline; position:relative;} #navigation li a {display:block; text-indent:-9999px; background-position: 0 0; border:none;} #navigation #aboutusBtn a {background:url(/images/nav_aboutus.png); width:80px; height:34px;} #navigation #aoiBtn a {background:url(/images/nav_aoi.png); width:65px; height:34px;} #navigation #commonobjectionsBtn a {background:url(/images/nav_objections.png); width:135px; height:34px;} #navigation #contactusBtn a {background:url(/images/nav_contactus.png); width:92px; height:34px;} #navigation #servicesBtn a {background:url(/images/nav_services.png); width:76px; height:34px;} #navigation #workorderBtn a {background:url(/images/nav_workorderform.png); width:121px; height:34px;} #navigation #traineesurveyBtn a {background:url(/images/nav_traineesurvey.png); width:112px; height:34px;} #navigation #roofsBtn a {background:url(/images/nav_roofs.png); width:121px; height:34px;} #navigation #downloadsBtn a {background:url(/images/nav_downloads.png); width:85px; height:34px;} #navigation #resourcesBtn a {background:url(/images/nav_resources.png); width:86px; height:34px;} #navigation #storeBtn a {background:url(/images/nav_store.png); width:69px; height:34px;} #navigation #supportBtn a {background:url(/images/nav_support.png); width:81px; height:34px;} #navigation #suggestionsBtn a {background:url(/images/nav_suggestions.png); width:102px; height:34px;} #navigation #galleryBtn a {background:url(/images/nav_gallery.png); width:61px; height:34px;} #navigation #liveBtn a {background:url(/images/nav_live.png); width:44px; height:34px;} #navigation #videoresourcesBtn a {background:url(/images/nav_videoresources.png); width:121px; height:34px;} #navigationWrapper #navigation li a:hover {background-position:0 41px;} #navigation .submenu {margin:0; position:absolute; z-index:101;} #navigationWrapper #navigation .submenu li {display:block; float:left; margin-bottom:0; border-bottom:1px solid #a8c644;} #navigationWrapper #navigation .submenu a {background: none; background-image:none; background-color:#4c7316; text-indent:0; color:#fff; padding:5px; width:111px; font-size:.8em; height:auto;} #navigationWrapper #navigation #resourcesBtn.submenu a {width:77px;} #navigationWrapper #navigation .submenu a:hover {background-color:#68971a;} #navigationWrapper #navigation #storeBtn .submenu a {width:59px;} /*CURRENT PAGE NAV HIGHLIGHTING*/ #theaoi #navigation #aoiBtn a {background-position: 0 41px;} #aboutus #navigation #aboutusBtn a {background-position: 0 41px;} #objections #navigation #commonobjectionsBtn a {background-position: 0 41px;} #gallery #navigation #galleryBtn a {background-position: 0 41px;} #live #navigation #liveBtn a {background-position: 0 41px;} #video #navigation #videoresourcesBtn a {background-position: 0 41px;} #roofing #navigation #roofsBtn a {background-position: 0 41px;} #downloads #navigation #downloadsBtn a {background-position: 0 41px;} #resources #navigation #resourcesBtn a {background-position: 0 41px;} #support #navigation #supportBtn a {background-position: 0 41px;} #suggestions #navigation #suggestionsBtn a {background-position: 0 41px;} #contactus #navigation #contactusBtn a {background-position: 0 41px;} /*===================================== ======= CONTENT =====================================*/ #contentTop {background:url(/images/content_top.jpg); width:960px; height:25px; margin: 0 auto;} #contentMiddle {background:url(/images/content_middle.jpg) repeat-y; width:900px; min-height:638px; margin: 0 auto; padding:0 30px; position:relative;} #sideLeaves {background:url(/images/side_leaves.png); width:117px; height:638px; position:absolute; top:-17px; left:10px;} #content {width:800px; margin-left:95px; overflow:hidden; position:relative; z-index:100;} #contentBottom {background:url(/images/content_bottom.jpg); width:960px; height:25px; margin: 0 auto;} .teamMember {border:5px solid #dbedbd; background:#dbedbd; width:112px; margin:0 18px 15px 0; float:left; display:block;} .teamMember:hover {border:5px solid #95c349; text-decoration:none;} .teamMember .name {font-weight:bold; color:#4a7015; font-size:1.2em; display:block;} .teamMember .title {color:#222;} .flImg {float:left;margin:0 10px 10px 0; border:5px solid #dbedbd;} .frImg {float:right; margin: 0 0 10px 10px; border:5px solid #dbedbd;} .service {width:210px; float:left; margin-right:20px;} table {font-size:1.4em; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-collapse:collapse; width:100%; margin-bottom:10px;} td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:5px;} th {border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:5px; background:#dbedbd;} td p {font-size:1em;} .odd {background-color:#f8f8f8;} .highlight {background-color:#e3f1ce;} .highlighted {background-color:#ffff00;} .videoWrapper {width:350px; float:left; border: 1px solid #daecba; padding: 5px; margin: 5px;} .videoWrapper h3 {width:350px;} .videoContainer {} .showVideo {cursor:pointer;} #categoryList li {list-style-type: none; list-style-image: none; line-height: 1em;} #categoryList li a {border-bottom: none;} #categoryList li a:hover {text-decoration: underline;} .currentcat {font-weight:bold; list-style-type: disc !important} #videoPlayer {width:350px; float:left;} #videoListWrapper {float:right; height:400px; overflow-y:scroll; border-bottom:1px solid #ccc; width:345px;} #videoList { } .videoListItem {border: 1px solid #daecba; display:block; height:20px; margin-bottom: 10px; padding: 5px; font-size:1.4em; cursor:pointer;} .videoListItem:hover {border: 1px solid #daecba;} .videoListHover {background: #daecba} .videoListCurrent {background: #daecba} #recommendedBrowser {margin-bottom: 10px;} #recommendedBrowser a {border:none;} #fleetinfo {width:200px;} /*===================================== ======= GALLERY ===================================== */ #gallery a[href$='.jpg'], #gallery a[href$='.png'] { display:inline-block; padding-left:20px; line-height:18px; background:none; margin-bottom:5px;} .thumbnail {margin-right:10px; cursor:pointer; border:3px solid #dbedbd;} .thumbnail:hover {border:3px solid #95c349;} /**/ #galleryThumbs {list-style-type:none; overflow:hidden;} #galleryThumbs li { list-style-image:none; float:left;} #galleryThumbs li a {border:3px solid #dbedbd; display:block;width:74px; height:75px; margin:5px; cursor:pointer;} #galleryThumbs li a:hover {border:3px solid #95c349;} #galleryLarge {border: 5px solid #dbedbd; position:relative; min-height:370px;} #galleryLarge img{position:absolute; top:0px; display:block;} #galleryCaption {background-color:#eee; border:1px solid #ccc; margin-top:10px; padding:10px;} .coda-nav {margin-bottom:10px;} #largeImage {width:640px; margin: 0 auto;} /*===================================== ======= ACHIEVEMENTS =====================================*/ #pointSummary {float:left; width:420px;} .achievement {width: 395px; height: 63px; margin: 10px 0 10px 10px; font-size:20px; text-align:right; padding: 7px 5px 0 0; color:#505f2a;} .NewAOI {background:url(images/achievements/newaoi.jpg);} .NewContract {background:url(images/achievements/newcontract.jpg);} .BagelBaron {background:url(images/achievements/bagelbaron.jpg);} #progress {display:block; float:right;} #achievementForm {margin:10px 0; border:1px solid #ccc; padding:10px; float:right; width:358px; background:#eee;} #leaderboard {float:right; width:380px;} /*===================================== ======= CONTACT FORM =====================================*/ #address {font-size:1.4em; line-height:1.4em; margin-bottom:10px; padding:10px; background:#f3f3f3; border:1px solid #ccc; width:483px; float:left;} #map {width:790px; float:right; border: 5px solid #dbedbd;} #contactForm, #response {width:195px; float: left; background:#f3f3f3; border:1px solid #ccc; padding:10px;} #contactInfo {width:195px; float: right;} #contactForm label {width:95px; display:block;} #contactForm p {width:195px;} #submit {background: url(/images/send.png); cursor:pointer; top:10px; min-height:28px; position:relative; width:75px; background-color:none; border: 0px solid #fff; text-indent: -9999px;} #submit:hover {background-position:0 100%} #comments {width:195px;} input {width:195px;} /*===================================== ======= CAREER FORM =====================================*/ #openPositions {width:250px; float: right; background:#f3f3f3; border:1px solid #ccc; padding:10px;} #job_application {} .required {color:#f00; font-weight:bold; font-size:1.2em;} #job_application label {display:block; font-weight:bold;} #job_application label.radioLabel, #job_application label.checkLabel {display:inline; font-weight:normal;} #job_application p {margin-bottom:20px;} #submit {background: url(/images/send.png); cursor:pointer; top:10px; min-height:28px; position:relative; width:75px; background-color:none; border: 0px solid #fff; text-indent: -9999px;} #submit:hover {background-position:0 100%} #comments {width:195px;} input {width:195px;} input[type="radio"], input[type="checkbox"] {width:auto} #job_application .description {font-size:0.9em; color:#888;} #job_application textarea {width:100%; height:125px;} /*===================================== ======= SIDEBAR =====================================*/ #sideBar {width:220px; float:right; position:relative;} #topLeaves {background:url(/images/top_leaves.png); width:121px; height:210px; position:absolute; z-index:1; left:140px;} #bottomLeaves {background:url(/images/bottom_leaves.png); width:199px; height:134px; position:absolute; z-index:1; top:330px; left; 40px;} #stormCTA {background:url(/images/storm_damage_cta.png); width:180px; height:109px; padding: 90px 20px 0; margin-bottom:15px; position:relative; z-index:10;} #stormCTA p {font-size:1.1em;} #credentialsCTA{background:url(/images/credentials_cta.png); width:180px; height:109px; padding:90px 20px 0; position:relative; z-index:10;} #credentialsCTA p {font-size:1.1em;} #renovationsCTA {background:url(/images/renovations_cta.png); width:180px; height:145px; padding: 50px 20px 0; position:relative; z-index:10; margin-bottom:15px;} #renovationsCTA p {font-size:1.1em;} #renovationsCTA .seeHowBtn {margin-top:50px;} .learnMoreBtn {background:url(/images/learnmore_btn.png); width:133px; height:31px; display:block; text-indent:-9999px; border:none;} .seeHowBtn {background:url(/images/seehow_btn.png); width:133px; height:31px; display:block; text-indent:-9999px; border:none;} .seeMoreBtn {background:url(/images/seemore.png); width:100px; height:24px; display:block; text-indent:-9999px; border:none; float:right;} .learnMoreBtn:hover, .seeHowBtn:hover, .seeMoreBtn:hover {background-position: 0 100%; border:none;} /*===================================== ======= FOOTER =====================================*/ #footerWrapper {background-color:#8cba41; border-top:3px solid #fff; min-height:130px;} #footer {width:960px; margin: 0 auto; overflow:hidden;} #footerLinks {list-style-type:none; margin: 0 0 10px 0; overflow:hidden;} #footerLinks li {float:left; display:inline; font-size:1.2em; margin-top:10px; padding:0 10px; width:104px; font-weight:bold;} #footerLinks li:first-child {border-left:none;} #footerLinks li a {color:#fff; text-decoration:none; border:none;} #footerLinks li a:hover {text-decoration:underline;} #footerLinks li ul {margin-top:-5px;} #footerLinks li ul li {display:block; font-size:0.8em; float:none; border:none; line-height:0.6em; margin-left:-30px; font-weight:normal; width:auto; list-style-image:none;} #footerLinks li ul li a {border:none;} #footerIcons {width:150px; margin-top:10px; float:left;} #footerContact {float:right; margin-top:10px;} #footerContact p {line-height:1.4em; font-size:1.2em; margin-bottom:0;} /*===================================== ======= CODA SLIDER =====================================*/ /* Most common stuff you'll need to change */ .coda-slider {} /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 715px } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 553px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } /* Arrow styling */ .coda-nav-left a, .coda-nav-right a {} /* Tab nav */ .coda-nav ul li a.current { background: #9fd63d; font-weight:bold; border:none; color:#537e17; } /* Panel padding */ .coda-slider .panel-wrapper { padding: 20px } /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #537e17; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none; border:none; } /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left { float: left } .coda-nav-right { float: right } .coda-nav-left a, .coda-nav-right a { display:inline; text-align: center; text-decoration: none; border:none; } /*===================================== ======= COLLEGE =====================================*/ .warningsign {width:246px; margin:10px; float:left; min-height:283px;} .warningsign ul li {font-size:1em; line-height:1.1em; margin-bottom:5px;} input[type$='button'] {width:auto;} input[type$='submit'] {width:auto;} /*===================================== ======= LOG IN =====================================*/ #login {float:right;} #loginWrapper {background:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; width:600px; margin: 50px auto; padding:20px;} #biglogo {display:block; margin:0 auto;} #loginWrapper #loginForm {margin: 0 auto; width:400px;} #loginWrapper #registerForm {margin: 0 auto; width:400px;} #loginWrapper #loginForm input.login , #loginWrapper #registerForm input.login {font-size:1.6em; height:1.5em; line-height:1.8em; margin: 4px 0 10px; padding: 5px 0 0 5px; position:relative; width:195px; float:right;} #loginWrapper label {font-size:1.5em; font-weight:bold; margin-top:13px; text-align:right; width:185px; display:block; float:left;} #loginWrapper p {overflow:hidden;} #loginWrapper #loginBtn {-moz-border-radius: 4px; -webkit-border-radius:4px; background-color:#96b03d; border: medium none; color:#eee; cursor:pointer; font-size:1.4em; font-weight:bold; padding: 6px 20px; text-align:center;} #loginWrapper input[type="checkbox"] {width:auto; margin:15px 0 0 15px;} #loginWrapper small {font-weight:normal; line-height:.5em; font-size:.5em;} #loginWrapper span {line-height:.4em;} /*===================================== ======= ADMIN =====================================*/ .adminform label {display:block; float:left; margin-right: 10px; text-align:right; width:130px;} #headerWrapper #login {float:right;} #adminNav {overflow:hidden;} #adminNav li {float:left; display:block; } #adminNav li a {border-bottom:none; padding:5px; margin: 0 10px; border: 1px solid #ccc; background:#DAECBA; font-weight:bold; display:block;} #adminNav li a:hover {background:#97c542;} /*===================================== ======= SUPPORT =====================================*/ #supportForm label {display:block;} #problemdescription {width:300px; height:200px;} .statuspending {background:#fffcd2;} .statusfixed {background:#deffd5;} /*===================================== ======= SUGGESTIONS =====================================*/ #suggestForm label {display:block;} #problemdescription {width:300px; height:200px;} /*===================================== ======= STORE =====================================*/ .item table {width:auto;} .item input {width:auto;} .item th {background: #eee;} .item a {border:none; background:none; padding-left:0;} .item a:hover {border:none; text-decoration:none;} .item {float:left; margin-right: 37px; margin-bottom:20px;} #viewRequests {display:block; background:url(images/viewrequestsbtn.png); width:139px; height:26px; text-indent:-9999px; border:none; float:right;} a#viewRequests:hover {background-position:0 100%}