/* imports */
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	margin: 0px;
	padding: 0px 0px 25px 0px;
	border: 0px;
}

body
{		
	font-family: Arial;
	font-size: 80%;
	background: #27333A url(../Images/Background.jpg) repeat-x top left;	
	text-align: center;	
	line-height: 18px;
	color: #424142;	
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Arial;
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #E67C0A;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 900px;		
}

	#wrapper #navigation 
	{
		width: 900px;		
		height: 33px;
		top: 0px;
		/*position: absolute;*/
		left: 0px;
		background: url(../Images/Navigation.jpg) repeat-x top left;		
	}
		
		#wrapper #navigation ul 
		{
			margin: 0px 0px 0px 384px;
			padding: 0px;			
		}
		
			#wrapper #navigation ul li 
			{
				list-style-type: none;
				display: inline;
				position: relative;
				float: left;
			}
			
				/* Sub Navigation */
				#wrapper #navigation ul li .subnav 
				{
					position: absolute;
					top: 33px;										
					width: 160px;	
					display: none;							
				}	
				
					#wrapper #navigation ul li .subnav.one, #wrapper #navigation ul li .subnav.one li a 
					{
						width: 85px;
						left: -387px;
					}
					
					#wrapper #navigation ul li .subnav.two, #wrapper #navigation ul li .subnav.two li a
					{
						width: 140px;
						left: -390px;
					}
				
					#wrapper #navigation ul li .subnav li a
					{
						background: #43464A;
						float: left;						
						height: 29px;
						line-height: 29px;
						color: #FFF;
						text-transform: uppercase;
						text-decoration: none;
						text-align: center;
					}
					
						#wrapper #navigation ul li .subnav li.ourhistory a
						{
							background: url(../Images/aboutusDropdown_01.gif) no-repeat top left;
							height: 30px;
						}
						
						#wrapper #navigation ul li .subnav li.designteam a
						{
							background: url(../Images/aboutusDropdown_02.gif) no-repeat top left;
							height: 29px;
						}
						
						#wrapper #navigation ul li .subnav li.environmentalpolicy a
						{
							background: url(../Images/healthDropdown_01.gif) no-repeat top left;
							height: 29px;
						}
						
						#wrapper #navigation ul li .subnav li a span 
						{
							display: none;
						}
					
						#wrapper #navigation ul li .subnav li a:hover 
						{
							background-position: bottom left;
						}
					
					#wrapper #navigation ul li:hover ul, #wrapper #navigation ul li.over ul
					{ 
						display: block; 
					}
			
				/* Main Navigation */
				#wrapper #navigation ul li a 
				{
					display: block;
					height: 33px;
					float: left;
				}
				
					#wrapper #navigation ul li.home a 
					{
						background: url(../Images/NavigationGraphics_02.jpg) no-repeat top left;
						width: 58px;
					}
					
					#wrapper #navigation ul li.aboutus a 
					{
						background: url(../Images/NavigationGraphics_03.jpg) no-repeat top left;
						width: 83px;
					}
					
					#wrapper #navigation ul li.projects a 
					{
						background: url(../Images/NavigationGraphics_04.jpg) no-repeat top left;
						width: 87px;
					}
					
					#wrapper #navigation ul li.news a 
					{
						background: url(../Images/NavigationGraphics_05.jpg) no-repeat top left;
						width: 59px;
					}
					
					#wrapper #navigation ul li.healthsafety a 
					{
						background: url(../Images/NavigationGraphics_06.jpg) no-repeat top left;
						width: 131px;
					}
					
					#wrapper #navigation ul li.contactus a 
					{
						background: url(../Images/NavigationGraphics_07.jpg) no-repeat top left;
						width: 98px;
					}
					
					#wrapper #navigation ul li a:hover, #wrapper #navigation ul li.selected a 					 
					{
						background-position: bottom left;
					}
					
					#wrapper #navigation ul li a span 
					{
						display: none;
					}
	
	#wrapper #header 
	{
		width: 900px;
		position: absolute;
		top: 33px;
		left: 0px;
		height: 172px;
	}
	
		#wrapper #header h1 
		{
			margin: 19px 0px 0px 0px;
			padding: 0px;
		}
		
			#wrapper #header h1 a 
			{
				width: 196px;
				height: 130px;
				background: url(../Images/shellGraphics_03.jpg) no-repeat top left;
				display: block;
			}
			
				#wrapper #header h1 a span 
				{
					display: none;
				}
				
		#wrapper #header #telephonenumber 
		{
			position: absolute;			
			top: 51px;
			left: 578px;
			background: url(../Images/shellGraphics_06.jpg) no-repeat top left;
			width: 322px;
			height: 72px;
		}
		
			#wrapper #header #telephonenumber span 
			{
				display: none;
			}
			
	#wrapper #contentcontainer 
	{
		width: 900px;
		float: left;
		margin-top: 172px;
		color: #FFF;			
	}
		
		/* Home */
		#wrapper #contentcontainer #homecolone 
		{
			width: 451px;
			margin-top: 15px;
			float: left;
		}
		
			#wrapper #contentcontainer #homecolone h2 
			{
				margin: 0px;
				padding: 0px 0px 0px 12px;
				font-size: 150%;				
				background: url(../Images/HomeH2BG.gif) no-repeat left;
			}
			
			#wrapper #contentcontainer #homecolone p 
			{
				padding: 12px;			
			}
		
		#wrapper #contentcontainer #homecoltwo
		{
			width: 436px;
			margin: 15px 0px 0px 13px;
			float: left;
			height: 401px;
			background: url(../Images/HomeGraphics_13.gif) no-repeat top left;			
		}
		
			#wrapper #contentcontainer #homecoltwo h2 
			{
				/*margin: 8px 0px 4px 16px;*/
				margin: 0px;
				padding: 6px 0px 6px 16px;
				font-size: 140%;
				float: left;
				width: 420px;
			}
			
			    #wrapper #contentcontainer #homecoltwo h2.mediaheader 
			    {	
			        border-top: solid 5px #282D30;
			        border-bottom: solid 5px #282D30;
				    background: url(../Images/mediaCentreGraphics_02.gif) no-repeat top left;
			    }
			
			#wrapper #contentcontainer #homecoltwo .mediaitem 
			{
				width: 404px;		
				padding: 16px 16px 0px 16px;
				float: left;				
			}
			
				#wrapper #contentcontainer #homecoltwo .mediaitem a 
				{
					text-decoration: none;
					display: block;
					color: #303435;
					background: url(../Images/MediaCentreMore.gif) no-repeat bottom right;
					padding-right: 84px;
					border-bottom: solid 1px #757E7F;
					padding-bottom: 10px;
					height: 91px;
				}
				
					#wrapper #contentcontainer #homecoltwo .mediaitem a.nopaddingborder 
					{
						padding-bottom: 0px;
						border-bottom: solid 0px;
						height: 74px;
					}
				    
				    #wrapper #contentcontainer #homecoltwo .mediaitem a img {
				        float: left;
				        margin: 0px 10px 10px 0px;				        
				    }
			
					#wrapper #contentcontainer #homecoltwo .mediaitem a strong 
					{
						color: #FFF;
						font-size: 130%;						
					}
					
					#wrapper #contentcontainer #homecoltwo .mediaitem a .date
					{
						color: #505658;						
					}
					
					#wrapper #contentcontainer #homecoltwo .mediaitem a:hover 
					{
						opacity: .5;
						filter: alpha(opacity=50);
					}
			
		/* Content - Standard */
		#wrapper #contentcontainer #contentcolone 
		{
			float: left;
			width: 592px;
			
		}
		
			#wrapper #contentcontainer #contentcolone h2 
			{
				background: #696F75 url(../Images/shellGraphics_03.gif) no-repeat top left;
				height: 26px;
				width: 581px;
				padding: 8px 0px 0px 11px;
				margin: 0px;
				font-size: 140%;
			}
			
			#wrapper #contentcontainer #contentcolone #suppgraphic 
			{
				width: 592px;
				float: left;
			}
			
				/* Project Images */
				#wrapper #contentcontainer #contentcolone #suppgraphic #projectlargephoto 
				{
					width: 435px;
					height: 326px;
					float: left;
				}
				
				#wrapper #contentcontainer #contentcolone #suppgraphic #projectthumbs 
				{
					float: left;
					width: 149px;
					height: 318px;
					padding: 8px 0px 0px 8px;
				}
				
					#wrapper #contentcontainer #contentcolone #suppgraphic #projectthumbs .thumbnail 
					{
						width: 70px;
						float: left;
						margin: 0px 6px 6px 0px;
					}
					
						#wrapper #contentcontainer #contentcolone #suppgraphic #projectthumbs .thumbnail.norightmargin 
						{
							margin-right: 0px;
						}
					
						#wrapper #contentcontainer #contentcolone #suppgraphic #projectthumbs .thumbnail a 
						{
							border: solid 1px #FFF;
							display: block;
							width: 70px;
						}
						
							#wrapper #contentcontainer #contentcolone #suppgraphic #projectthumbs .thumbnail a:hover 
							{
								border: solid 1px #F59E00;
							}
			
			#wrapper #contentcontainer #contentcolone #content 
			{
				width: 568px;
				float: left;
				padding: 12px;
			}			
						
				#wrapper #contentcontainer #contentcolone #content h3 
				{
					margin: 0px 0px 5px 0px;
					padding: 0px;
					color: #FF8400;
					font-size: 130%;
				}
				
				/* Management Team */
				#wrapper #contentcontainer #contentcolone #content .managementteamcont 
				{
					width: 568px;
					float: left;
					margin-top: 5px;					
				}	
				
					#wrapper #contentcontainer #contentcolone #content .managementteamcont .managementphoto 
					{
						width: 129px;
						float: left;
						text-align: center;					
					}	
					
						#wrapper #contentcontainer #contentcolone #content .managementteamcont .managementphoto img 
						{
							margin-bottom: 7px;
						}
					
						#wrapper #contentcontainer #contentcolone #content .managementteamcont .managementphoto .managementname 
						{
							font-weight: bold;
							color: #FF8400;						
						}		
					
					#wrapper #contentcontainer #contentcolone #content .managementteamcont .managementtext 
					{
						float: left;
						margin: 0px 0px 22px 13px;
						width: 426px;
						padding-bottom: 22px;
						border-bottom: solid 1px #5B656C;						
					} 
					
						#wrapper #contentcontainer #contentcolone #content .managementteamcont .managementtext .orangehighlight 
						{
							font-weight: bold;
							color: #E67C0A;
						}
			
				/* Page Lists */
				#wrapper #contentcontainer #contentcolone #content ul 
				{
					margin: 0px 0px 0px 20px;
					padding: 0px;
				}
				
					#wrapper #contentcontainer #contentcolone #content ul li 
					{
						margin-bottom: 10px;
					}
					
			/* News Page */
			#wrapper #contentcontainer #contentcolone .articleheader 
			{
				width: 592px;	
				margin: 8px 0px 8px 0px;										
				padding: 8px 0px 8px 0px;
				float: left;
				border-top: solid 1px #9EA7B0;			
				cursor: pointer;
			}
				
				#wrapper #contentcontainer #contentcolone .articleheader .headercolone 
				{
					width: 463px;
					float: left;
					padding-left: 12px;					
				}
				
					#wrapper #contentcontainer #contentcolone .articleheader .headercolone strong 
					{
						font-size: 130%;						
					}
					
				#wrapper #contentcontainer #contentcolone .articleheader .headercoltwo
				{
					width: 103px;
					float: left;
					margin-left: 10px;					
				}
				
					#wrapper #contentcontainer #contentcolone .articleheader .headercoltwo img 
					{
						border: solid 1px #777F87;
					}
				
			#wrapper #contentcontainer #contentcolone .articleinfo 
			{
				width: 580px;
				padding-left: 12px;
			}
		
		#wrapper #contentcontainer #contentcoltwo
		{
			float: left;
			margin-left: 9px;
			width: 299px;
			position: relative;
		}
		
			#wrapper #contentcontainer #contentcoltwo h2 
			{
				height: 26px;
				background: #44484D;
				font-size: 140%;
				color: #FF8400;
				padding: 8px 0px 0px 11px;
				margin: 0px;
				width: 288px;
			}
			
			#wrapper #contentcontainer #contentcoltwo #colright 
			{
				top: 4px;
				left: 241px;
				position: absolute;
			}
			
			#wrapper #contentcontainer #contentcoltwo .colcontent 
			{
				width: 271px;
				border-left: solid 5px #42464B;
				border-right: solid 5px #42464B;
				background: #818A8C;
				padding: 9px;
				float: left;
			}
			
				#wrapper #contentcontainer #contentcoltwo .colcontent.bgchange 
				{
					background: #72797C;
				}
			
				#wrapper #contentcontainer #contentcoltwo .colcontent .orangehighlight 
				{
					font-weight: bold;
				}
				
				#wrapper #contentcontainer #contentcoltwo .colcontent a {
					color: #FFF;
				}
				
				/* Team Photos */
				#wrapper #contentcontainer #contentcoltwo .colcontent .teamphoto 
				{
					width: 45px;
					height: 60px;
					float: left;
					margin: 0px 10px 10px 0px;
				}
				
					#wrapper #contentcontainer #contentcoltwo .colcontent .teamphoto.norightmargin 
					{
						margin-right: 0px;
					}
					
					#wrapper #contentcontainer #contentcoltwo .colcontent .teamphoto.nobottommargin 
					{
						margin-bottom: 0px;
					}
								
				/* Buttons */
				#wrapper #contentcontainer #contentcoltwo .colcontent .colbutton 
				{
					width: 271px;
					float: left;
					margin-bottom: 9px;					
				}
				
					#wrapper #contentcontainer #contentcoltwo .colcontent .colbutton.firstitem
					{
						margin-top: 35px;
					}
					
					#wrapper #contentcontainer #contentcoltwo .colcontent .colbutton a 
					{
						width: 264px;
						height: 24px;
						background: url(../Images/ColButton.gif) no-repeat top left;
						display: block;
						color: #44484C;
						font-weight: bold;
						text-decoration: none;
						padding: 6px 0px 0px 7px;
					}
					
						#wrapper #contentcontainer #contentcoltwo .colcontent .colbutton a:hover 
						{
							background-position: bottom left;
						}
			
				#wrapper #contentcontainer #contentcoltwo .colcontent h3 
				{
					margin: 0px 0px 5px 0px;
					padding: 0px;
					font-size: 120%;
					color: #44484C;
					height: 14px;
					padding-left: 21px;
					line-height: 14px;
					float: left;					
					width: 247px;				
				}
				
					#wrapper #contentcontainer #contentcoltwo .colcontent h3.callus 
					{
						background: url(../Images/CallUsIcon.gif) no-repeat left;
					}
					
					#wrapper #contentcontainer #contentcoltwo .colcontent h3.enquiryform 
					{
						background: url(../Images/EnquiryFormIcon.gif) no-repeat left;
					}
					
					#wrapper #contentcontainer #contentcoltwo .colcontent h3.visitus 
					{
						background: url(../Images/VisitUsIcon.gif) no-repeat left;
					}
					
				#wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfield 
				{
					width: 271px;
					float: left;
					color: #44484C;
					margin-bottom: 5px;
				}
				
					#wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfield input, #wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfield textarea, #wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfield select
					{
						font-family: Arial;
						font-size: 100%;
						margin: 3px 0px 0px 0px;
						padding: 2px;
						width: 265px;
						height: 16px;
						border: solid 1px #DFDFDF;
					}					
					
					#wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfield textarea 
					{
						height: 60px;
					}
					
					#wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfield select 
					{
						height: 20px;
					}
					
				#wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfieldshort 
				{
					width: 271px;
					float: left;
					margin-bottom: 5px;
					color: #44484C;
				} 
				
					#wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfieldshort .shortfield 
					{
						width: 128px;
						float: left;
					}
					
						#wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfieldshort .shortfield.spacer 
						{
							margin-right: 12px;
						}
					
						#wrapper #contentcontainer #contentcoltwo .colcontent .enquiryfieldshort .shortfield input 
						{
							width: 124px;
							font-family: Arial;
							font-size: 100%;
							margin: 3px 0px 0px 0px;
							padding: 2px;							
							height: 16px;
							border: solid 1px #DFDFDF;
						}						
					
				#wrapper #contentcontainer #contentcoltwo .colcontent .submitfield 
				{
					width: 271px;
					float: left;
					text-align: right;	
					margin: 9px 0px 9px 0px;
				}
							
			#wrapper #contentcontainer #contentcoltwo .colpressselector 
			{
				width: 271px;
				border-left: solid 5px #42464B;
				border-right: solid 5px #42464B;
				background: #44484D;
				padding: 0px 9px 0px 9px;
				color: #E67C0A;
				float: left;				
			}
			
				#wrapper #contentcontainer #contentcoltwo .colpressselector a 
				{
					text-decoration: none;
					height: 23px;
					line-height: 23px;
				}
				
					#wrapper #contentcontainer #contentcoltwo .colpressselector a:hover 
					{
						text-decoration: underline;
					}
				
			#wrapper #contentcontainer #contentcoltwo .colheader 
			{
				width: 271px;
				border-left: solid 5px #42464B;
				border-right: solid 5px #42464B;
				background: url(../Images/ColHeader.gif) no-repeat top left;
				padding: 0px 9px 0px 9px;
				float: left;				
			}
			
				#wrapper #contentcontainer #contentcoltwo .colheader.callus 
				{
					background: #72797C url(../Images/ColHeader_Call.gif) no-repeat top left;
					padding-left: 30px;
					width: 250px;
				}
			
				#wrapper #contentcontainer #contentcoltwo .colheader h4 
				{
					margin: 0px;
					padding: 0px;
					height: 34px;
					line-height: 34px;
				}
			
			#wrapper #contentcontainer #contentcoltwo #contentfooter 
			{
				background: #42464B;
				height: 5px;
				width: 299px;
				overflow: hidden;
				float: left;
			}
		
		/* Content - Full Width */
		#wrapper #contentcontainer #contentfullwidth 
		{
			width: 900px;
			float: left;
		}
		
			#wrapper #contentcontainer #contentfullwidth h2 
			{
				background: #696F75 url(../Images/shellGraphics_03.gif) no-repeat top left;
				height: 26px;
				width: 889px;
				padding: 8px 0px 0px 11px;
				margin: 0px;
				font-size: 150%;
			}
			
			#wrapper #contentcontainer #contentfullwidth #content 
			{
				width: 876px;
				padding: 12px;
			}
			
				#wrapper #contentcontainer #contentfullwidth #content p 
				{
					padding: 0px;
					margin: 0px;
				}
	
	#wrapper #footer 
	{
		width: 900px;
		float: left;			
		color: #B5BABA;
		margin-top: 25px;
		border-top: solid 1px #696F75;
		padding-top: 10px;
	}
	
		#wrapper #footer ul 
		{
			margin: 0px;
			padding: 0px;
		}
		
			#wrapper #footer ul li 
			{
				display: inline;
				list-style-type: none;
				padding-right: 10px;
			}
			
				#wrapper #footer ul li.spacer 
				{
					background: url(../Images/FooterSpacer.gif) no-repeat left;
					padding-left: 13px;
				}
				
				#wrapper #footer ul li.designby 
				{
					padding-right: 0px;
					padding-left: 137px;
				}
				
				#wrapper #footer ul li a 
				{
					color: #B5BABA;
				}