/* RESET
----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* LAYOUT
----------------------------------------------------------------------------------*/
body
{
	background: #89b519; color: #444;
	font: 90%/1.0 verdana,sans-serif;
}
.wrapper { width: 100%; }
.inner
{
	overflow: hidden; 
	position: relative;
	width: 940px;
	margin: 0 auto;
}

/* HEADER
----------------------------------------------------------------------------------*/
#top { background-color: #32792a; }
#top, #top .inner { height: 60px; text-align: center; }

/* PRIMARY NAV
----------------------------------------------------------------------------------*/
#nav { background-color: #89b519; }
#nav, #nav .inner { height: 31px; }
#nav ul
{
	position: absolute; left: 208px; bottom: 0;
	width: 530px; height: 25px;
}
#nav li, #nav a
{
	display: block;
	position: absolute; top: 0;
	height: 26px; 
	background-repeat: no-repeat; background-position: 0 0;
}
/*#nav .n1, #nav .n1 a { left: 0; width: 71px; background-image: url('../images/n_home.gif'); */
#nav .n3, #nav .n3 a { left: 0; width: 85px; background-image: url('../images/n_projects.gif'); }
#nav .n2, #nav .n2 a { left: 90px; width: 73px; background-image: url('../images/n_about.gif'); }
#nav .n4, #nav .n4 a { left: 168px; width: 67px; background-image: url('../images/n_decc.gif'); }
#nav .n5, #nav .n5 a { left: 240px; width: 66px; background-image: url('../images/n_news.gif'); }
#nav .n6, #nav .n6 a { left: 311px; width: 77px; background-image: url('../images/n_events.gif'); }
#nav .n7, #nav .n7 a { left: 393px; width: 137px; background-image: url('../images/n_contact.gif'); }

#nav .inner li a { left: 0; text-indent: -999em; }

#nav a:link, #nav a:visited { background-position: 0 0; }
#nav a:hover, #nav a:active { background-position: 0 -26px; }

#nav #curr a:link, #nav #curr a:visited { background-position: 0 -52px; }
#nav #curr a:hover, #nav #curr a:active { background-position: 0 -26px; }

/* MAIN AREA
----------------------------------------------------------------------------------*/
#main { background: #fff; }
#main .inner { padding: 20px 0; }

/* CONTENT
----------------------------------------------------------------------------------*/
#content
{
	float: right;
	width: 700px; 
}

.e404 { text-align: center; }
.txt { font-size: 85%; line-height: 1.5; }
#home .txt { text-align: center; }

.txt h1
{
	margin: 0 0 0.8em;
	font: normal 190%/1.0 'century gothic',verdana,sans-serif;
	color: #8fc3db;
}
.txt h2
{
	margin: 1em 0 0.5em;
	font: normal 150%/1.0 'trebuchet ms',verdana,sans-serif;
	color: #8fc3db;
}
.txt h3
{
	margin: 1em 0 0.5em;
	font: bold 110%/1.0 verdana,sans-serif;
	color: #89b519;
}

.txt p { margin: 0 0 1em; }
.txt ul { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: square; }
.txt ol { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: decimal; }
.txt strong { font-weight: bold; }
.txt em { font-style: italic; }

.txt blockquote
{
	margin: 0 0 2em; padding: 0.5em 0;
	border-style: solid; border-width: 1px 0; border-color: #ddedf4;
	color: #666;
}
.txt blockquote p { margin: 0; }

.txt a { text-decoration: none; border-bottom: 1px solid #fff; }
.txt a:link, .txt a:visited { color: #32792a; border-color: #89b519; }
.txt a:hover, .txt a:active { color: #000; border-color: #32792a; }

.m { margin-bottom: 2em; }

.column { overflow: hidden; float: left; width: 380px; }
.right { float: right; width: 300px; } 

#content .newsitem
{
	padding: 0 0 1em; margin: 0 0 1em;
	border-bottom: 1px solid #8fc3db;
}

/* PROJECT NAV
----------------------------------------------------------------------------------*/
#projects
{
	width: 220px;
	float: left;
}
#projects ul
{
	width: 220px;
	margin: 0 0 1.5em;
	overflow: hidden;
}
#projects ul .sub
{
	margin: 0;
}

#projects li
{
	display: block; float: left;
	width: 220px; 
	background-repeat: no-repeat; background-position: 0 0;
}
#projects .sub li
{
	display: inline; float: none;
	width: auto; height: auto;
	background-image: none !important;
}

#projects a
{
	display: block; position: relative;
	width: 220px; height: 28px;
	margin: 0 0 1px;
	background-repeat: no-repeat; background-position: 0 0;
}
#projects .sub a
{
	height: auto;
	padding: 5px 0;	margin: 0 0 1px;
	text-align: center; text-decoration: none;
	font-size: 70%; font-weight: bold;
	background-image: none !important;
}

#projects a span { position: absolute; left: 0; top: 0; text-indent: -999em; }

#projects .n1, #projects .n1 a { background-image: url('../images/tab_thermal.gif'); }
#projects .n2, #projects .n2 a { background-image: url('../images/tab_heating.gif'); }
#projects .n3, #projects .n3 a { background-image: url('../images/tab_lighting.gif'); }
#projects .n4, #projects .n4 a { background-image: url('../images/tab_renewable.gif'); }
#projects .n5, #projects .n5 a { background-image: url('../images/tab_transport.gif'); }
#projects .n6, #projects .n6 a { background-image: url('../images/tab_food.gif'); }
#projects .n7, #projects .n7 a { background-image: url('../images/tab_appliances.gif'); }
#projects .n8, #projects .n8 a { background-image: url('../images/tab_recycling.gif'); }
#projects .n9, #projects .n9 a { background-image: url('../images/tab_water.gif'); }

#projects a:link, #projects a:visited { background-position: 0 0; }
#projects a:hover, #projects a:active { background-position: -220px 0; }

#projects p { margin: 0 0 1.5em; }

/* PROJECT NAV -- SUBMENU COLOURS
----------------------------------------------------------------------------------*/
#projects .n1 li a:link, #projects .n1 li a:visited { background: #fce8cc; color: #f18e00; }
#projects .n2 li a:link, #projects .n2 li a:visited { background: #f5cdd2; color: #cc071e; }
#projects .n3 li a:link, #projects .n3 li a:visited { background: #fff6cc; color: #ffd200; }
#projects .n4 li a:link, #projects .n4 li a:visited { background: #e9f3f8; color: #8fc3db; }
#projects .n5 li a:link, #projects .n5 li a:visited { background: #e3eed2; color: #89b519; }
#projects .n6 li a:link, #projects .n6 li a:visited { background: #d6e4d4; color: #32792a; }
#projects .n7 li a:link, #projects .n7 li a:visited { background: #e8e8e8; color: #9c9d9f; }
#projects .n8 li a:link, #projects .n8 li a:visited { background: #cfe7e3; color: #0a9985; }
#projects .n9 li a:link, #projects .n9 li a:visited { background: #ccecf9; color: #009ee0; }

#projects .n1 li a:hover, #projects .n1 li a:active { background: #f18e00; color: #000; }
#projects .n2 li a:hover, #projects .n2 li a:active { background: #cc071e; color: #000; }
#projects .n3 li a:hover, #projects .n3 li a:active { background: #ffd200; color: #000; }
#projects .n4 li a:hover, #projects .n4 li a:active { background: #8fc3db; color: #000; }
#projects .n5 li a:hover, #projects .n5 li a:active { background: #89b519; color: #000; }
#projects .n6 li a:hover, #projects .n6 li a:active { background: #32792a; color: #000; }
#projects .n7 li a:hover, #projects .n7 li a:active { background: #9c9d9f; color: #000; }
#projects .n8 li a:hover, #projects .n8 li a:active { background: #0a9985; color: #000; }
#projects .n9 li a:hover, #projects .n9 li a:active { background: #009ee0; color: #000; }

/* PROJECT NAV -- HOME & PROJECTS HOME
----------------------------------------------------------------------------------*/
#home { background: #fff; }
#home .inner { width: 960px; padding: 0;	}

#projectfeature { background: #fff; }
#projectfeature .inner { width: 960px; padding: 20px 0; }

#projectshow
{
	position: relative;
	width: 960px; height: 310px;
}
#projectcat
{
	overflow: hidden;
	position: absolute; left: 0; top: 0;
	width: 960px; height: 230px;
}
#projectcat img { width: 960px; height: 230px; }

#projecttabs
{
	position: absolute; left: 0; top: 230px;
	width: 960px; height: 43px;
	border-width: 5px 0 0; border-style: solid;
	border-color: #fff;
}
#projecttabs ul
{
	overflow: hidden;
	position: absolute; left: 30px; top: 0;
	width: 930px; height: 43px;
}
#projecttabs li, #projecttabs a
{
	display: block; 
	height: 43px; 
	background-repeat: no-repeat; background-position: 0 0;
}
#projecttabs li { position: absolute; top: -10px; }

#projecttabs .n0 { display: none; }
#projecttabs .n1, #projecttabs .n1 a { left: 0; width: 145px; background-image: url('../images/home/tab_thermal.gif'); }
#projecttabs .n2, #projecttabs .n2 a { left: 150px; width: 92px; background-image: url('../images/home/tab_heating.gif'); }
#projecttabs .n3, #projecttabs .n3 a { left: 247px; width: 92px; background-image: url('../images/home/tab_lighting.gif'); }
#projecttabs .n4, #projecttabs .n4 a { left: 344px; width: 92px; background-image: url('../images/home/tab_renewable.gif'); }
#projecttabs .n5, #projecttabs .n5 a { left: 441px; width: 82px; background-image: url('../images/home/tab_transport.gif'); }
#projecttabs .n6, #projecttabs .n6 a { left: 528px; width: 82px; background-image: url('../images/home/tab_food.gif'); }
#projecttabs .n7, #projecttabs .n7 a { left: 615px; width: 108px; background-image: url('../images/home/tab_appliances.gif'); }
#projecttabs .n8, #projecttabs .n8 a { left: 728px; width: 82px; background-image: url('../images/home/tab_recycling.gif'); }
#projecttabs .n9, #projecttabs .n9 a { left: 815px; width: 82px; background-image: url('../images/home/tab_water.gif'); }

#projecttabs .n0 { background-color: #ffffff; }
#projecttabs .n1 { background-color: #f18e00; }
#projecttabs .n2 { background-color: #cc071e; }
#projecttabs .n3 { background-color: #ffd200; }
#projecttabs .n4 { background-color: #8fc3db; }
#projecttabs .n5 { background-color: #89b519; }
#projecttabs .n6 { background-color: #32792a; }
#projecttabs .n7 { background-color: #9c9d9f; }
#projecttabs .n8 { background-color: #0a9985; }
#projecttabs .n9 { background-color: #009ee0; }

#reepham
{
	position: absolute; left: 0; top: 0; z-index: 100;
	width: 960px; height: 230px;
}

#projectfeature #projecttabs a { position: absolute; left: 0; top: 0; text-indent: -999em; }
#projectfeature a:link, #projectfeature a:visited { background-position: 0 0; }
#projectfeature a:hover, #projectfeature a:active { background-position: 0 -43px; }

#prs
{
	overflow: hidden;
	width: 961px;
	margin: 0 0 1em; padding: 35px 0 0;
	font-size: 80%; line-height: 1;
	background: url('../images/h_theprojects.gif') no-repeat center top;
}
#prs ul { float: left; width: 320px; }
#prs li { display: block; float: left; width: 320px; margin: 0 0 2px; }
#prs a
{
	display: block;
	padding: 3px 0; margin: 0 10px;
	text-align: center;
	text-decoration: none;
}
#prs a:link, #prs a:visited { color: #000; font-weight: normal; }
#prs a:hover, #prs a:active { color: #333; font-weight: bold; }

#prs .p1a:link, #prs .p1a:visited { background: #fce8cc; color: #f18e00; }
#prs .p2a:link, #prs .p2a:visited { background: #f5cdd2; color: #cc071e; }
#prs .p3a:link, #prs .p3a:visited { background: #fff6cc; color: #ffd200; }
#prs .p4a:link, #prs .p4a:visited { background: #e9f3f8; color: #8fc3db; }
#prs .p5a:link, #prs .p5a:visited { background: #e3eed2; color: #89b519; }
#prs .p6a:link, #prs .p6a:visited { background: #d6e4d4; color: #32792a; }
#prs .p7a:link, #prs .p7a:visited { background: #e8e8e8; color: #9c9d9f; }
#prs .p8a:link, #prs .p8a:visited { background: #cfe7e3; color: #0a9985; }
#prs .p9a:link, #prs .p9a:visited { background: #ccecf9; color: #009ee0; }

#prs .active:link, #prs .active:visited { font-weight: bold; }
#prs .active:hover, #prs .active:active { color: #000; }

/* PROJECT SOLUTIONS
----------------------------------------------------------------------------------*/
#home .projects { width: 960px; margin: 0 0 2em; background: url('../images/bg_project_solutions.gif') repeat-y center top; }
#home .projects td { width: 320px; text-align: center; }
#home .projects a { border: 0; }


/* FOOTER
----------------------------------------------------------------------------------*/
#footer .inner
{
	text-align: center;
	padding: 1em 0;
	font-size: 80%;
	color: #fff;
}
#footer p { margin-bottom: 1em; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #32792a; text-decoration: none; }