@charset "utf-8";
/* CSS Document */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
1. DEFAULTS
2. LAYOUT
3. HEADERS
4. UNIVERSAL
5. CONTACT
6. PRODUCTS
*/

/* ----- 1. DEFAULTS ----- */
* {
	margin:0;
}
html, body {
	height:100%;
}
body {
	background: #000 url(images/background.gif);
	font:12px Arial, Helvetica, sans-serif;
	color:#fc0;
}
p {
	margin:0 0 10px 0;
}
h1, h2, h3, h4, h5, h6 {
	margin:15px 0 5px 0;
}
h1 {
	font-size:2.2em;
}
h2 {
	font-size:2em;
}
h3 {
	font-size:1.8em;
}
h4 {
	font-size:1.6em;
}
h5 {
	font-size:1.4em;
}
h6 {
	font-size:1.2em;
}
a {
	font-weight:bold;
}
	a:link {
		color:#ed3b05;
	}
	a:hover, a:active {
		color:#fc0;
	}
	a:visited {
		color:#c03207;
	}
.list li {
	background:url(images/bullit.png) no-repeat 0 3px;
	padding:0 0 0 16px;
	margin:0 0 5px 5px;
}
ol {
	list-style-type:decimal;
	margin:10px 40px;
}
	ol li {
		margin-bottom:5px;
	}
i {
	display:none;
}


/* ----- 2. LAYOUT ----- */
#nav img, #nav a, #nav2 a, #logo a, #tagline, .corners, .headers {
			behavior: url(iepngfix.htc);
}
.corners{
	margin:10px 0;
	padding: 20px;
	background: url(images/back_corners.png);
	overflow:hidden;
}
	#warn {
		background:#F09900;
	}
		#warn * {
			color:#000;
		}
.thumbnails {
	padding:10px;
}
.wrap {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
#banner {
	height:107px;
	background:url(images/back_banner.gif) repeat-x;
	margin-bottom:10px;
}
	#logo {
		float:left;
		margin:0;
	}
		#logo a {
			display:block;
			width:340px;
			height:107px;
			background: url(images/logo.png) no-repeat;
		}
#nav {
	width:635px;
	float:right;
}
	#nav ul, #nav2 ul {
		height:43px;
	}
		#nav li, #nav2 li {
			display:inline;
			float:left;
		}
			#nav a, #nav2 a {
				display:block;
				height:30px;
				overflow:hidden;
				padding:13px 15px 0 15px;
			}
			#nav a:hover, #nav a:active, #nav2 a:hover, #nav2 a:active {
				background-image:url(images/back_nav.png);
			}
#tagline {
	background:url(images/tagline.png) no-repeat right;
	height:15px;
	margin:10px 0 0 0;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -166px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height:166px;
	clear:both;
}
#footer {
	margin-top:20px;
	height:146px;
	background: url(images/back_footer.gif) repeat-x;
}
	#footer p {
		color:#000;
		font-size:.8em;
		margin:15px 0 0 20px;
	}
	.vrb:link, .vrb:visited {
		color:#000;
	}
	.vrb:hover, .vrb:active {
		color:#c03207;
	}
	#footer .corners {
		float:right;
		width:300px;
		background-color:#0e0e0d;
	}
	.phone, .email {
		padding: 0 0 0 40px;
	}
	.phone {
		background:url(images/i_phone.png) no-repeat 0 3px;
		font-size:1.6em;
		font-weight:bold;
		line-height:33px;
	}
	.email {
		background:url(images/i_email.png) no-repeat left center;
		line-height:22px;
	}
.col1, .col2, .column {
	overflow:hidden;
}
.col1 {
	width:325px;
	margin-right:25px;
	float:left;
}
.col2 {
	width:630px;
	float:left;
}
.column2 {
	margin-top:20px;
}
/* ----- 3. HEADERS ------ */
.headers {
	background-repeat:no-repeat;
	margin:10px 0;
	padding:0;
}
	#h_quickcon {
		background-image: url(images/h_quickcon.png);
		height:27px;
		margin:0;
	}
	#h_mission {
		background-image:url(images/h_mission.png);
		height:25px;
	}
	#h_about {
		background-image:url(images/h_about.png);
		height:31px;
	}
	#h_contact {
		background-image:url(images/h_contact.png);
		height:31px;
	}
	#h_app1, #h_app2 {
		background-image:url(images/h_applications.png);
		height:29px;
		padding-top:2px;
	}
		#h_app1 {
			width:202px;
		}
		#h_app2 {
			padding-left:216px;
			font-size:1.6em;
		}	
	#h_serv1, #h_serv2 {
		background-image:url(images/h_services.png);
		height:29px;
		padding-top:2px;
	}
		#h_serv1 {
			width:136px;
		}
		#h_serv2 {
			padding-left:150px;
			font-size:1.6em;
		}
#h_prod1, #h_prod2 {
		background-image:url(images/h_products.png);
		height:29px;
		padding-top:2px;
		
	}
		#h_prod1 {
			width:148px;
		}
		#h_prod2 {
			padding-left:162px;
			font-size:1.6em;
		}
/* ------ 4. UNIVERSAL ------ */
.imgr {
	float:right;
	margin:0 0 10px 10px;
}
.beforeafter {
	display:block;
	margin:30px 0;
}
.thumbnails img {
	margin-right:4px;
}
	.thumbnails p {
		text-align:right;
		font-size:.8em;
		margin:0;
		color:#ed3b05;
	}
.pdfbutton {
	display:block;
	width:48px;
	text-decoration:none;
	font-size:.8em;
	text-align:center;
	float:left;
	margin-right:10ipx;
}
.gone {
	display:none;
}
/* ----- 5. CONTACT ----- */
#contactform2, #contactform {
	width:600px;
	height:150px;
}
#contactform {
	background: url(images/back_corners.png);
	overflow:hidden;
}
#contactform td {
	padding:0 5px 5px 0;
	vertical-align:top;
}
.txt, .txtarea {
	border:1px solid #fc0;
}
	.txtarea {
		font:12px Arial, Helvetica, sans-serif;
		width:300px;
		height:80px;
	}
	.sub {
		text-align:right;
		margin:10px 10px 0 0;
	}
/* ------ 6. PRODUCTS ----- */
.colours h3 {
	margin:0;
}
.colours img {
	vertical-align:middle;
	margin-right:10px;
}