<!--

	/*	ECL Ductwork
		www.ecl-ductwork.co.uk

	------------------------------------------------------------------------

		Copyright 2007 E. Chambers (MES) Ltd. All rights are reserv'd.

		Basically, don't steal anything, or else I'll have to use
		my kung-fu on you.

		Furthermore: 'Nachos!'

	----------------------------------------------------------------------*/


	/*	WHITE SPACE RESET AND DEFAULTS AND THAT
	----------------------------------------------------------------------*/

		@import url('reset.css');
		@import url('defaults.css');


	/*	HTML AND BODY
	----------------------------------------------------------------------*/

		html {}

			body {
				background: url('../images/bg/body.png') center top repeat-x;
				font:       normal normal normal 62.5%/100% 'Trebuchet MS', sans-serif;
			}


	/*	HEADER
	----------------------------------------------------------------------*/

		#header {
			height:      130px;
			padding-top: 20px;
		}

			#header h1 {
				color:       #31599F;
				font-size:   2.4em;
				padding-top: 50px;
			}

				#header h1 a {
					color:           #31599F;
					text-decoration: none;
				}

				#header h1 a:hover {
					text-decoration: underline;
				}

			#header h2 {
				color:       #464646;
				font-size:   1.6em;
				line-height: 1.2em;
				padding-top: 10px;
				width:       55%;
			}

			#header img {
				margin: 25px 25px 25px 0;
			}

			#header strong {
				font-weight: bold;
			}

			#header ul {
				height: 25px;
			}

				#header ul li
				{
					float:       left;
					margin-left: 2px;
				}

					#header ul li a {
						background:      url('../images/bg/nav_left.png') left top no-repeat;
						color:           #FFF;
						display:         block;
						font-size:       1.4em;
						line-height:     25px;
						padding-left:    10px;
						text-decoration: none;
					}

						#header ul li a:hover,
						#header ul li a.active {
							background-position: left bottom;
							text-decoration:     none;
						}

							#header ul li a.active:hover {
								text-decoration: underline;
							}

						#header ul li a span {
							background:    url('../images/bg/nav_right.png') right top no-repeat;
							display:       block;
							padding-right: 10px;
						}

							#header ul li a:hover span,
							#header ul li a.active span {
								background-position: right bottom;
							}


	/*	BANNER
	----------------------------------------------------------------------*/

		#banner {
			background-position: center center;
			background-repeat:   no-repeat;
			height:              150px;
			padding-left:        13px;
		}

			.banner_1 { background-image: url('../images/banner/1.jpg'); }
			.banner_2 { background-image: url('../images/banner/2.jpg'); }
			.banner_3 { background-image: url('../images/banner/3.jpg'); }
			.banner_4 { background-image: url('../images/banner/4.jpg'); }
			.banner_5 { background-image: url('../images/banner/5.jpg'); }
			.banner_6 { background-image: url('../images/banner/6.jpg'); }

			#banner h2 {
				color:         #1F4187;
				font-size:     2.4em;
				line-height:   1.2em;
				margin-bottom: 16px;
				padding-top:   10px;
			}

			#banner p {
				color:     #FFF;
				font-size: 1.6em;
			}


	/*	CONTENT
	----------------------------------------------------------------------*/

		#content {
			padding: 15px 0 0 0;
			width:   400px;
		}

			#content a {
				color:           #0868AC;
				text-decoration: underline;
			}

				#content a:hover {
					background-color: #0868AC;
					color:            #FFF;
					text-decoration:  none;
				}

			#content h3 {
				border-bottom:  1px solid #CACACA;
				color:          #0868AC;
				font-size:      2em;
				line-height:    1.4em;
				padding-bottom: 4px;
			}

			#content h4 {
				color:     #468EC1;
				font-size: 1.6em;
				margin:    15px 0;
			}

				#content h4.intro {
					color:       #666;
					font-size:   1.6em;
					line-height: 1.2em;
					margin:      0.7em 0;
				}

			#content p {
				color:       #111;
				font-size:   1.2em;
				line-height: 1.7em;
				margin:      0.9em 0;
			}

			#content strong {
				font-weight: bold;
			}

			#content ul {}

				#content ul li {
					background:   url('../images/icon/bullet_blue.png') left 2px no-repeat;
					color:        #333;
					font-size:    1.2em;
					line-height:  1.7em;
					padding-left: 16px;
				}


		/*	CONTACT FORM
		------------------------------------------------------------------*/

			#content form {
				background: transparent url('../images/bg/form.png') left top no-repeat;
				margin:     0 auto;
				width:      400px;
			}

				#content form fieldset {
					border:  none;
					padding: 5px 10px 0 10px;
				}

					#content form fieldset legend {
						display:     none;
						font-size:   1.4em;
						font-weight: bold;
					}

					#content form fieldset label {
						font-size:   1.2em;
						font-weight: bold;
						line-height: 25px;
						margin:      5px 0;
					}

					#content form fieldset input {
						font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size:   1.2em;
						margin:      5px 0;
						width:       190px;
					}

					#content form fieldset input.submit {
						cursor:         pointer;
						font-size:      1.2em;
						font-weight:    bold;
						letter-spacing: 1px;
						text-align:     center;
						vertical-align: middle;
						width:          95px;
					}

					#content form fieldset textarea {
						font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: 1.2em;
						margin:      5px 0;
						width:       190px;
					}

			#content span.captcha {
				display:     block;
				font-size:   1.2em;
				font-weight: bold;
				margin-top:  5px;
			}

				#content span.captcha input {
					font-size:  1em;
					font-weight: normal;
					width:      19px;
					margin:     0 0 0 5px;
					text-align: center;
				}

			.report {
				background-color:    #F7F7F7;
				background-position: 12px 12px;
				background-repeat:   no-repeat;
				border-style:        solid;
				border-width:        1px 0;
				margin:              10px 0;
				padding:             0 15px 9px 38px;
			}

			.report h4 {
				border:     none;
				margin-top: 3px;
			}

			.error {
				background-image: url('../images/icon/error.png');
				border-color:     #E15C51;
			}

				.error h4 {
					color: #E15C51 !important;
				}

				.error ul li {
					background-image: url('../images/icon/bullet_red.png') !important;
				}

			.success {
				background-image: url('../images/icon/success.png');
				border-color:     #6EC260;
				margin-bottom:    150px;
			}

				.success h4 {
					color: #6EC260 !important;
				}


	/*	SIDEBAR
	----------------------------------------------------------------------*/

		#sidebar {
			padding-top: 15px;
			width:       200px;
		}

			#sidebar a {
				color:           #666;
				font-weight:     bold;
				text-decoration: none;
				padding-left: 20px;
			}
			
				#sidebar a:hover {
					color:               #31599F;
					text-decoration:     none;
				}

				#sidebar a.contact_link {
					background:      #FFF url('../images/icon/email.png') left top no-repeat;
				}
	
				#sidebar a.map_link {
					background: #FFF url('../images/icon/map.png') left center no-repeat;
				}

			#sidebar h3 {
				border-bottom:  1px solid #CACACA;
				color:          #999;
				font-size:      2em;
				line-height:    1.4em;
				padding-bottom: 4px;
			}

			#sidebar h4 {
				border-bottom: 1px dotted #CCC;
				color:         #333;
				font-size:     1.6em;
				font-weight:   bold;
				margin:        20px 0;
			}

			#sidebar p {
				color:       #444;
				font-size:   1.2em;
				line-height: 1.7em;
				margin:      0.9em 0;
			}

				#sidebar p.grey_text {
					color:       #999;
					font-size:   1em;
					line-height: 1.3em;
				}

			#sidebar strong {
				font-weight: bold;
			}


	/*	FOOTER
	----------------------------------------------------------------------*/

		#footer {
			background: url('../images/bg/footer.png') bottom center repeat-x;
			height:     80px;
		}

			#footer #spec_details {
				background: url('../images/bg/spec_details.png') center center no-repeat;
				height:     40px;
				margin-top: 20px;
				padding:    10px 14px;
			}

				#spec_details a {
					color:           #468EC1;
					text-decoration: underline;
				}

					#spec_details a:hover {
						text-decoration: none;
					}

				#spec_details p {
					color:       #999;
					font-size:   1.4em;
					line-height: 20px;
				}

					#spec_details p#dw144 {
						background-color: #A2C6E0;
						color:            #FFF;
						font-size:        1.8em;
						line-height:      20px;
						padding:          6px;
						margin-top:       4px;
					}

			#footer #copyright_and_that {
				height:  20px;
				padding: 0 14px;
			}

				#copyright_and_that a {
					color:           #BBB;
					text-decoration: underline;
				}

					#copyright_and_that a:hover {
						text-decoration: none;
					}

				#copyright_and_that p {
					color:       #EEE;
					font-size:   1.2em;
					line-height: 20px;
					padding:     0;
					margin:      0;
				}


	/*	Thanks for playing...
	----------------------------------------------------------------------*/

-->