/* ------------------------------------- Index 1 - Background and wrapper 2 - Accessibility 3 - Header and Navigation 4 - Content 5 - Footer 6 - Forms ----------------------------------------*/ /* 1 - Background and wrapper */ #wrapper {background:#fff url(../images/bkd-main.gif) no-repeat top; border-top:5px solid #FFC211; margin:auto; min-height:1000px; padding:0; position:relative; width:860px;} #home #wrapper, #about #wrapper, #contact #wrapper, #grants #wrapper, #links #wrapper, #site-map #wrapper {} #contact #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top;} #about #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top;} #installation #wrapper {border-top:5px solid #A0A24F;} #consulting #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top; border-top:5px solid #95D7E2;} #training #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top; border-top:5px solid #AF8A77;} #casestudies #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top; border-top:5px solid #BA242E;} #links #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top;} /*#news #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top; border-top:5px solid #022D50;}*/ #news #wrapper {border-top:5px solid #022D50;} #site-map #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top;} #legal #wrapper, #privacy #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top;} #gallery #wrapper {background:#fff url(../images/bkd-main2.gif) no-repeat top; border-top:5px solid #BA242E;} /* 2 - Accessibility */ .hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} /* 3 - Header and Navigation */ /* Header */ #header {height:385px; position:relative;} #contact #header {height:172px; position:relative;} #legal #header, #privacy #header {height:172px; position:relative;} #header h1 {background:url(../images/onsitegeneration.gif); height:102px; width:308px; position:absolute; top:15px; left:20px; text-indent:-9999px;} #header h2 {} #subheader {height:35px; width:288px; position:absolute; top:53px; right:25px;} /* Navigation */ #header ul {margin:0; padding:0; position:absolute; top:137px; left:10px; height:29px;} #header ul li {display:inline; list-style-type:none;} #header ul li a {border:none; color:#fff; display:block; float:left; font-size:1.1em; height:15px; overflow:hidden; padding:7px 8px;} #header ul li a#current, #header ul li a:hover {background:#FFC211; color:#333; text-decoration:none;} #installation #header ul li a#current, #installation #header ul li a:hover {background:#A0A24F; color:#fff;} #consulting #header ul li a#current, #consulting #header ul li a:hover {background:#95D7E2;} #training #header ul li a#current, #training #header ul li a:hover {background:#AF8A77; color:#fff;} #casestudies #header ul li a#current, #casestudies #header ul li a:hover {background:#BA242E; color:#fff;} #news #header ul li a#current, #news #header ul li a:hover {background:#022D50; color:#fff;} #gallery #header ul li a#current, #gallery #header ul li a:hover {background:#BA242E; color:#fff;} /* Flash */ #flash {position:absolute; top:166px; left:0;} /* 4 - Content */ #content {margin:20px 305px 20px 20px; min-height:510px;} #content .col1 {float:left; width:245px;} #content .col2 {float:right; width:245px;} #content .portrait {float:left; margin:0 10px 10px 0;} #about #content .col1 {float:left; width:380px; margin-right:20px;} #about #content .col2 {float:left; width:380px;} #content .introimg {background:#A1A252; float:left; margin:0px 20px 20px 0; width:167px;} #content .introimg p {color:#fff; padding:10px; margin:0;} #installation #content .introimg {background:#A1A252;} #installation #content .introimg p {color:#fff;} #biomass-heating #content .introimg {background:#FFCE41;} #biomass-heating #content .introimg p {color:#333;} #heat-pumps #content .introimg {background:#FFCE41} #heat-pumps #content .introimg p {color:#333;} #solar-photovoltaics #content .introimg {background:#FFCE41;} #solar-photovoltaics #content .introimg p {color:#333;} #solar-water-heating #content .introimg {background:#FFCE41;} #solar-water-heating #content .introimg p {color:#333;} #wind-turbines #content .introimg {background:#FFCE41;} #wind-turbines #content .introimg p {color:#333;} #micro-hydro #content .introimg {background:#FFCE41;} #micro-hydro #content .introimg p {color:#333;} #about #content {margin:20px 20px 20px 20px; min-height:510px;} #consulting #content {margin:20px 20px 20px 20px; min-height:510px;} #consulting #content .introimg {background:#95D7E2;} #consulting #content .introimg p {color:#333;} #training #content {margin:20px 20px 20px 20px; min-height:510px;} #training #content .introimg {background:#AF8A77;} #training #content .introimg p {color:#fff;} #training h2 {font-weight:bold;} #training h3 {font-weight:bold; font-size:1.2em;} #casestudies #content {margin:20px 20px 20px 20px; min-height:510px;} #casestudies #content .introimg {background:#BA242E; min-height:230px; width:200px;} #casestudies #content .introimg p {color:#fff;} #links #content {margin:20px 20px 20px 20px; min-height:510px;} #site-map #content {margin:20px 20px 20px 20px; min-height:510px;} /*#news #content {margin:20px 20px 20px 20px; min-height:510px; padding:0 70px 0 20px;}*/ #contact #content {margin:20px 20px 20px 20px; min-height:510px;} #contact #content .column2 .inner {margin:15px 0px 0px 50px;} #legal #content, #privacy #content {margin:20px 20px 20px 20px; min-height:510px;} p.date {color:#666666; font-size:1.1em; font-style:normal; margin:0 0 0.5em 0;} ul#policies {display:inline; list-style-type:none;} ul#policies li {display:inline;} ul#policies li a {background:url(../images/icon-pdf.jpg) left no-repeat; display:block; float:left; padding-left:20px; margin-right:20px;} /* Site map list style */ #content ul.sitemap_lists {} #content ul.sitemap_lists li {} #content ul.sitemap_lists li ul li { font-size: 1em;} table {border-collapse:collapse; padding:0px; margin:10px 0;} table th {border-bottom:1px solid #fff; color:#fff; padding:10px; text-align:left;} table td {border-bottom:1px solid #fff;padding:10px; } table h2 {font-size:1.4em; font-weight:normal; padding:0; margin:0;} table h3 {font-size:1.1em; font-weight:bold;} #installation table {width:100%;} #installation table h2 {color:#333;} #installation table th {background:#A0A24F;} #installation table td {background:#E3E3CB;} #solar-water-heating table {} #solar-water-heating table h2 {color:#333;} #solar-water-heating table th {background:#FFCE41; border-bottom:1px solid #fff;} #solar-water-heating table td {background:#FFF3CF; border-bottom:1px solid #fff;} #biomass-heating table {} #biomass-heating table h2 {color:#333;} #biomass-heating table th {background:#FFCE41; border-bottom:1px solid #fff;} #biomass-heating table td {background:#FFF3CF; border-bottom:1px solid #fff;} #heat-pumps table {} #heat-pumps table h2 {color:#333;} #heat-pumps table th {background:#FFCE41; border-bottom:1px solid #fff;} #heat-pumps table td {background:#FFF3CF; border-bottom:1px solid #fff;} #solar-photovoltaics table {} #solar-photovoltaics table h2 {color:#333;} #solar-photovoltaics table th {background:#FFCE41; border-bottom:1px solid #fff;} #solar-photovoltaics table td {background:#FFF3CF; border-bottom:1px solid #fff;} #wind-turbines table {} #wind-turbines table h2 {color:#333;} #wind-turbines table th {background:#FFCE41; border-bottom:1px solid #fff;} #wind-turbines table td {background:#FFF3CF; border-bottom:1px solid #fff;} #micro-hydro table {} #micro-hydro table h2 {color:#333;} #micro-hydro table th {background:#FFCE41; border-bottom:1px solid #fff;} #micro-hydro table td {background:#FFF3CF; border-bottom:1px solid #fff;} #consulting table {width:100%;} #consulting table h2 {} #consulting table th {background:#95D7E2; border-bottom:1px solid #fff;} #consulting table td {background:#B8E5EB; border-bottom:1px solid #fff;} #training table {margin:15px 0; width:70%;} #training table h2 {color:#333;} #training table th {color:#333; background:#e7dcd6; border-bottom:1px solid #fff; border-right:1px solid #fff;} #training table td {background:#e7dcd6; border-bottom:1px solid #fff;} #links #logos {} #links #logos a {border-bottom:none; float:left; margin:0 20px 20px 0;} a.panelabout {background:url(../images/panel-aboutus.jpg) no-repeat 0 0; display:block; float:left; height:131px; border:none; margin:0 12px 5px 0; text-indent:-9999px; width:260px;} a.panelabout:hover {background:url(../images/panel-aboutus.jpg) no-repeat 0 -131px; border:none;} a.panelinstall {background:url(../images/panel-installation2.jpg) no-repeat 0 0; display:block; float:left; height:131px; border:none; margin:0 0px 5px 0; text-indent:-9999px; width:260px;} a.panelinstall:hover {background:url(../images/panel-installation2.jpg) no-repeat 0 -131px; border:none;} a.panelconsult {background:url(../images/panel-consultancy3.jpg) no-repeat 0 0; display:block; float:left; height:131px; border:none; margin:10px 12px 5px 0; text-indent:-9999px; width:260px;} a.panelconsult:hover {background:url(../images/panel-consultancy3.jpg) no-repeat 0 -131px; border:none;} a.paneltraining {background:url(../images/panel-training2.jpg) no-repeat 0 0; display:block; float:left; height:141px; border:none; margin:0 0px 5px 0; text-indent:-9999px; width:260px;} a.paneltraining:hover {background:url(../images/panel-training2.jpg) no-repeat 0 -141px; border:none;} #secContent {background:#fff; border-top:5px solid #FFC211; padding:15px 15px 15px 20px; position:absolute; top:220px; right:18px; width:230px;} #home #secContent, #about #secContent, #contact #secContent, #grants #secContent, #links #secContent, #micro-hydro #secContent, #site-map #secContent {} #installation #secContent {border-top:5px solid #A0A24F;} #installation #secContent a.link2:hover {background:#A0A24F;} #installation #secContent a.link1:hover img {border:1px solid #A0A24F;} #news #secContent {border-top:5px solid #022D50;} #news #secContent a.link2:hover {background:#022D50;} #news #secContent a.link1:hover img {border:1px solid #022D50;} #biomass-heating #secContent, #heat-pumps #secContent, #solar-photovoltaics #secContent, #solar-water-heating #secContent, #wind-turbines #secContent, micro-hydro #secContent {border-top:5px solid #FFC211;} #consulting #secContent {border-top:5px solid #95D7E2;} #training #secContent {border-top:5px solid #AF8A77;} #casestudies #secContent {border-top:5px solid #BA242E;} #home #secContent a.link2:hover, #grants #secContent a.link2:hover, #micro-hydro #secContent a.link2:hover, #biomass-heating #secContent a.link2:hover, #heat-pumps #secContent a.link2:hover, #solar-photovoltaics #secContent a.link2:hover, #solar-water-heating #secContent a.link2:hover, #wind-turbines #secContent a.link2:hover, micro-hydro #secContent a.link2:hover {background:#FFC211;} #home #secContent a.link1:hover img, #grants #secContent a.link1:hover img, #micro-hydro #secContent a.link1:hover img, #biomass-heating #secContent a.link1:hover img, #heat-pumps #secContent a.link1:hover img, #solar-photovoltaics #secContent a.link1:hover img, #solar-water-heating #secContent a.link1:hover img, #wind-turbines #secContent a.link1:hover img, micro-hydro #secContent a.link1:hover img {border:1px solid #FFC211;} #secContent h2 {font-size:1.3em;} #secContent h3 {font-size:1.2em; font-weight:bold; margin-bottom:0;} #secContent span {display:block; margin-bottom:20px;} #secContent span .link1 {border-bottom:none; display:block; float:left;} #secContent span .link1 img {border:1px solid #333;} #secContent span .link2 {border-bottom:none; display:block; float:left; font-size:1em; margin:28px 0 0 10px;} #secContent #newsIntro {} #secContent #newsIntro ul.pdf li {margin-left:20px;} #secContent #newsIntro img.link1 {border:1px solid #333; margin:0 10px 10px 0;} #secContent #newsIntro .link1 {border-bottom:none; display:block; float:left;} #secContent #newsIntro .link1 img {border:1px solid #333;} #casestudies ul.pdf {margin-right:25px;} #casestudies ul.pdf li {} .row {clear:both; margin:0 0 20px 0;} a.relinks {border:none; float:left; margin:0 10px 10px 0;} a.relinks:hover {border:none;} .column1 {float:left; width:395px;} .column2 {float:right; width:395px;} .link3 {border:1px solid #333; display:block; float:left; margin:0px 10px 10px 0px;} /* Gallery Page */ #gallery h2 {font-weight:bold;} .gallery1 {} .gallery1 a {} .gallery1 a img {border:2px solid #c12729; float:left; margin:0 15px 15px 0;} .gallery2 {} .gallery2 a {} .gallery2 a img {border:2px solid #ff6700; float:left; margin:0 15px 15px 0;} .gallery3 {} .gallery3 a {} .gallery3 a img {border:2px solid #ffbb01; float:left; margin:0 15px 15px 0;} .gallery4 {} .gallery4 a {} .gallery4 a img {border:2px solid #0c2a44; float:left; margin:0 15px 15px 0;} .gallery5 {} .gallery6 {} /* 5 - Footer */ #footer {color:#999; margin:auto; text-align:center; padding-bottom:40px; width:480px;} #footer img {} #footer p {color:#999; font-size:1em; margin-bottom:1.1em; text-align:center;} #footer a {color:#999; border-bottom:1px dotted #999; font-weight:normal;} #footer #membership {margin:auto; text-align:center; width:300px;} #footer a.logo1 {background:url(../images/logo-real.gif) no-repeat 0 -40px; border:none; display:block; float:left; height:40px; margin-right:0px; overflow:hidden; text-indent:-9999px; width:105px; margin-top:20px;} #footer a.logo1:hover {background:url(../images/logo-real.gif) no-repeat 0 -40px;} #footer a.logo2 {background:url(../images/logo-scotrenewables.gif) no-repeat 0 -43px; border:none; display:block; float:left; height:43px; margin-right:0px; overflow:hidden; text-indent:-9999px; width:152px; margin-top:20px;} #footer a.logo2:hover {background:url(../images/logo-scotrenewables.gif) no-repeat 0 -43px;} #footer a.logo3 {background:url(../images/logo-mcsinstaller.gif) no-repeat 0 0; border:none; display:block; float:left; height:81px; margin-right:20px; margin-left:10px; overflow:hidden; text-indent:-9999px; width:152px;} /* 6 - Forms */ form {} form #hidden input {background:transparent; border:none;} form div {clear:both; padding:0 0 15px 0;} label {display:block; font-size:1.1em; float:left; width:170px;} input, textarea, select {background:#F2F2F4; border:1px solid #333; display:block; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; float:left; padding:2px; width:200px;} form input.btn {background:transparent; border:none; margin:0 0 0 170px; width:auto;} label#labopt {width:360px;} input#optin {background:#fff; border:none; display:block; float:left; margin-right:5px; padding:0px; width:15px;}