/* Import nav styles */
@import "./nav.css";
@import "/homepods/homepods.css";

/* YUI font and element normalisation */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}



/* Generic / layout styles -------------------- */
html {width:100%;}
body {width:100%; height:100%;}
body { font-size:0.8em;font-family: "Century Gothic", Verdana, Arial; color: #000; background-color:#e5e5ec; }
strong { font-weight:bold; }
em { font-style:italic; }
.clearer { width:auto;height:0px;padding:0;margin:0;overflow:hidden;clear:both; }
#container { width:920px; margin:0 auto; position:relative; }
#logo { display:block; width:156px; height:153px; background: url(/assets/images/ni_logo.png) no-repeat top; margin-top:12px; }
#logo a { display:block; width:100%; height:100%; text-indent:-9000px; background-color:transparent; }
a#newsblock { display:block; width:210px; height:70px; margin:45px 210px 0 0; background-color:transparent; float:right; }
#centre-pane { margin-left:237px; position:absolute; width:479px; }
hr { display:none; }
#content { min-height:460px; }
h2 { margin-bottom:0.6em; font-size:2.5em; font-weight:bold; }
h3 { margin-bottom:0.5em; font-size:1.5em; font-weight:bold; }
.whitebox { background-color:#fff; padding:10px; font-size:0.9em; }
.whitebox p, .whitebox ul { padding-bottom:1em; }
.whitebox ul { padding-left:20px;}
.whitebox li { list-style:disc; padding-left:5px;}
p#signup { margin:7px 0; font-family:Arial, Helvetica, Verdana; }
p#signup a { color:#000; text-decoration:none; }
p#signup a:hover { text-decoration:underline; }
.pdficon { float:left; padding-right:5px; }
ol#legalslist li { list-style:decimal; margin:0 0 1em 20px;}


/* styled lists ------------------------------- */
ul.orangebullet, ul.magentabullet, ul.bluebullet, ul.greenbullet { margin:0;padding:0 0 1em 0; }
ul.orangebullet li, ul.magentabullet li, ul.bluebullet li, ul.greenbullet li { list-style:none; padding:0 0 0 18px; margin:0; }
ul.spaced { padding-bottom:0; }
ul.spaced li { padding-bottom:1em; }
ul.orangebullet li span { color:#F27000; font-weight:bold; }
ul.orangebullet li { background:url(/assets/images/bullets/orange.gif) no-repeat left 3px; }
ul.magentabullet li span { color:#ff3fac; font-weight:bold; }
ul.magentabullet li { background:url(/assets/images/bullets/magenta.gif) no-repeat left 3px; }
ul.bluebullet li { background:url(/assets/images/bullets/blue.gif) no-repeat left 3px; }
ul.bluebullet li span { color:#2aa1f0; font-weight:bold; }
ul.greenbullet li { background:url(/assets/images/bullets/green.gif) no-repeat left 3px; }
ul.greenbullet li span { color:#6bb201; font-weight:bold; }



/* Homepage pods ------------------------------ */
#pod-1 a, #pod-2 a, #pod-3 a, #pod-4 a, #pod-5 a { display:block; width:100%; height:100%; text-indent:-9000px; background-color:transparent; }
/* now managed manually by the client */



/* search box styles -------------------------- */
#search-form { background: transparent; margin-top:7px; position:relative; }
#search-field { background: url(/assets/images/blank.gif) #FFFFFF; width:100px; border:#000 solid 2px; float:left; margin:0; padding:0; color:#000; font-weight:bold; }
#search-button { border:none; }


/* Search results ----------------------------- */
ul.search-results { margin:0; padding:0 0 1em 0; }
.search-results li { list-style:none; margin:0; padding:6px; cursor:pointer; }
.search-results li h4 { font-weight:bold; padding-bottom:4px; }
.search-results li.odd { background: #EFEEF5; }
.search-results li:hover, .search-results li.odd:hover { background: #fcf0f1; }


/* Awards list -------------------------------- */
#awardslist li { padding:5px 0; }


/* content imagery styles --------------------- */
p.img-left180, p.img-right180 { width:180px; }
p.img-left215, p.img-right215 { width:215px; }
p.img-left90 { width:90px; }
p.img-left215, p.img-left180, p.img-left90 { float:left; display:block; margin:0 10px 2px 0; padding:0 }
p.img-right215, p.img-right180 { float:right; display:block; margin:0 0 2px 10px; padding:0 }
p.img-about-bg { background-color:#e9933e; }
p.img-cunning-bg { background-color:#ffa3d7; }
p.img-greening-bg { background-color:#c1e770; }
p.img-left180 span,
p.img-left215 span,
p.img-right215 span,
p.img-right180 span { display:block; padding:10px 12px 12px 10px; font-size:1.5em; }



/* who's who ---------------------------------- */
#whoswho-list { width:143px; border-right:1px solid #1e1e1e; margin:0 16px 1em 0; float:left; }
#whoswho-list h4 { font-weight:bold; }
#whoswho-list ul { margin:0; padding:0 0 5px 0; }
#whoswho-list li { margin:0; padding:0; list-style:none; font-size:0.9em; }
#whoswho-list li a { text-decoration:none; color:#000; }
#whoswho-list li a:hover, a:active { text-decoration:underline; }
h3#whoswho-title { color:#ff0000; }
#whoswho-company { float:left; width:298px; }
ul#people { padding:10px 0 0 0; margin:0; }
#people li { margin:0; padding:0 0 10px 0; list-style:none; clear:left; }
#people li img { float:left; padding:0 5px 10px 0; }



/* community ---------------------------------- */
#videoLink { display:none; }
#videoLink { display:block; width:228px; height:56px; background: url(/assets/images/take-a-peek.gif) no-repeat top; margin:0 auto; }
#videoLink a { display:block; width:100%; height:100%; text-indent:-9000px; background-color:transparent; cursor:pointer; }



/* jobs --------------------------------------- */
#jobslist { margin:0; padding:0 0 2em 0; border-top:1px solid #1e1e1e; }
#jobslist li { margin:0; padding:8px 0; list-style:none; border-bottom:1px solid #1e1e1e; font-size:0.9em; }
#jobslist li h4 { font-weight:bold; }
#jobslist li img { float:right; padding:0 0 5px 5px; }
#jobslist li a:hover, a:active { text-decoration:underline; }



/* HTML news pods ----------------------------- */
#htmlnewspod { position:absolute; background:url(/assets/images/newspod/news_bg.gif); width:204px; height:34px; margin:-38px 0 0 518px; color:#fff; }
#htmlnewspod img { float:left; padding:3px; }
#htmlnewspod h3  { float:left; margin:3px 3px 0 0; display:block; width:42px; padding-top:20px; height:0 !important; height /**/: 20px; overflow:hidden; background-image: url(/assets/images/newspod/head_news.gif); background-repeat: no-repeat; }
#htmlnewspod p   { font-size:0.8em; padding:4px 0 0 0; }
#htmlnewspod a   { color:#fff; }


/* HTML project info -------------------------- */
#projectList { margin:0; padding:1em 0 1.5em 0; }
#projectList li { margin:0; padding:0; list-style:none; display:inline; }
#projectList li a { font-weight:bold; text-decoration:none; color:#000; padding:0 2px; }
.cunning #projectList li a:hover, .cunning #projectList li a:active, .cunning #projectList li.active a { background-color:#ff3fac; }
.forsale #projectList li a:hover, .forsale #projectList li a:active, .forsale #projectList li.active a { background-color:#ffb603; }
.gallery #projectList li a:hover, .gallery #projectList li a:active, .gallery #projectList li.active a { background-color:#b62824; color:#fff; }
#htmlgallery img { padding:8px 5px 0 5px; }


/* Flash background styles -------------------- */
#flashbg    { position:absolute; top:0; left:0; width:100%; height:680px; overflow:hidden; }
#home-noflash-bg,
#search-noflash-bg,
#news-noflash-bg,
#jobs-noflash-bg,
#enquiries-noflash-bg,
#fourOhfour-noflash-bg,
#gallery-noflash-bg,
#signup-noflash-bg,
#where-noflash-bg,
#who-noflash-bg { background:url(/assets/images/backgrounds/generic.jpg) center top no-repeat; width:100%; height:100%; }
#about-noflash-bg { background:url(/assets/images/backgrounds/about.jpg) center top no-repeat; width:100%; height:100%; }
#cunning-noflash-bg { background:url(/assets/images/backgrounds/cunning.jpg) center top no-repeat; width:100%; height:100%; }
#green-noflash-bg { background:url(/assets/images/backgrounds/green.jpg) center top no-repeat; width:100%; height:100%; }
#community-noflash-bg { background:url(/assets/images/backgrounds/community.jpg) center top no-repeat; width:100%; height:100%; }
#forsale-noflash-bg { background:url(/assets/images/backgrounds/forsale.jpg) center top no-repeat; width:100%; height:100%; }
#gallery-noflash-bg { background:url(/assets/images/backgrounds/gallery.jpg) center top no-repeat; width:100%; height:100%; }



/* DTR headings ------------------------------- */
.about h2, .about a, .about h3				{ color:#F27000; }
.cunning h2, .cunning a, .cunning h3		{ color:#ff3fac; }
.green h2, .green a , .green h3				{ color:#6bb201; }
.community h2, .community a, .community h3	{ color:#2aa1f0; }
.news h2, .news a , .news h3,
.who h2, .who a , .who h3,
.jobs h2, .jobs a , .jobs h3,
.fourOhfour h2, .fourOhfour a , .fourOhfour h3,
.enquiries h2, .enquiries a , .enquiries h3,
.signup h2, .signup a , .signup h3,
.where h2, .where a , .where h3,
.search h2, .search a , .search h3			{ color:#ed6167; }
.forsale h2, .forsale a , .forsale h3		{ color:#ffb603; }
.gallery h2, .gallery a , .gallery h3		{ color:#b62824; }
/*
	Note: To add a new heading colour you must
		  also add it to the dtr script:
		  /dtr/dtr.php Line: 141
*/


/* Footer styles ------------------------------ */
#footer { color:#333366; background:url(/assets/images/footer_bg.png) no-repeat; width:976px; height:201px; position:relative; margin:-75px 0 0 -504px; font-size:0.9em; }
#footerpad { padding:120px 0 0 268px; }
#footerpad img { float:left; position:relative; }
#footerpad #uslogo { margin:12px 18px 0 0; }
#footerpad #nemcr { margin:12px 18px 0 0; }
/*#footerpad #engptner { margin:-6px 18px 0 0; }*/
#footerpad #hmscom { margin:-6px 18px 0 0; }
#footerpad #council { margin:-10px 5px 0 0; }
#footerpad #mmha { margin:-10px 0 0 0; }
#footerpad ul { margin-top:45px; }
#footerpad li { margin-right:10px; display:inline; }
#footerpad a { font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000; text-decoration:none; font-size:95% }
#footerpad a:hover { text-decoration:underline; }




/* Layer order of above elements -------------- */
#flashbg       { z-index:0; }
#footer        { z-index:-1; } /* (it just works?) */
#htmlnewspod   { z-index:1; }
#container     { z-index:2; }
#main-nav      { z-index:3; }
#search-form   { z-index:4; }
#centre-pane   { z-index:5; }