@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #333;
	background: #cccac1 url(../images/page_bg.jpg) top center;
}

h1 {
	font-size: 1.2em;
	padding: 0.5em;
}

h2,h3,h4,h5,h6 {
	font-size: 0.9em;
	padding: 0.2em 0.6em;
}

p {
	font-size: 0.8em;
	padding: 0.25em 1em;
}

.red {
	color: #EC1C2A;
}

a {
	text-decoration: none;
	color: #EC1C2A;
}

a:hover {	
	text-decoration: underline;
}

	a.buttonLarge, a.buttonLargeGrey {
		color: #fff;
		background: url(../images/button_large.gif);
		width: 422px;
		height: 64px;
		line-height: 64px;
		font-size: 1.4em;
		display: block;
		text-align: center;
		margin-left: -0.5em;
	}
	
	a.buttonLargeGrey { background: url(../images/button_large_grey.gif);}
	
p.disclaimer {
	font-size: 0.8em;
	font-style: italic;
	color: #666;
	margin-top: 1em;

}


/* Layout Divs */

#container {
	width: 760px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

	#header {
		height: 100px;
		background: url(../images/header_bg.jpg);
	}
	
	#banner {
		height: 200px;
		background: #fff url(../images/banner_bg.jpg) top no-repeat;
		position: relative;
	}
	
		#flashbit {
			position: absolute;
			left: 179px;
			z-index: 150;
		}
	
	#content {
		padding: 25px 0;
		padding-left: 180px;
		
		background: #fff url(../images/content_bg.gif) top no-repeat;
	}

/*	Home Page Projects	*/
	
		#homeproj {
			background: #aaaaa7;
			font-size: 0.8em;
			width: 99%;
			overflow: hidden;
			padding-bottom: 1em;
			margin-bottom: 1em;
		}
		
			#homeproj h2 {
				color: #fff;
				font-size: 1.3em;
				background: url(../images/nav_pointer.gif) 5px 8px no-repeat;
				text-indent: 15px;
			}
			
			#homeproj ul {
				list-style: none;
				padding: 0.5em;
			}
			
				#homeproj li {
					float: left;
					width: 112px;
				}
				
					#homeproj p {
						padding:0.5em 0 0 0.3em;
						margin-top: -0.5em;
						border-left: 1px solid #5e5e5e;
					}
					
					#homeproj p span.title {
						color: #fff;
						font-size: 1.2em;
						font-weight: bold;
						display: block;
						height: 3em;
						width: 80%;
					}
					
					#homeproj li img {
						border: 1px solid #5e5e5e;
					}
					
/* Projects list */

	#prodList {
		list-style: none;
		padding: 0.5em;
		font-size:0.8em;
	}
	
		#prodList li {
			display: block;
			float: left;
			width: 100%;
			overflow: hidden;
			margin: 0.2em 0;
			border-bottom: 1px solid #ccc;
		}
		
		#prodList a {
			padding: 0.5em;
			display: block;
			width: 100%; 
			overflow: hidden
		}
		
			#prodList a:hover {
				color: #fff;
				background: #EF1C2F;
				text-decoration: none;
			}
		
		#prodList a span.title {
			color: #000;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		#prodList li a img {
			border: 1px solid #5e5e5e;
			float: left;
			margin-right: 0.5em;
		}
					
/* Colour Range */

	dl.colour {
		width: 130px;
		float: left;
		font-size: 0.8em;
		text-align: center;
		margin: 0.2em 0;
	}

/* Column	*/
	
	#column {
		width: 178px;
		float: left;
		padding-top: 20px;
		font-size: 0.8em;
		clear: left;
	}
	
		#column h2.head {
			color: #fff;
			margin-bottom: 0.5em;
		}
		
/* News */

	p.news {
	 border-bottom: 1px solid #ccc;
	 padding: 1em 0.5em;
	}
	
		span.date {
			color: #EC1C2A;
		}
		
		span.headline {
			font-weight: bold;
		}
	
/* Latest Projects */

	#column dl {
		font-size: 0.8em;
		padding: 1em;
		border-bottom: 1px solid #ccc;
	}
	
		#column dt {
			font-weight: bold;
		}
		
/* View latest Projects */
	#content.projects {
		
	}
	
	#content.projects h1 {
		position: relative;
		z-index: 70;
	}
	
	#content.projects h2 {
		font-size: 1.4em;
		color: #fff;
		background: #ccc;
		position:relative;
		z-index:80;
	}
	
		#content.projects h2 img {
			border: 1px solid #797979;
			vertical-align: middle;
			background: #fff;
			margin-right: 1em;
		}
	
	#content.projects dl {
		float: right;
		font-size: 0.8em;
		margin: 0.5em 0;
		width: 100%;
	}
	
		#content.projects dt {
			float: left;
			
			width: 5em;
			font-weight: bold;
		}
		
		#content.projects dd {
			float:left;
			width: 9em;
		}
		
/* Project Case Studies */

	div.case {
		border-bottom: 1px solid #ccc;
		padding: 0.5em 0;
		width: 98%;
	}
	
		div.case img {
			float: left;
			border: 1px solid #5e5e5e;
			margin: 1em;
		}
		
		div.case p.title {
			font-size: 0.9em;
			font-weight: bold;
			margin-top: 0.5em;
			 
		}
		
/* Product Buttons */
	
	#buttons {
		width: 100%;
		overflow: hidden;
		margin-top: 1em;
	}
	
	#buttons a {
		background: url(../images/button_proj.jpg);
		width: 268px;
		height: 64px;
		line-height: 64px;
		display: block;
		color: #fff;
		float: left;
		text-align: center;
	}
		
/* Form Stylin' */
		
			#contact_form {	
				padding: 0.5em;
				font-size: 0.8em;
			}
									
			#contact_form fieldset {
				padding: 1em;
				border: 1px solid #5e5e5e;
				margin-bottom: 0.5em;
				background: #ccc;
			}

			#contact_form fieldset legend {
				padding: 0 0.5em;
				font-size: 1em;
				color: #EC1C2A;
				background: #ccc;
				border: 1px solid #5e5e5e;
				border-bottom: none;
			}
			
			#contact_form fieldset label {
				display: block;
				width: 10em;
				float: left;
				clear: left;
				font-size: 1.2em;
			}
			
			#contact_form fieldset input {
				float: left;
				margin: 0 0 0.5em 0;
				font:1.2em  Arial, Helvetica, sans-serif;
				color: #333;
				width: 20em;
			}
			
			#contact_form input.formBtn {
				font-size: 1.2em;
				color: #EC1C2A;
			}
			
			#column #contact_form input {
				width: 10em;
			}
			
			#column #contact_form textarea{
				font-size: 1.2em;
				width: 10em;
				font-family: Arial, Helvetica, sans-serif;
			}
			
/* Mailchimp form style */

#mc-embedded-subscribe-form {
	font-size: 0.8em;
	padding: 0.5em;
}

	#mc-embedded-subscribe-form fieldset {
		border: 1px solid #ccc;
		padding: 1em;
	}
	
	#mc-embedded-subscribe-form legend {
		padding: 0.2em 0.5em;
		border: 1px solid #ccc;
		border-bottom: none;
		text-transform: uppercase;
		background: #666;
		color:#FFF;
	}
	
	#mc-embedded-subscribe-form .indicate-required {
		float: right;
		font-size: 0.8em;
		font-style: italic;
	}
	
	#mc-embedded-subscribe-form .mc-field-group {
		padding: 1em;
	}
	
		#mc-embedded-subscribe-form .mc-field-group input {
			width: 100%;
			height: 1.5em;
		}
	
	#mc-embedded-subscribe-form .input-group {
		padding: 1em;
	}
	
		#mc-embedded-subscribe-form .input-group input {
			width: inherit;
			height: 1em;
		}
	
		#mc-embedded-subscribe-form .input-group ul {
			list-style: none;
		}
			
/* Defonition List Contact */

	dl.contact {
		font-size: 0.9em;
		padding: 1em;
		float:left;
		width: 95%;
	}
	
		dl.contact dt {
			font-weight: bold;
			width: 8em;
			float: left;
			clear:left;
			padding: 0.2em 0;
		}
		
		dl.contact dd {
			width: 11em;
			float: left;
			padding: 0.2em 0;
		}
/*Contractors */

	dl.contractorList {
		font-size: 0.8em;
		padding: 1em;
		clear: left;
	}
	
		dl.contractorList dt {
			font-weight: bold;
			float: left;
			clear: left;
			width: 9em;
		}
		
	#images {
		width: 255px;
		border: 1px #ccc solid;
		float: right;
	}
	
		#images img {
			padding: 0.15em;
			border: 0;
		}
		
	p.heading {
		font-size: 1em;
	}
	
/*Gallery */

	p.gallery img {
		padding: 0.2em;
		margin: 0.2em;
		border: 1px solid #ccc;
	}
	
/* Colour Nav */

	#colourNav {
		padding: 0.5em;
	}
	
/* Downloads List */

#downloads {
	list-style: url(../images/pdf_icon.gif);
	margin: 0 3em;
	font-size: 0.8em;
}

	#downloads li {
		margin: 1em;
	}
	
/* Sitemap */

	#sitemap {
		font-size: 0.8em;
		margin: 0 2em;
	}
	
		#sitemap li {
			padding: 0.2em 0;
		}
	
		#sitemap ul {
			margin: 0 2em;
		}
			
/* Admin Tables */

#content table {
	font-size: 0.8em;
}

#content table tr.header {
	background-color:#666666;
	color:#FFFFFF;
	text-align:center;
}	

#content table tr.light {
	background-color:#CCCCCC;
	color:#000000;
	text-align:center;	
}

#content table tr.dark {
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;	
}	
/* Footer */

#footer {
	width: 760px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.7em;
	padding: 0.5em 0;
}