/************************************************************************

	PRINT CSS 
	==========
	
	Provides all print styles, when a user prints the website.
	
	Author:	Nick Watson
				Tom Fletcher-Jones
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: 1em;
	background-color: #d6d6d6;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
}

/***********************************************************************
	IF YOU GET RANDOM SPACING AND OTHER ANNOYING WIERDNESS LOOK BELOW FIRST
************************************************************************/

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, 
div#content h6, div#content table, div#content ul, div#content ol, div#content form {
	margin: 1em 0;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
div#container{
	margin: 0 auto;

}
div#header{
display:none;
}
div#header-wrap{
	display: none;
}
div#main{
	float: left;
	background-image: url(../i/layout/body-repeat.jpg)	;
	background-repeat: repeat-y;

}
div#nav-a{
display:none;
}

div#content{
	float: left;
	width: 100%;
	padding-right: 20px;
}
div#footer{
display:none;
}

/***********************************************************************
	HEADER ELEMENTS
************************************************************************/

/***********************************************************************
	BODY ELEMENTS
************************************************************************/
div#content div.large-home{

	display:none;
}
div#content h1{
	font-size: 2.5em;
	color: #2fb455;
	font-weight: bold;
	padding:0px;
	margin:0px;
	padding-top: 10px;
}
div#content h2{
	font-size: 1.8em;
	color: #2fb455;
	font-weight: bold;
	padding:0px;
	margin:0px;
	padding-top: 5px;
	clear: both;
}
div#content h3{
	font-size: 1.2em;
	color: #2fb455;
	font-weight: bold;
	padding:0px;
	margin:0px;
	padding-top: 5px;
	clear: both;
	text-transform: uppercase; 
}
p.home{
	text-align: justify;
	width: 100%;
	color: #666;
}
p{
	text-align: justify;
}
span.bold-green{
	font-weight: bold;
	color: #2fb455;

}

div.bucket{
	float: left;
	width: 193px;
	margin-top: 10px;

}
div.bucket img{
	text-align: center;
	border: 1px solid #2fb455;
}
div#content div.bucket p{
	width: 170px;
	padding:0px;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	text-align: justify;
	color: #666;
}
div#content div.bucket h2{
	color: #2fb455;
	font-weight: normal;
	font-size: 1.2em;
	padding:0px;
	margin:0px;

/*	width: 175px;*/
}
div#content div.bucket h2 a{
	color: #2fb455;

}
div.bucket-body{
	float: left;

	border-left: 3px #b2d3bc solid;
	padding-left: 5px;
	margin-top:5px;
}

ul#news-list{
	float: left;	
	color: #666;
}
ul#news-list a{
	text-transform: uppercase;
	color: #2fb455;
	font-size: 1em;
}
ul#news-list a:hover{

	color: #666;
	font-size: 1em;
}

a.pdf{
	background-image: url(../i/layout/pdf.jpg);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 40px;
	float: left;
	padding-top: 12px;
	color: #2fb455;
}
a.pdf:hover{
	color: #666666;	
}


div.project-left{
	float: left;


}
div.project-right{
	display: none;
}
div#content div.project-left h2.project-header{
	float: left;
	background-color: #eeeeee;

	padding: 5px;
	margin:0px;
	font-size: 1.2em;
	margin-top:5px;
}
div.project-body{
	float: left;
	background-color: #eeeeee;
	margin-top:4px;
	padding:5px;

}
div.info{
	float: left;
	height: 20px;
	width: 175px;
	color: #000;	
}
div.stat{
	float: left;
	height: 20px;
	width: 175px;
	color: #000;
}
div#content div.project-left div.project-body h3.project-sub{
	color: #000;
	font-size: 1em;
}
div#content div.project-left div.project-body p{
	color: #000;
	font-size: 1em;
	text-align: justify;
	padding-right:10px;
}
a.project-pdf{
	display: none;
}
a.project-pdf:hover{
	color: #666666;
}

div.projects-dropdown{
	float: left;
	width: 185px;
	border-top: 4px solid #d2d2d2;
	margin-top: 49px;
	margin-left: 10px;	
	margin-bottom:10px;
}
div#main div#content div.project-right div.projects-dropdown h3{
	text-transform: none;
	padding:0px;
	margin:0px;
	margin-top:5px;
}
div.projects-dropdown select{
	width: 185px;
	padding:0px;
	margin:0px;
}
div#main div#content div.project-right div.projects-dropdown form{
	padding:0px;
	margin:0px;
	margin-top:5px;
}

div.project-images{
	float: left;
	width: 185px;
	border-top: 4px solid #d2d2d2;
	margin-left: 10px;	
	margin-bottom:10px;
}
div#main div#content div.project-right div.project-images h3{
	text-transform: none;
	padding:0px;
	margin:0px;
	margin-top:5px;
}
div.project-images img{
	float: left;
	border: 1px solid #2fb455;
	margin-right: 6px;
	margin-top: 6px;
}

div.certificate{
	float: left;
	width: 150px;
	height: 150px;
	margin-left: 25px;
	margin-top: 20px;
	background-color: #eee; 
	
}
div.certificate a{
	float: left;
	width: 100px;
	height: 100px;
	margin-left: 25px;
	margin-top: 10px;	
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #fff;
	text-indent: -999em;
}

div#content div.certificate h4{
	width: 130px;
	float: left;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
div.accident-table{
	float: left;
	background-color: #666;
	padding:6px;
}
div.top-large{
	float: left;
	width: 250px;
	height: 17px;
	background-color: #A9A9A9;	
	margin: 1px;
	padding-top:3px;
	color: #fff;
	padding-left: 5px;
	border: 1px solid #666;
}
div.top-small{
	float: left;
	width: 70px;
	height: 17px;
	background-color: #A9A9A9;
	margin: 1px;
	padding-top:3px;
	color: #fff;
	border: 1px solid #666;
	padding-left: 5px;
}
div.large{
	float: left;
	width: 250px;
	height: 17px;
	background-color: #D6D6D6;
	margin: 1px;
	padding-top:3px;
	color: #666;
	border: 1px solid #666;
	padding-left: 5px;
}
div.small{
	float: left;
	width: 70px;
	height: 17px;
	background-color: #E8E8E8;	
	margin: 1px;
	padding-top:3px;
	color: #666;
	padding-left: 5px;
	border: 1px solid #666;
}
div#main div#content div.accident-table ul{
	color:#fff;
	padding:0px;
	margin:0px;
}
div#main div#content div.accident-table ul li{
	list-style: disc;
	list-style-position: outside;
	margin-left: 15px;
}
div#main div#content div.accident-table p{
	color:#fff;
	padding:0px;
	margin:0px;
	clear: both;
	padding-top: 10px;
	text-align: justify;

}
div#main div#content div.accident-table p.footnote{
	color:#fff;
	padding:0px;
	margin:0px;
	clear: both;
	padding-top: 10px;
	font-size: .8em;
	text-align: justify;
}

div.safety-council{
	float: left;	
}
div.safety-council img{
	float: left;
	margin-right: 5px;
	margin-bottom:5px;
	margin-top: 5px;
}
div#main div#content div.accident-table div.safety-council p{
	clear: none;
	font-size: .8em;
}
/***********************************************************************
	NAVIGATION
************************************************************************/
div#nav-a ul{
	background-color: #e8e8e8;
	width: 157px;
	margin-left: 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
* html div#nav-a ul{
	background-color: #e8e8e8;
	width: 157px;
	margin-left: 8px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
div#nav-a ul li{
	background-color: #e8e8e8;
	border: 1px solid #fff;
	border-right:none;
	border-bottom: none;
	margin-left: 1px;
	float: left;
	width: 157px;
}
div#nav-a ul li a{
	float: left;
	width: 134px;
	background-image: url(../i/layout/bullett.jpg);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	font-weight: bolder;
	color: #5a5a5a;
	font-size: .8em;
	padding: 3px;
	padding-left: 18px;	
}
div#nav-a ul li a:hover{
	background-color: #2fb455;
	color: #fff;
}

/*****dropdown stylings***/
#nav-a, #nav-a ul {
}

#nav-a a {
	display: block;
}
#nav-a li {
	float: left;
}
#nav-a li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
/*suckerfished*/
#nav-a li:hover ul ul, #nav-a li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav-a li:hover ul, #nav-a li li:hover ul, #nav-a li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
/**************/
div#main #nav-a li ul ul {
	margin: -1em 0 0 10em;

}
/*bit of positioning*/
div#main div#nav-a ul li ul{
	margin-left: 157px;
}
div#main div#nav-a ul li ul li ul{
	margin-top:0px;

}
/*************************/



div#nav-bottom{
	float: left;
	width: 157px;
	height: 17px;
	background-image: url(../i/layout/dots.jpg);
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-top: 2px;
}
* html div#nav-bottom{
	float: left;
	width: 157px;
	height: 17px;
	background-image: url(../i/layout/dots.jpg);
	background-repeat: no-repeat;
	margin-left: 8px;
	margin-top: 2px;
}
div.nav-box-outer{
	background-color: #e8e8e8;	
	float: left;
	width: 157px;
	margin-left: 15px;
	margin-top: 20px;
}
* html div.nav-box-outer{
	background-color: #e8e8e8;	
	float: left;
	width: 157px;
	margin-left: 8px;
	margin-top: 20px;
}
div.nav-box-inner{
	float: left;
	background-color: #e8e8e8;	
	border-left: 1px solid #fff;
	width: 155px;
	margin-left: 1px;
}
div.nav-box-outer h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5a5a5a;
	font-size: 1em;
	padding-top:5px;
	padding-left: 10px;
}
div.nav-box-outer p{
	font-family: Arial, Helvetica, sans-serif;

	color: #5a5a5a;
	font-size: .8em;
	padding-top:5px;
	padding-left: 10px;
	padding-right: 15px;
	text-align: justify;
}
div#header ul{
	width: 650px;
	float: left;
	margin-left: 130px;
	margin-top: 45px;
}
* html div#header ul{
	width: 650px;
	float: left;
	margin-left: 70px;
	margin-top: 45px;
}
div#header ul li{
/*	float: left;*/
display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #909090;
/*	margin-right: 15px;*/
	text-indent: -999em;
/*	display: block;*/
	height: 15px;
}
div#header ul li a{
	float: left;
	height: 17px;
	color: #909090;
	background-image: url(../i/layout/nav.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
}
div#header ul li a:hover{
	color: #2cb355;
}

div#header ul li.group a{
	background-position: 0 0;
	width: 100px;
}
div#header ul li.construction a{
	background-position: -115px 0;
	width: 100px;
}
div#header ul li.cubitt a{
	background-position: -232px 0;
	width: 140px;
}
div#header ul li.construct a{
	background-position: -390px 0;
	width: 130px;
}
div#header ul li.wells a{
	background-position: -530px 0;
	width: 100px;
}


div#header ul li.group a:hover{
	background-position: 0 -17px;
	width: 100px;
}
div#header ul li.construction a:hover{
	background-position: -115px -17px;
	width: 100px;
}
div#header ul li.cubitt a:hover{
	background-position: -232px -17px;
	width: 140px;
}
div#header ul li.construct a:hover{
	background-position: -390px -17px;
	width: 130px;
}
div#header ul li.wells a:hover{
	background-position: -530px -17px;
	width: 100px;
}

div#header form{
	width: 455px;
	clear: both;
	margin-top: 50px;
	margin-left: 320px;
	float: left;
	height: 20px;

}
* html div#header form{
	width: 455px;
	clear: both;
	margin-top: 45px;
	margin-left: 160px;
	float: left;
	height: 15px;

	padding: 0px;
}
div#header form input.submit{
	background-color: #2db455;
	border: none;
	color: #fff;
	margin-left: 5px;
	float: left;
	clear: none;
	margin-top:5px;

}
div.search{
	float: left;
	width: 200px;
	height: 20px;
	margin-top:5px;
	clear: none;

}
div.search label{
	padding-top: 2px;
	color: #666;
	padding-right:3px;
	padding-left: 8px;
}
div.search input{
	height: 15px;
	border: 1px solid #000;
}
div.select{
	width: 110px;
	float: left;
	height: 20px;
	margin-top:5px;
	clear: none;

}
div.select select{
	width: 110px;
	border: 1px solid #000;

}
div.date{
	width: 105px;
	float: left;
	height: 20px;

	clear: none;
	padding-top: 3px;
	padding-left: 5px;
	font-size: .8em;
	color: #666;
	margin-top:5px;
	margin-bottom:0px;
}

div#nav-a div.nav-box-inner ul{
	float: left;
	background-color: transparent;
	background-image: none;		
	padding:0px;
	margin:0px;
	border: none;
	list-style: square;
	list-style-position: outside;
	margin-bottom: 10px;
}
div#nav-a div.nav-box-inner ul li{
	float: none;
	background-color: transparent;
	background-image: none;		
	padding:0px;
	margin:0px;
	border: none;
	margin-left: 22px;
	width: 124px;
}
div#nav-a div.nav-box-inner ul li a{
	float: none;
	background-color: transparent;
	background-image: none;		
	padding:0px;
	margin:0px;
	border: none;
}
div#nav-a div.nav-box-inner ul li a:hover{
	float: none;
	background-color: transparent;
	background-image: none;		
	padding:0px;
	margin:0px;
	border: none;
	color: #2db455;
}
div#nav-a div.nav-box-inner input{
	margin-left: 10px;
	width: 100px;
	margin-top: 4px;
	margin-bottom: 7px;
	float: left;
	height: 13px;
}
div#nav-a div.nav-box-inner input.submit{
	float: left;
	margin-left: 2px;
	width: 25px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #2db455;
	color: #fff;
	border: none;
	font-size: .8em;
	height: 17px;
	padding: 0px;
}

div#nav-details{
	margin-left: 25px;
	margin-top: 20px;
	float: left;
}
* html div#nav-details{
	margin-left: 15px;
	margin-top: 20px;
	float: left;
}
/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
div#footer ul{
	float: right;
	margin-right:20px;
	margin-top: 20px;
}
div#footer ul li{
	float: left;
	margin-left: 17px;
}
div#footer ul li a{
	color: #8e8e8e;
	font-size: .8em;
}
div#footer ul li a:hover{
	color: #2db455;
}
/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}