/* ----------------------------------------------- Davies Office Refurbishing, Inc. Author: Matthew J. Stellato Website: http://www.matthewstellato.com Copyright 2009 ----------------------------------------------- */ @import url("reset.css"); @import url("header.css"); body {background: #333; text-align:center; font:13px "Lucida Grande", Arial, Helvetica, sans-serif;} #containerbg {background:url(../images/bg-repeat.jpg) repeat-y top center; width:1024px; margin:0 auto;} #container {margin:0 6px; background: #592A00 url(../images/bg-body-home.jpg) center top no-repeat;} #container.services-bg {background: #007388 url(../images/bg-body-services.jpg) center top no-repeat; text-align:center;} #container.products-bg {background: #46052F url(../images/bg-body-products.jpg) center top no-repeat; text-align:center;} #container.programs-bg {background: #A54E01 url(../images/bg-body-programs.jpg) center top no-repeat; text-align:center;} #container.environment-bg {background: #596803 url(../images/bg-body-environment.jpg) center -18px no-repeat; text-align:center;} #container.inventory-bg {background: #6E6641 url(../images/bg-body-inventory.jpg) center top no-repeat; text-align:center;} #container.retail-bg {background: #A87830 url(../images/bg-body-retail.jpg) center top no-repeat; text-align:center;} #container.projects-bg {background: #000 url(../images/bg-body-projects.jpg) center -20px no-repeat; text-align:center;} #nav-bg {background: url(../images/bg-nav-full.png) top left repeat-x;} #nav-bg.home {background: url(../images/bg-nav-full-home.jpg) top left repeat-x;} #wrap {width:940px; margin:0 auto; color:#FFF; text-align:left; position:relative;} /* Added */ #wrap.homewrap {padding-top:77px;} :focus {outline:0;} .clear {line-height:0px; font-size:0; height:0px; clear:both;} .hidden {display:none;} p {padding-bottom:25px; line-height:18px;} a {color:#999; cursor:pointer;} a:hover {color:#e1e1e1; text-decoration:underline;} /* Home Banner & Container ----------------------------------------------------- .banner div {background:url(../images/home-banner.jpg) top left no-repeat; padding-top:232px; margin-bottom:20px; display:none; position:absolute; top:0;left:0; height:256px;}*/ h2#welcome {background:url(../images/bg-home-welcome.png) top center no-repeat; height:100px; text-indent:-999999em; position:absolute; top:309px; left:0; width:940px; z-index:11} #green-home a {display:block; background:url(../images/btn-green-initiative.png) no-repeat top left; width:108px; height:30px; position:absolute; top:77px; left:52px; z-index:11; text-indent:-9999em;} /*** set the width and height to match your images **/ #banner { position:relative; height:265px; margin-bottom:97px; } #banner IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #banner IMG.active { z-index:10; opacity:1.0; } #banner IMG.last-active { z-index:9; } #homeContainer {padding:10px 20px 20px 20px; color:#FFF; font-size:11px;} div.first, div.last, #center {float:left; padding:10px 20px;} div.first, div.last {width:180px; text-transform:uppercase; font-size:10px; text-align:center;} div.first img, div.last img {margin-bottom:5px;} div.first img {margin-top:20px;} div.last img {margin-top:-35px;} div.last {padding:10px 0 0 20px;} #center {border-right:1px solid #FFF; border-left:1px solid #FFF; width:420px;} #news {position: relative; overflow: hidden; height: 110px;*z-index:1} .headline {position: absolute; top: 150px; left: 0px; width:420px; *z-index:1} #homeContainer a {color:#CCC; text-decoration:none; font-size:11px;} #homeContainer a:hover {color:#FFF;} #homeContainer h3 {text-indent: -9999em; background:url(../images/h3-home-new.jpg) center top no-repeat; height:50px;} /* #homeContainer div {float:left; width:420px; border-right:1px solid #FFF; padding:10px 20px; min-height:170px;} #homeContainer div p {font-size:10px;} #homeContainer div.first img, #homeContainer div.last img {margin-bottom:5px;} #homeContainer div.first img {margin-top:20px;} #homeContainer div.last img {margin-top:-35px;} #homeContainer div.first {border-left:0;} #homeContainer div.last {border-right:0; padding-right:0;} #homeContainer a {display:block; padding:8px 20px; color:#FFF; text-decoration:none; font-size:11px;} #homeContainer a:hover {background:#642F00} #homeContainer a strong {color:#FFF;} */ /* #homeContainer div.first a, #homeContainer div.last a {padding:0;} #homeContainer div.first a:hover, #homeContainer div.last a:hover {background:none;} */ /* Content -----------------------------------------------------*/ #sidebar {width:210px; float:left; margin-top:30px; padding:60px 0 200px 0;} #sidebar ul li a {display:block; color:#FFF; text-decoration:none; padding:10px 10px; _height:1%; text-transform:uppercase; font-size:12px;} #sidebar ul li a:hover {background-color:#692C00; color:#FFF;} #sidebar ul li#current a {background-color:#461E01; color:#FFF;} #sidebar ul.about li a {padding-left:53px;} /* ------ Products Sidebar ------ */ #sidebar.prod {padding-top:40px} #sidebar ul.products li {padding:0 0 8px 32px;} #sidebar ul.products a {display:block; height:105px; width:155px; padding:0; display:block; text-indent:-9999em;} #sidebar ul.products a:hover {background-position: -160px 0; background-color:transparent} #remanufacture a {background:url(../images/products-remanufactured.png) top left no-repeat;} #hybrid a {background:url(../images/products-blended.png) top left no-repeat;} #asis a {background:url(../images/products-asis.png) top left no-repeat;} #customs a {background:url(../images/products-customs.png) top left no-repeat;} #new a {background:url(../images/products-new.png) top left no-repeat;} /* Program -----------------------------------------------------*/ .program strong {display:block; font-size:14px; margin-bottom:2px} .program {margin-right:160px;} #sidebar.sidebar-programs {padding: 55px 0 0 18px;} #sidebar.sidebar-programs img {margin-bottom:5px;} #myAlternativeContent {margin-top:20px;} /* ---------------------------- Main ish ---------------------------------- */ #main {margin:0 30px 0 280px; padding-top:60px;} #main ul {list-style:disc; padding-left:20px;} #main ul li {margin-bottom:10px} /* H2 -- Header Styles */ #main h2 {text-indent:-999999em; height:60px; margin-bottom:30px; background-repeat: no-repeat; background-position:top center;} #main h2#about-general {background-image:url(../images/h2-about-general.jpg);} #main h2#about-awards {background-image:url(../images/h2-about-awards.jpg);} #main h2#about-environment {background-image:url(../images/h2-about-environment.jpg);} #main h2#about-literature {background-image:url(../images/h2-about-literature.jpg);} #main h2#about-contact {background-image:url(../images/h2-about-contact.jpg);} #main h2#about-profiles {background-image:url(../images/h2-about-profiles.jpg);} #main h2#product-description {background-image:url(../images/h2-products.jpg);} #main h2#product-remanufactured {background-image:url(../images/h2-products-remanufactured.jpg);} #main h2#product-blended {background-image:url(../images/h2-products-blended.jpg);} #main h2#product-asis {background-image:url(../images/h2-products-asis.jpg);} #main h2#product-custom {background-image:url(../images/h2-products-custom.jpg);} #main h2#product-new {background-image:url(../images/h2-products-new.jpg);} #main h2#header-programs {background-image:url(../images/h2-programs.png);} #main h2#services-overview {background-image:url(../images/h2-services-overview.jpg);} #main h2#environment-home {background-image:url(../images/h2-environment-home.jpg);} #main h2#environment-leed {background-image:url(../images/h2-environment-leed.png);} #main h2#inventory-asis {background-image:url(../images/h2-inventory-asis.jpg);} #main h2#inventory-retail {background-image:url(../images/h2-inventory-retail.jpg);} /* Awards and Literature */ #main ul#awards {list-style:none;} #main ul#awards li {float:left; margin-right:20px; margin-bottom:25px; width:195px;} #main ul#awards.literature li {width:auto;} #main ul#awards li a {text-decoration:none; color:#ccc; font-size:10px; text-align:center; display:block} #main ul#awards li a:hover {color:#FFF;} .about-photos img {margin-right:30px;} .panes {height:275px;} .panes div {background: url(../images/dropshadow-services.png) bottom right no-repeat; padding:0 15px 12px 0;} .panes div span {display:block; padding:20px; border:2px solid #FFF; background:#003D49;} .panes div.intro {background:none; border:0; padding:10px; } /* Environmental Section Styles -----------------------------------------------------*/ /* Create NEW Environmental Nav */ #sidebar ul.environment li a {display:block; text-decoration:none; padding:0; text-align:center;} #sidebar ul.environment li a:hover {background:none; color:#FFF;} #sidebar ul.environment li#current a {background:#none; color:#FFF;} body.environment-bg #sidebar { background:none; padding-bottom:30px;} .envdesc {font-size:14px; padding:0 0 10px 0;} .env-list {padding:0 0 0 15px;} .env-list li {padding:5px 0;} .envimg {background:#212121; border:2px solid #FFF;} .env {font-size:14px; background: url(../images/dropshadow.png) bottom right no-repeat; padding:0 15px 16px 0; } .env div {border:2px solid #FFF; background-color: #2F3601; padding:30px 40px; } .env a {color:#fb5f01; text-decoration:none;} .env h4 {margin-bottom:25px; font-size:20px; font-weight:normal;} .env h4 span {color:#FFFFCC; display:block; font-size:16px;} h3 {color:#FFF; color: rgba(250, 250, 250, .5); font-size:15px; margin:10px 0 3px 0;} /* Leed Table */ #leed {padding:15px; background:#000;} #leed table { width:100%; text-align:left; background:#6C7701; font-size:11px; border-top:2px solid #000; border-left:2px solid #000; } #leed table td { padding:5px 10px; border-right:2px solid #000; border-bottom:2px solid #000; } #leed table tr.alt td {background:#7F8B01;} .center {text-align: center;} /* About Section Styles -----------------------------------------------------*/ .prof {background: url(../images/dropshadow.png) bottom right no-repeat; padding:0 15px 16px 0;} .prof p {padding:20px; background-color:#3C1C00; border:2px solid #FFF; min-height:150px;} .prof img {float:left;} .prof span {display:block; margin-left:200px;} .prof span strong {display:block; font-size:15px; padding-bottom:10px;} .prof span strong em {font-weight:normal; font-size:12px;} /* Inventory Sections and CMS Styles -----------------------------------------------------*/ #as-is-inventory {background-color:#817B50; border:5px solid #9B9871; } #retail-inventory {background-color:#A0792F; border:5px solid #8F6026;} #as-is-inventory .odd {background-color:#6A6643;} #retail-inventory .odd {background-color:#B88941;} #as-is-inventory p:after, #retail-inventory p:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #as-is-inventory p, #retail-inventory p { display: inline-block; width:590px; padding:15px; color:#FFF; } #as-is-inventory img, #retail-inventory img { border:2px solid #FFF; float:left; margin-right:15px; width:130px; } /* ------ Sidebar ------ */ #sidebar ul.inventory a {display:block; height:90px; width:114px; padding:0; text-indent:-999999em;} #sidebar ul.inventory a.asis {background:url(../images/btn-inventory-asis.png) top left no-repeat;} #sidebar ul.inventory a.retail {background:url(../images/btn-inventory-retail.png) top left no-repeat;} #sidebar ul.inventory a:hover, #sidebar ul.inventory li#current a {background-position: 0 -90px;} #sidebar ul.inventory li {padding: 0 0 20px 50px;} #sidebar ul.services li a {color:#FFF;} #sidebar ul.services li a:hover {background:#006576; color:#FFF;} #sidebar ul.services li#current a, #sidebar ul.services li a.current {background:#004E5B; color:#FFF;} /* Contact Form -----------------------------------------------------*/ #left {width:460px; padding-right:20px; float:left;} #contact {margin:30px 0 0 5px;} #contact form p {padding-bottom:10px;} label{display: block; float:left; width:80px; padding: 2px 0 1px 0; color: #FFF; font-weight:bold;} .textfield {padding:5px; border: 1px solid #803500; background-color: #4D2000; width:355px; color: #FFF; font:13px "Lucida Grande", Arial, Helvetica, sans-serif;} .city, .phone {width:200px;} .state {width:80px;} select {padding:5px; border:none; background-color: #4D2000; width:365px; color: #FFF;} option {border:none;} p.submit {text-align:right; padding-top:4px; padding-right:8px; } #form_error {color:#FF7700; width:275px; padding: 3px 4px; border-top:1px solid #FFBB00; background:#FFEFD0} #form_error strong {color:#FF5501;} #map {width:460px; height:271px; background:url(../images/bg-map.jpg) no-repeat top left;} /* Footer Content -----------------------------------------------------*/ #footer {text-align:left; padding:10px 15px; position:relative; background:#212121; color:#555; border-top:1px solid #000; margin-top:40px; font-size:10px;} #footer a {color:#666;} #footer a:hover {color:#999;} #footer p {padding:0; position:absolute; top:8px; right:10px;} /* Validation -----------------------------------------------------*/ .LV_validation_message{ font-weight:bold; margin:0 0 0 5px; position: absolute; } .LV_valid { color:#00CC00; } .LV_invalid { color:#FFFD8B; } .optional { position: absolute; font-weight: normal; font-size: 11px; color:#F06400; margin:0 0 0 5px; padding-top:3px; } #admin { width:350px; } #admin h3 { color:#FFF; padding-bottom:2px; margin-bottom:15px; border-bottom:1px solid #FF7611; } #admin .textfield { width:250px; } #submitbtn { padding:3px 15px; background: #212121; color:#FFF; border:1px solid #FFF; }