* {
	margin: 0;
	padding: 0;
	border: 0;
}
	body {
		font-size: 62.5%;
		text-align: center;
		background-color: #cad5dd;
	}
/** LAYOUT **/
#wrapper {
	margin: auto;
	width: 970px; 
}
	#header {
		height: 138px;
		position: relative; 
	}
		* html #header {
			text-align: left;
		}
		*+html #header {
			text-align: left;
		}
		#header h1 {
			width: 304px;
			text-indent: -9999px;
			background: url(../pix/logo.jpg) no-repeat;
			height: 138px;
		}
			#header h1 a {
				display: block;
				width: 304px;
				height: 138px;
			}
		#header ul {
			width: 647px;
			list-style: none;
			position: absolute;
			bottom: 0;
			right: 0;
			overflow: hidden;
			height: 108px;
		}
			#header ul li {
				float: left;
				height: 108px;
			}
				#header ul li a {
					height: 108px;
					display: block;
					text-indent: -9999px;					
				}
					#header ul li a#zoning {
						background: url(../pix/zoning.jpg) no-repeat;
						width: 130px;
					}
						#header a#zoning:hover, #header a#zoning.active {
							background: url(../pix/zoning_ovr.jpg) no-repeat !important;							
						}
					#header ul li a#permits {
						background: url(../pix/permits.jpg) no-repeat;
						width: 129px;
					}
						#header #permits:hover, #header a#permits.active {
							background: url(../pix/permits_ovr.jpg) no-repeat !important;
						}
					#header ul li a#other-services {
						background: url(../pix/other-services.jpg) no-repeat;
						width: 129px;
					}
						#header #other-services:hover, #header a#other-services.active {
							background: url(../pix/other-services_ovr.jpg) no-repeat !important;
						}
					#header ul li a#about-us {
						background: url(../pix/about-us.jpg) no-repeat;
						width: 129px;
					}
						#header #about-us:hover, #header #about-us.active {
							background: url(../pix/about-us_ovr.jpg) no-repeat !important;
						}
					#header ul li a#contact-us {
						background: url(../pix/contact-us.jpg) no-repeat;
						width: 130px;
					}
						#header #contact-us:hover, #header #contact-us.active {
							background: url(../pix/contact-us_ovr.jpg) no-repeat !important;
						}
		#middle {
			overflow: hidden;
			padding: 30px 0;
			position: relative;
		}
			* html #middle {
				float: left;
				width: 100%;
			}
			#link_home {
				position: absolute;
				top: 0;
				right: 0;
			}		
				* html #link_home {
					position: relative !important;
					float: right;
					margin-top: -30px;
				}
				#link_home a {
					display: block;
					width: 53px;
					height: 16px;
					background: url(../pix/link_home.jpg);
					text-indent: -9999px;
				}
			#sidebar {
				float: left;
				width: 304px;
			}
				#sidebar #contact {
					margin-top: 30px;
					width: 304px;
					padding: 26px 0;
					height: 183px;
					background: url(../pix/contact-data.jpg) no-repeat;
					text-align: left;
					font: 1.2em/1.3 Lucida Sans Unicode, Tahoma, Arial, sans-serif;	
					color: #3a3a3a;
				}
					#contact h3 {
						text-indent: -9999px;
						background: url(../pix/contactus.jpg) no-repeat;
						margin-left: 26px;
					}
					#contact table {
						margin: 1em auto 0;
						width: 260px !important;
					}
						#contact table td {
							font-size: 0.9em;
						}
					#contact ul {
						list-style: none;
						margin: 0.1em 2em;
					}
					#contact a {
						color: #0f5081;
					}
						#contact a:visited, #contact a:active {
							color: #ad969d;
						}
						#contact a:hover {
							text-decoration: none;
							color: #b64300;
						}
			#content {
				width: 605px;
				padding: 10px 20px;
				background-color: #eff6ff;
				float: left;
				border: 1px solid #fff;
				margin-left: 19px;
				font: 1.2em/1.4 Lucida Sans Unicode, Tahoma, Arial, sans-serif;
				min-height: 518px;
				height: auto !important;
				height: 518px;
				text-align: left;
				color: #464646;
			}		
				* html #content {
					padding: 10px;
					width: 625px;
				}
				#content ul, #content ol {
					margin: 1em 2em;
				}
				#content h2, #content h3 {
					margin: 0.5em 0;
				}
				* html #content h2, * html #content h3 {
					font-size: 1.2em;
				}
				#content a {
					color: #0f5081;
				}
					#content a:active, #content a:visited {
						color: #b64300;
					}
					#content a:hover {
						text-decoration: none;
						color: #0f5081;
					}
				#content form {
					width: 90%;
					margin: auto;
				}
					#content form .field, #content form .label {
						padding: 5px;
					}
					#content form .label {
						vertical-align: middle;
					}
					#content form input, #content form .field textarea {
						padding: 5px;
						font: 1.2em/1.3 Georgia, Tahoma, Arial, sans-serif;
						border: 1px solid #efefef;
					}
					#content form .invalid {
						color: #f00;
					}	

		#footer {
			clear: both;
			height: 60px;
			background: url(../pix/bg_footer.jpg) repeat-x;
			font: 1.1em/60px Lucida Sans Unicode, Tahoma, Arial, sans-serif;
			color: #464646;
		}	
			#footer address {
				width: 35%;
				float: left;
				font-style: normal;
			}				
			#footer a {
				color: #464646;
				text-decoration: none;
			}
				#footer a:hover {
					color: #b64300;
					text-decoration: underline;
				}