body {
	background: #F7F8FB url(/images/bg-page.jpg) repeat-x;
}

#content {
}

#content:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

#leftcol {
	width: 158px;
	float: left;
	margin-right: 18px;
}

#centrecol {
	width: 530px;
	float: left;
	margin-right: 40px;
}

#centrecol_wide {
	width: 740px;
	float: left;
}

#rightcol {
	width: 200px;
	float: right;
	padding-bottom: 119px;
	background: #E3E7F0 url(/images/footer-rightcol.jpg) repeat-x bottom left;
}

#rightcol .feature-one {
	background-color: #022C57;
	padding: 0px 16px 16px 16px;
	color: #ffffff;
	font-weight: bold;
}

#rightcol .feature-top {
	background: #022C57 url(/images/rightcol-top.jpg) repeat-x top;
	height: 30px;
}


#rightcol .feature-two {
	background-color: #E3E7F0;
	margin: 0px;
	padding: 0px;
}

#rightcol .feature-three, #rightcol .feature-four, #rightcol .feature-five, #rightcol .feature-six {
/*	background-color: #EAEDF4; */
	margin: 0px;
	padding: 16px;
}

#rightcol .feature-three p.relatedlinks {
	background: url(/images/related-links.gif) no-repeat top left;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 16px;
	border-bottom: 1px dotted #1A2D52;
	color: #1A2D52;
}

#rightcol .feature-four p.relatedprojects {
	background: url(/images/projects.gif) no-repeat top left;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 30px;
	border-bottom: 1px dotted #1A2D52;
	color: #1A2D52;
}

#rightcol .feature-five p.relateddocs {
	background: url(/images/documents.gif) no-repeat top left;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 30px;
	border-bottom: 1px dotted #1A2D52;
	color: #1A2D52;
}

#rightcol .feature-six p.relatedvideos {
	background: url(/images/video.gif) no-repeat top left;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 30px;
	border-bottom: 1px dotted #1A2D52;
	color: #1A2D52;
}

#rightcol .feature-two:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

#rightcol .feature-two p {
	color: #1A2D52;
	margin: 10px;
	padding: 0px;
}
/*
#subfooter em {
	color: #022952;
}

#subfooter {
	background: #898F8F url(/images/footer-page.jpg) no-repeat bottom;
}*/

#breadcrumbs ul {
	list-style-image: none; 
	list-style-position: outside; 
	list-style-type: none; 
	margin: 20px 0 0 0;
	padding: 0px;
}

#breadcrumbs li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* LEFT MENU */
#pagemenu { 
	float: left; 
	margin: 50px 0 20px 0;
	width: 150px;
	border-bottom: 1px dotted #97A9CB;
}
#pagemenu ul {
	list-style-image: none; 
	list-style-position: outside; 
	list-style-type: none; 
	margin: 4px 0; 
	padding: 0; 
	width: 100%;
}

#pagemenu ul li {
	margin: 0px;
	padding: 0;		
}

#pagemenu ul li ul li {
	margin: 0px 0px 6px 0px ;
	padding: 0;	
	display: block;	
}

#pagemenu ul li ul li ul li {
	margin: 0px 0px 6px 20px ;
	padding: 0;	
	display: block;	
}

#pagemenu .thisbold {
	display: block;
	font-weight: bold;
	padding-bottom: 4px;
	color: #1A2D52;
	border-bottom: 1px dotted #97a9cb;
	margin-bottom: 6px;

}

#pagemenu .current, #pagemenu .this {
	font-weight: bold;
	color: #1A2D52;
}

#pagemenu a {
	text-decoration: none;
	color: #2F5397;
}

#pagemenu a:hover {
	text-decoration: underline;
	color: #2F5397;
}

/* PAGE TEXT STYLES */

h2.pagetitle {
	font-size: 38px;
	margin: 30px 0px 10px 0px;
	padding: 0;
	line-height: 1.1em;
	color: #14213E;
}

#centrecol p, #centrecol ul, #centrecol_wide p, #centrecol_wide ul  {
	color: #14213E;
}

#centrecol p.intro, #centrecol_wide p.intro {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #2F5397;
}

.subHead {
	font-size: 1.2em;
	color: #14213E;
	padding-bottom: 4px;
	border-bottom: 1px dotted #14213E;
}

.subHead a {
	color: #14213E;
	text-decoration: none;
}

.companyResult h4 {
	background-color: #E6E7E8;
	padding: 4px;
}

#supplyContainer .green {
	font-weight: bold;
}

#supplyContainer .grey {
	color: #97A9CB;
	font-weight: bold;
}

h3.Images {
	background:url(/images/title_images.gif) no-repeat left top;
	width: 126px;
	height: 22px;
	padding: 5px 0px 0px 40px;
	margin: 0px;
	color: #022C57;
}

#images {
	background-color: #E2E7F0;
	padding: 20px 0px 0px 10px;
	margin-bottom: 20px;
}

#images img {
}

h3.Updates {
	background:url(/images/title_updates.gif) no-repeat left top;
	height: 32px;
	padding: 8px 0px 0px 26px;
	margin: 0px;
	color: #022C57;
	display: block;
}

#updates {
	padding: 0px 0px 0px 10px;
	margin-bottom: 20px;
}

#updates img {
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#updates h5 {
	Font-size: 1.1em;
	margin-bottom: 0px;
	margin-top: 10px;
	color: #14213E;
}



h5.subSubHead {
	Font-size: 1.1em;
	margin-bottom: 0px;
	margin-top: 10px;
}

h5.AchieveHead {
	Font-size: 1.2em;
	margin-bottom: 0px;
	margin-top: 10px;
}

/* STYLES FOR INCLUDES */
#media-panel h4 {
	background-color: #022C57;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
	padding:10px 18px;
}

/* new items */
#latest-item{
	color:#FFF;
	background-color:#294881;
	padding-bottom: 20px;
}

#latest-item .latestleft {
	width: 220px; 
	float: left; 
	margin: 20px;
}

#latest-item .latestimage {
	width: 220px; 
	float: right; 
	margin-right: 20px; 
	margin-top: 20px;
}

#next3{
	background:transparent url(/images/news_top3_bg.jpg) repeat-x scroll left top;
	min-height:383px;
}

#latest-item p, #latest-item a{
	padding:0;
	margin:0;
	color:#FFFFFF;
}

#latest-item h3{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#latest-item p{
	padding:0px;
}

#next3 {
	background-color: #DFE6F1;
}

#next3 p, #next3 a{
	padding:0;
	margin:0;
}

#next3 p a{
	color:#000;
}
#next3 h3 a{
	color:#01539C;
}

#next3 p{
	padding:4px 20px 8px;
}

#next3 h3{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:10px 20px;
}

#latest-item a, #next3 a{
	text-decoration:none;
}

#latest-item a:hover, #next3 a:hover{
	text-decoration:underline;
}

/* SCN */

#scn-search {
	background-color: #DFE6F1;
	padding: 10px 20px;
}

#a-z, #reg {
	border-bottom: 1px solid #DFE6F1;
}

/* -- search form -- */
#searchForm {float: right; margin:0; padding:0; margin-top: 16px; font-size:12px;}

#searchForm #search {background:#E3E7F0; border:0; outline:0; padding:2px; color:#2F5397;}
#searchForm #go {color:#fff; background:#14213E url(../images/bg_serachFormGo_x.png) repeat-x; border:0; outline:0; padding:1px 5px;}

#footer { width: 960px; padding: 0; margin: 30px 0 20px 0; }
#footer #siteMap { padding: 20px; width: 920px; background-color: #002153; }
#footer #siteMap .col { margin-right: 10px; }
#footer #siteMap .last { border-left: 1px dashed #637EB1; margin-right: 0; padding-left: 10px; width: 210px; }

#footer #signOff { width: 100%; }
#footer #signOff .top {	width: 100%; background-color: #808487; float: left; }
#footer #signOff .top p.partnerText, #footer #signOff .top p.partnerLogos { float: right; }
#footer #signOff .top p.partnerText { color: #FFFFFF; margin-right: 30px; width: 260px; }
#footer #signOff .top p.partnerLogos { width: 240px; }
#footer #signOff .top .hr { border-top: 1px solid #B4B8BB; width: 940px; margin: 0 10px; float: left; height: 1px; padding: 0; }

#footer #signOff .bottom { list-style: none; display: inline; margin: 0; padding: 0; width: 960px; background: url(../images/footerBase.png) no-repeat bottom left; float: left; }
#footer #signOff .bottom li { width: 460px; padding: 4px 10px; float: left; }
#footer #signOff .bottom li.second { text-align: right; }
#footer #signOff .bottom li a { color: #FFFFFF; }
#footer #signOff .bottom li a:hover { text-decoration: none; }

.clear { clear: both; }

.thankyou {
	padding: 10px;
	border: 1px solid #002153;
}

.imageLibrary { width: 200px; margin-right: 10px; margin-bottom: 10px; float: left; }
.clear { clear: both; }

#supplyContainer fieldset {
	margin: 1.5em 0 0 0;
	padding: 0;
}
#supplyContainer legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}
#supplyContainer fieldset {
	border: 1px solid #999999;
}
#supplyContainer fieldset p {
	margin: 0px 10px;
}
#supplyContainer fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
}
#supplyContainer fieldset li {
	padding-bottom: 1em;
}
#supplyContainer fieldset.submit {
	border-style: none;
}
#supplyContainer label {
	display: block;
	font-weight: bold;
}
#supplyContainer .formRequired {
	color: #FF0000;
}

#supplyContainer input, #supplyContainer textarea {
	padding: 6px;
}

/* - What We Do Page - */
#whatWeDoQuote { padding: 10px 0; border-top: 1px dashed #8CA7CC; border-bottom: 1px dashed #8CA7CC; margin-top: 10px; }
#whatWeDoQuote img { float: left; margin-right: 20px; }
#whatWeDoQuote blockquote { float: left; font-size: 1.3em; font-style: italic; margin: 0 0 5px 0; width: 380px; color: #002153; }
#whatWeDoQuote cite { font-style: normal; float: left; width: 380px; color: #002153; }

#pageContent { width: 420px; margin-right: 20px; float: left; }
#featureSupport { width: 300px; height: 330px; float: left; margin: 0; padding: 0; list-style: none; background: url(../images/whatWeDoSupport.png) no-repeat; position: relative; }
#featureSupport li a { display: block; position: absolute; background: url(../images/whatWeDoSupport.png) no-repeat; outline: none; }
#featureSupport li:nth-child(1) a { width: 150px; height: 80px; background-color: rgba(0,0,0,0.5); top: 5px; left: 0px; background-position: -0px -7px; }
#featureSupport li:nth-child(1) a:hover { background-position: -0px -337px; z-index: 10; }
#featureSupport li:nth-child(1) a.current { background-position: -0px -337px; z-index: 5; }
#featureSupport li:nth-child(2) a { width: 145px; height: 80px; background-color: rgba(0,0,0,0.5); top: 5px; right: 10px; background-position: -145px -7px; }
#featureSupport li:nth-child(2) a:hover { background-position: -145px -667px; z-index: 10; }
#featureSupport li:nth-child(2) a.current  { background-position: -145px -667px; z-index: 5; }
#featureSupport li:nth-child(3) a { width: 200px; height: 85px; background-color: rgba(0,0,0,0.5); top: 110px; left: 51px; background-position: -51px -110px; }
#featureSupport li:nth-child(3) a:hover { background-position: -51px -1100px; z-index: 10; }
#featureSupport li:nth-child(3) a.current  { background-position: -51px -1100px; z-index: 5; }
#featureSupport li:nth-child(4) a { width: 200px; height: 85px; background-color: rgba(0,0,0,0.5); top: 180px; left: 51px; background-position: -51px -180px; }
#featureSupport li:nth-child(4) a:hover { background-position: -51px -1500px; z-index: 10; }
#featureSupport li:nth-child(4) a.current  { background-position: -51px -1500px; z-index: 5; }

#feature { 
	width: 728px; height: 490px; border: 6px solid #FFFFFF; float: left; position: relative; margin: 10px 0 50px 0; z-index: 10; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.5); 
	-moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
}
#feature #featureNav { width: 728px; height: 50px; list-style: none; margin: 0; padding: 0; position: relative; }
#feature #featureNav li { width: 182px; height: 50px; float: left; display: block; }
#feature #featureNav li a { 
	width: 162px; height: 37px; display: block; text-decoration: none; padding: 8px 10px 25px 10px; color: #FFFFFF; line-height: 1.1em; text-align: center; cursor: pointer; position: absolute; background: #002153 url(../images/whatWeDoHeaders.png) no-repeat; bottom: -20px; outline: none; z-index: 20;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
#feature #featureNav li:nth-child(1) a { 
	background-color: #002153; background-position: 0px 2px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
#feature #featureNav li:nth-child(2) a { background-color: #009EE0; background-position: -182px 2px; }
#feature #featureNav li:nth-child(3) a { background-color: #008D9E; background-position: -364px 2px; }
#feature #featureNav li:nth-child(4) a { 
	background-color: #79B31F; background-position: -546px 2px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}
#feature #featureNav li a:hover, #feature #featureNav li a.current, #feature #featureNav li a.hoverState { 
	bottom: 0; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#feature .panel { width: 728px; height: 185px; position: relative; display: none; margin-bottom: 5px; z-index: 30;  }
#feature .panel:nth-child(2) { display: block; }
#feature .panel .panelTop { height: 170px; padding-top: 15px;}
#feature .panel:nth-child(2) .panelTop { background: #002153 url(../images/whatWeDo_decommissioning.png) repeat-x bottom; }
#feature .panel:nth-child(3) .panelTop { background: #009EE0 url(../images/whatWeDo_commercial.png) repeat-x bottom; }
#feature .panel:nth-child(4) .panelTop { background: #008D9E url(../images/whatWeDo_wasteTreatment.png) repeat-x bottom; }
#feature .panel:nth-child(5) .panelTop { background: #79B31F url(../images/whatWeDo_wasteStorage.png) repeat-x bottom; }

.panelTop .slideControl { width: 27px; height: 150px; background-color: #FFFFFF; display: block; background: url(../images/whatWeDoArrows.png) no-repeat; outline: none; }
.panelTop .hidden { visibility: hidden; }
.panelTop .slideLeft { float: left; background-position: 0px 0px; margin: 0 5px 0 12px; }
.panelTop .slideLeft:hover { background-position: -27px 0; }
.panelTop .slideRight { float: right; background-position: -82px 0; margin: 0 12px 0 5px; }
.panelTop .slideRight:hover { background-position: -54px 0; }

.panelTop .panelSlider { width: 640px; height: 160px; float: left; position: relative; overflow: hidden; }
.panelTop .panelSlider .items { margin-top: 15px; width: 9999px; position: absolute; }
.panelTop .panelSlider .items div { float: left; }
.panelTop .panelSlider .activity { width: 140px; height: 140px; position: relative; margin: 0 10px; float: left; }
.panelTop .panelSlider .activity .imgWrap { width: 140px; height: 100px; padding-bottom: 13px; background: url(../images/whatWeDoShadow.png) no-repeat 0 -3px; float: none; }
.panelTop .panelSlider .activity .imgWrap a { 
	display: block; width: 134px; height: 94px; padding: 3px; position: relative; z-index: 1; 
	-webkit-transition: -webkit-transform 0.2s ease-in;
	-moz-transition: -moz-transform 0.2s ease-in;
	-o-transition: -o-transform 0.2s ease-in;
	transition: -webkit-transform 0.2s ease-in;
}
.panelTop .panelSlider .activity .imgWrap a img { border: 0; }
.panelTop .panelSlider .activity .imgWrap a.current,
.panelTop .panelSlider .activity .imgWrap a:hover { border: 3px solid #FFFFFF; padding: 0; }
.panelTop .panelSlider .activity .imgWrap a:hover {
	z-index: 10;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#feature .panelTop .panelSlider .activity p { margin-top: -8px; color: #FFFFFF; text-align: center; font-size: 0.9em; line-height: 1.2em; }

#feature .panelBottom { 
	background-color: #E4EFFA; padding: 20px; height: 210px; 
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#feature .panelBottom h4 { margin: 0 0 10px 0; font-size: 2.5em; width: 425px; display: inline; float: left; line-height: 1.5em; }
#feature .panelBottom .decommissioning h4 { color: #002153; }
#feature .panelBottom .commercial h4 { color: #009EE0; }
#feature .panelBottom .wasteTreatment { color: #008D9E; }
#feature .panelBottom .wasteStorage { color: #7FA593; }
#feature .panelBottom p { margin: 0 0 10px 0; width: 425px; float: left; }
#feature .panelBottom div div,
#feature .panelBottom img { float: right; width: 240px; height: 180px; background-color: #E4EFFA; margin: 10px 0 0 20px; }