/* WS Reset */
html { height:100%; }
body {
	margin:0;
	text-align:center;
	font-size:62.5%;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	color:#333;
	background:#fff;
}
h1, h2, h3, h4 { margin:0 0 5px; line-height:1em; font-weight:normal; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.2em; }
p { margin:0 0 15px; }
a { color:#333; }
a:link, a:visited { text-decoration:underline; }
a:active, a:focus, a:hover { text-decoration:none; }
ul, ol { margin:0; padding:0; }
li { margin-left:15px; }
img { border:none; vertical-align:top; }
blockquote { padding:0; margin:5px 10px; }
form { margin:0; padding:0; }
textarea { font-size:100%; font-family:Helvetica, Arial, sans-serif; }
td, th { vertical-align:top; }
/* WS Reset */

/* advanced clear */
.clearit:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearit-ie6 { clear:both; height:0; font-size:0; line-height:0; }
/* advanced clear */

/* basic clear */
.clear { clear:both; }
.clear.left { clear:left; }
.clear.right { clear:right; }
/* basic clear */

.alignleft { float: left; }
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; }

/* Lean, Mean Accessible Forms (adapted from http://www.alistapart.com/articles/prettyaccessibleforms) */
form.lmaform fieldset { margin-bottom:10px; }
	form.lmaform fieldset.submit { margin:0; border:none; padding:0; }
	
	form.lmaform legend { padding:0 2px; font-weight:bold; #margin:0 -7px; }
		form.lmaform label { display:-moz-inline-box; display:inline-block; line-height:1.8; vertical-align:top; }
		
		form.lmaform fieldset li { margin:0; padding:5px; list-style:none; }
			form.lmaform fieldset fieldset { margin:3px 0 0; border:none; }
				form.lmaform fieldset fieldset legend { padding:0 0 5px; font-weight:normal; }
					form.lmaform fieldset fieldset label { display:block; width:auto; }
			
			form.lmaform em { font-weight:bold; font-style:normal; color:#f00; }
/* End L.M.A. Forms */

div#container {
	text-align:left;
	font-size:1.2em;
	margin-bottom: -20px;
}

div#header-wrapper,
div#content-wrapper { position:relative; width:950px; margin:0 auto; }

div#header span.header-design-background {
	background: url(../images/header-design.png);
	position:absolute;
	height: 131px;
	width: 540px;
	top:0;
	right:0;
}

div#header { border-top:5px solid #005937; border-bottom:7px solid #8cbc1a; background:#037041 url(../images/header-bg.jpg) top left repeat-x; }
	div#header-wrapper {
		height:154px;
	}
		a#logo {
			position:absolute;
			top:26px;
			left:0;
			font-size:2.6667em;
			line-height:26px;
			color:#fff;
		}
			a#logo:link,
			a#logo:visited { text-decoration:none; }
		
		img#tagline {
			position:absolute;
			top:60px;
			left:64px;
			font-size:2em;
			line-height:55px;
			color:#fc0;
		}
		
		div#nav {
			position:absolute;
			right:0;
			bottom:0;
		}
			div#nav ul {
				min-height:42px;
				list-style:none;
				background:url(../images/nav-bg.jpg) bottom left repeat-x;
			}
				div#nav li {
					float:left;
					height:36px;
					margin:6px 0 0;
					line-height:36px;
				}
					div#nav li.first { background:url(../images/nav-tab-l.jpg) top left no-repeat; }
					div#nav li.last { background:url(../images/nav-tab-r.jpg) top right no-repeat; }
					
					div#nav li:hover,
					div#nav li.current {
						height:42px;
						margin-top:0;
						line-height:48px;
						background:#8cbc1a url(../images/nav-hilite-l.jpg) top left no-repeat;
						
					}
					
					div#nav a {
						display:block;
					}
						div#nav li.first a { border-left:none; }
						div#nav li.last a { border-right:none; }
						
						div#nav a:link,
						div#nav a:visited {
							padding:0 20px;
							border-left:1px solid #fff;
							border-right:1px solid #ccc;
							text-decoration:none;
						}
						
						div#nav a:active,
						div#nav a:focus,
						div#nav a:hover,
						div#nav li.current a:link,
						div#nav li.current a:visited,
						div#nav li.current a:active,
						div#nav li.current a:focus,
						div#nav li.current a:hover {
							border:none;
							padding:0 21px;
							background:url(../images/nav-hilite-r.jpg) top right no-repeat;
							color: #fff;
							font-weight:bold;
						}
							div#nav li.last a:active,
							div#nav li.last a:focus,
							div#nav li.last a:hover,
							div#nav li.last.current a { padding-right:20px; }

div#content {
	line-height:1.5em;
	background:#eaeaea url(../images/content-bg.jpg) top left repeat-x;
}
	div#content-wrapper {
		z-index:3;
		width:948px;
		background: #fff url(../images/content-sidebar-bg.jpg) top left repeat-y;
		
		min-height:400px;
		border: 2px solid #fff;
	}
	
	div#content-sidebar {
		float: left;
		padding: 20px;
		width: 230px;
		height: 100%;
	}
	
		div#content-sidebar div#new-products-sidebar,
		div#content-sidebar div#brochures-sidebar {
			width:200px;
			height:175px;
			margin-left:14px;
			padding-bottom:10px;
		}
		
		div#content-sidebar div#new-products-sidebar {
			background:url(../images/box-new-products.jpg) top left no-repeat;
		}
			div#content-sidebar div#new-products-sidebar p { padding:33px 11px 0; }
		
		div#content-sidebar div#brochures-sidebar {
			background:url(../images/brochure.jpg) top left no-repeat;
		}
			div#content-sidebar div#brochures-sidebar p { padding:33px 11px 0; }
			div#content-sidebar div#brochures-sidebar p.list { width:122px; margin-top:-6px; padding:0 11px; }
	
	div#content-body {
		float: left;
		padding: 10px;
		width: 650px;
	}
	
	div#content-body h1 {
		padding: 10px 0;
		font-size:2.188em;
		color:#007f4d;
	}
	
	div#content-body a {
		color: #719b0b;
	}
	
	div#content-body img {
		padding: 6px 6px 10px;
	}
	
	div.home-section {
		float:left;
		width:200px;
		margin:0 6px 10px 10px;
		padding:0 0 10px;
	}
		div#content-body div.home-section img {
			margin:0;
			padding:0;
		}
		
		div#content-body div.home-section img.title { border-bottom:1px solid #fff; }
		
		div.home-section-wrapper { margin:0; padding:5px; height:120px; }
		
		div.home-section-wrapper.left { background:url(../images/hb-bg-left.jpg) top left no-repeat; }
		div.home-section-wrapper.mid { background:url(../images/hb-bg-mid.jpg) top left no-repeat; }
		div.home-section-wrapper.right { background:url(../images/hb-bg-right.jpg) top left no-repeat; }
		
			div.home-section-wrapper ul li { list-style-image:url(../images/hb-bullet.gif); }
	
	ul.catalog,
	ul.sidebar {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul.catalog li {
		float: left;
		text-align: center;
		height: 170px;
		width: 130px;
	}
	
		ul.catalog.new-products li { height:130px; }
	
	ul.catalog img {
		border: 1px solid #ccc;
		display: block;
		margin-bottom: 5px;
		padding: 5px;
		height: 90px;
		width: 115px;
	}
	
	ul.sidebar li {
		border-bottom: 1px solid #ccc;
		padding: 10px;
	}
	
	ul.sidebar li a {
		font-size: 1.25em;
		text-decoration: none;
	}
	
	ul.sidebar.product ul li.category-title {
		background: #8cbc1a url(../images/category-title-top.png) top left no-repeat;
		font-size: 1.125em;
		font-weight: bold;
		color: #fff;
		height: 15px;
		list-style: none;
		margin:5px 0 5px 15px;
		text-transform: uppercase;
	}
	
		ul.sidebar.product ul li.category-title a {
			font-size: 1em;
			font-weight: bold;
			color: #fff;
		}
	
	ul.sidebar.product ul li.category-title span {
		background: url(../images/category-title-bottom.png) bottom left no-repeat;
		display: block;
		height: 8px;
		margin-left: -10px;
		margin-right: -10px;
	}
	
	ul.sidebar.product ul li.product-item {
		font-size: 0.875em;
		padding: 5px 8px 0 8px;
		border-bottom: none;
	}
		ul.sidebar.product ul li.product-item a {
			padding-left:15px;
			background-position:2px 4px;
			background-repeat:no-repeat;
		}
	
	ul.sidebar.product ul li {
		list-style:none;
		vertical-align: baseline;
	}
		ul.sidebar.product ul li a { background-image:url(../images/bullet-product-list.jpg); }
	
	ul.sidebar.product ul li.product-item.current {
		background: #969696 url(../images/product-active-top.png) top left no-repeat;
	}
		ul.sidebar.product ul li.product-item.current a { color:#fff; background-image:url(../images/bullet-product-active.jpg); }
		
		ul.sidebar.product ul li.product-item.current span {
			background: url(../images/product-active-bottom.png) bottom left no-repeat;
			display: block;
			height: 5px;
			margin-left: -8px;
			margin-right: -10px;
		}
	
	/** case studies **/
	div#case-studies div.image-text { float:left; width:195px; height:260px; padding:5px 15px 5px 5px; }
		div#case-studies div.image-text img { padding:6px; border:1px solid #ccc; }
		div#case-studies div.image-text div.text { padding:5px; }
	
	/** contact us **/
	span.required {
		color: #f00;
	}
	
	input.text {
		border: 1px solid #8cbc1a;
		padding: 5px;
		width: 200px;
	}
	
	textarea {
		border: 1px solid #8cbc1a;
		height: 100px;
		width: 300px;
	}
	
	input.submitform {
		background: url(../images/submitbtn-main.png) top left no-repeat;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 1.285em;
		text-transform: uppercase;
		padding: 5px;
		height: 32px;
		width: 122px;
	}

	.enquirebutton a {
		background: url(../images/submitbtn-main.png) top left no-repeat;
		color: #fff !important;
		display: block;
		padding: 8px 0 0 0;
		height: 30px;
		width: 122px;
		font-size: 1.285em;
		text-align: center;
	}
	
	input.submitform:hover {
		background: url(../images/submitbtn-hover.png) top left no-repeat;
	}
	
	div#faux-footer {
		z-index:1;
		width:100%;
		height:90px;
		background: #036e40 url(../images/footer-bg.jpg) top left repeat-x;
	}

div.footer-spacer {
	padding-top: 30px;
}

div#footer {
	border-bottom: 7px solid #8cbc1a;
	position: absolute;
	bottom: 0;
	width: 100%;
	background:#fff;
}

div#footer span {
	padding: 2px 5px;
}

/* Hacks */
* html div#nav { width:630px; }
* html div#nav ul { height:36px; }
* html div#content-wrapper { height:400px; }

* html .alignleft,
* html .alignright,
* html div#content-sidebar,
* html div#content-body,
* html ul.catalog li { display:inline; }

* html div#header-wrapper,
* html div#content-wrapper { zoom:1; }

* html ul.sidebar.product ul li.category-title { padding-bottom: 0; }
* html div#container,
* html ul.sidebar.product ul li.category-title span,
* html ul.sidebar.product ul li.product-item.current span { position:relative; zoom:1; }

* html div#nav li { display:inline-block; margin:0; }
	* html div#nav li.first { background:none; }
		* html div#nav li.first a:link,
		* html div#nav li.first a:visited,
		* html div#nav li.first a:active,
		* html div#nav li.first a:focus,
		* html div#nav li.first a:hover { border-left:none; }
	
	* html div#nav li.last { background:none; }
		* html div#nav li.last a:link,
		* html div#nav li.last a:visited,
		* html div#nav li.last a:active,
		* html div#nav li.last a:focus,
		* html div#nav li.last a:hover { border-right:none; }
	
	* html div#nav li:hover,
	* html div#nav li.current {
		height:36px;
		line-height:36px;
		background-color:#8cbc1a;
		background-image:none;
	}
	
	* html div#nav a { zoom:1; display:inline-block; }

* html div#nav a:active,
* html div#nav a:focus,
* html div#nav a:hover,
* html div#nav li.current a:link,
* html div#nav li.current a:visited,
* html div#nav li.current a:active,
* html div#nav li.current a:focus,
* html div#nav li.current a:hover { font-weight:normal; background-color:#8cbc1a; background-image:none; }

* html div#nav li.current a:link,
* html div#nav li.current a:visited { border:none; }

* html div.home-section.first { margin-left:5px; }