*, html, body { margin:0; padding:0; border:0; }
html { }
body { margin:0px; font:14px "Trebuchet MS", Arial, Tahoma, sans-serif; background:#fff; line-height:154%; }
/* footerStickAlt */
html { background:#eee; }
/*
html { height: 100%; }
body { height: 100%; }
#container { position:relative; min-height:100%; }
* html #container { height: 100%; }
#contentWrapper { margin-bottom: 7.6em; }
#footerWrapper { position: relative; margin-top: -7.5em; }
*/
/* footerStickAlt */
h1, h2, h3, h4, h5, h6, a { padding:0; margin:0 }
a { color:#FF495F; text-decoration:none; }
a:hover { color:#999; }
input { border:2px solid #f2f2f2; padding:0; width:150px; margin-right:20px; }
ul { list-style-type:none; padding:0; margin:0; }
/* roof */
#roofWrapper { background:#fff; height:45px; border-bottom:2px solid #eee;}
#roof { width:940px; height:45px; margin:0 auto; }
#roof ul { padding-top:10px; list-style-type:none; float:right; }
#roof ul li { float:left; width:90px; font:12px Georgia, sans-serif; text-align:center; padding:0 10px; border-right:1px solid #eee; }
#roof ul li a { display:block; height:35px; }
#roof ul li a:hover { background:#fff url(/resources/images/layout/arr.jpg) no-repeat bottom; color:green; }
#roof ul li.rss { width:30px; border-right:0; background:#fff; }
#roof ul li.rss a:hover { background:#fff; }
#roof ul li.search { width:140px; border-right:0; padding:0; }
/* searchbox */
#searchbox {}
#searchbox label { padding:0; margin:0; font-size:20px; display:block; }
#searchbox input { font-size:20px; width:164px; padding:0 0 0 2px; color:#ff495f; border:2px solid #eee; }
#searchbox input:hover {}
/* logo */
#logo { height:auto; width:940px; margin:0px auto; background:#fff; padding-top:10px; }
/* header */
#headerWrapper { height:270px; }
#headerInnerWrapper { height:210px; background:#555 url(/resources/images/layout/diag.gif); margin-top:20px; }
#header { height:210px; width:940px; margin:0px auto; }
.headerLeft { padding-top:10px; line-height:20px; vertical-align:middle; color:#efedd6; width:450px; float:left; }
#slideShow.other { padding:10px; background:transparent url(/resources/images/layout/frame.jpg) repeat; float:right; position:relative; border:2px solid #eee; bottom:10px; }
* html #slideShow.other { bottom:-5px; }
/* container */
#container { width:100%; }
* html #container { width:99.9%; }
/* content */
#contentWrapper { width:100%; background:#fff; border-top:2px solid #fff; padding:20px 0; }
#content { margin:auto; text-align:left; width:980px; overflow:hidden; text-align:justify; font:12px arial, sans-serif; }
#content h1, #content h2 { font:20px Georgia, "trebuchet ms", serif; text-transform:uppercase; }
.blockBox { display:block; clear:left; }
#one { width:50.0%; padding-left:0.5%; padding-right:1%; float:left; }
#one p { padding:1% 0; }
#two { width:20.0%; padding:0 10px; border-left:1px solid #eee; border-right:1px solid #eee; float:left; }
#three { width:25.0%; padding-left:1%; float:left; }
#four { width:23.15%; padding:0 1% 0 0.5%; float:left; }
#five { width:23.15%; padding:0 1%; border-right:1px solid #eee; border-left:1px solid #eee; float:left; }
#six { width:23.15%; padding:0 1%; border-right:1px solid #eee; float:left; }
#seven { width:23.15%; padding:0 0.5% 0 0.95%; float:left; }
#newsOne { width:70.0%; padding-left:0.5%; padding-right:1%; float:left; }
#newsThree { width:25.0%; padding:0 10px; border-left:1px solid #eee; float:left; }
#subContent { clear:left; padding:10px 0.5%; }
/* footer */
#footerWrapper { width:100%; background:#eee; padding:6px 0; border-top:2px solid #ccc; }
#footer { width:900px; margin:0 auto; text-align:center; overflow:hidden; margin-top:3px; font:bold 14px "trebuchet ms", georgia, serif; }
#footer a { color:#333; }
#footer a:hover { color:#d22; background:#fff; border-top:1px solid #333; border-bottom:1px solid #333; }
#footer ul { padding:2px 0 8px 0; }
#footer li { display:inline; border-right:1px solid #999; padding:0 4px 0 0; }
* html #footer li { padding:0 0 0 4px; }
#footer li.last { border-right:none; }
#footer #copyright { font:normal 13.4px "trebuchet ms", georgia, serif; color:#999; }
#footerContent { width:100%; display:block; }
#footerBanners { float:left; width:320px; display:block; margin-right:30px; }
#footerBanners #cibseLogo a { display:block; height:90px; width:72px; background: url(/resources/images/layout/cibse-logo.jpg) 0 0 no-repeat; float:left;}
#footerBanners #cibseLogo a:hover { background-position:0 -90px; border:0; }
#footerBanners #urbanBuzzLogo a { display:block; height:70px; width:245px; background: url(/resources/images/layout/urban-buzz-logo.jpg) 0 0 no-repeat; float:left; }
#footerBanners #urbanBuzzLogo a:hover { background-position:0 -70px; border:0; }
#footerBanners #lowCarbonLogo a { display:block; height:57px; width:240px; background: url(/resources/images/layout/lcbd-logo.jpg) 0 0 no-repeat; float:left; margin:-20px 0 0 80px; border:1px solid #333; }
* html #footerBanners #lowCarbonLogo a { margin-left:40px; }
#footerBanners #lowCarbonLogo a:hover { background-position:0 -57px; }
/* page */
#page h1 { font:24px helvetica, arial, sans-serif; text-transform:uppercase; color:#ccc; text-align:left; }
.email { visibility:hidden; }
.tooltip { position:absolute; background:#eee; border-bottom:2px solid #ccc; color:#000; display:block; padding:10px; width:200px; margin:-10px 0 0 -10px; }
/* utils */
.clear { clear:both; }
.right { clear:right; }
.left { clear:left; }
.onHover { background:#f3f3f3; }
.hilite { background:#fcffcd; border:2px solid #ccc; }
.fRight { float:right; }
#error, #message {
width:800px; margin:0 auto; border:2px solid #eee; padding:12px; text-align:center; font:20px "trebuchet ms", georgia, serif; text-transform:uppercase; color:#fff;
}
#error { background:#f99; }
#message { background:#9fc; }
#whoWeAre { width:980px; margin-left:20px; text-align:left; }
#whoWeAre ul { list-style-type:none; }
#whoWeAre ul li { float:left; height:140px; width:200px; margin:5px; padding:10px; border:2px solid #eee; }
#whoWeAre ul li p { font-size:12px; padding-bottom:4px; }
#whoWeAre ul li p.name { font:20px Georgia, serif; color:#aaa; line-height:20px; }
#navigation ul li { display:block; border-bottom:1px solid #eee; font-weight:bold; }
#navigation ul li.last { border-bottom:0; }
#navigation ul li a { display:block; font-size:14px; line-height:20px; }
#navigation ul li a:hover { background:#eee; }
.newsflash ul li { display:block; border-bottom:1px solid #eee; float:left; margin-bottom:5px; padding-bottom:6px; }
.newsflash ul li.last { border-bottom:0;}
.newsflash ul li h3 { font:14px "trebuchet ms", georgia, serif; text-transform:uppercase; font-weight:bolder; text-align:left; }
.newsflash ul li .date { width:40px; height:40px; float:right; border:1px solid #eee; margin:0 0 2px 5px; }
.newsflash ul li p.day { font-size:20px; text-align:center; }
.newsflash ul li p.month { font-size:14px; text-align:center; background:#f3f3f3; display:block; border-bottom:1px solid #eee; }
#news ul li { width:45%; margin:0 2% 2% 0; padding:1.0%; height:205px; float:left; overflow:hidden; border:2px solid #eee; }
#news ul li .date { width:40px; height:40px; float:left; border:1px solid #eee; margin:0 5px 2px 0; text-align:center; }
#news ul li p.day { font-size:20px; }
#news ul li p.month { font-size:14px; background:#f3f3f3; border-bottom:1px solid #eee; }
#news ul li h3.title { text-transform:uppercase; margin-bottom:4px; }
#news ul li .box { }
#news ul li .excerpt { }
#news ul li .thumb { }
#news ul li .thumb img { position:relative; float:right; overflow:hidden; padding:2px; border:1px solid #eee; margin-left:6px;}
#subContent h2 { margin:10px 0; }
#subContent .newsflash ul li { width:17.40%; margin-right:1%; padding:0 1.5% 0 0; border-right:1px solid #eee; border-bottom:0 }
* html #subContent .newsflash ul li { width:17.1%; }
#subContent .newsflash ul li h3 { text-align:left; }
#subContent .newsflash ul li.last { border-right:0; }
#pageImage { border:1px solid #eee; padding:4px; margin:0 0 4px 10px; float:right; display:block; }
#download img { border:1px solid #eee; padding:4px; margin:0 0 4px 10px; float:right; display:block; }
#download span { font-size:20px; float:right; padding-top:30px; }
ul.listOfItems li { margin-bottom:10px; }
.pageThumb { border:1px solid #eee; padding:4px; margin:0 10px 4px 0; float:left;}
/* - search - */
#searchResults { min-height:300px; }
* html #searchResults { height:300px; }
#searchResults ul li { margin:10px; padding:2px 0; }
#searchResults ul li h1.title { font:18px "trebuchet ms", georgia, serif; }
#searchResults ul li .content { padding:2px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#searchResults ul li .content:hover { background:#f3f3f3; }
#searchResults ul li .url a { padding-top:2px; }
/* - contact */
#contact { min-height:300px; }
* html #contact { height:300px; }
#contact form { width:950px; }
#contactLeft, #contactRight { width:48%; float:left; }
#contactLeft { border-right:2px solid #eee; padding-right:10px; }
#contactRight { padding-left:10px; }
#contactFormMessage { width:400px; border:2px solid #eee; height:360px; font-size:12px; }
#contactFormRecipient { border:2px solid #eee; width:405px; }
#contactSubmit { border:2px solid #eee; font-size:20px; }
.contact { width:400px; font-size:20px; margin:0 10px; }
.controlRow { border:2px solid #fff; margin-bottom:20px; padding:2px; }
.fieldError { border:2px solid #eee; background:#FFCCCC; }
#lowCarbonPromo { padding:10px 2px; border-top:1px solid #eee; }
#lowCarbonPromo span { font-size:20px; top:-15px; position:relative; padding-right:20px; }
#lowCarbonPromo img { border:1px solid #666; }
#bulletins ul.listOfItems { margin-top:20px; }
.bulletinDate { float:right; color:#999; font-size:120%;;}