.hide {
	left:-5000px;
	position:absolute;
}

.display-none  { display : none; }
.display-block { display : block; }
.center { margin-left:auto; margin-right:auto; display:block; }

.clearfix {
	overflow: hidden;
}
.clearer { clear : both; height : 1px; }

p { padding : 15px 0 0 0; }

* {
	margin  : 0;
	padding : 0;
}

html, body {
	height: 100%;
}

a {
	color : #000;
	text-decoration : underline;
}
a:hover { text-decoration : none; color : #cc0000; }

h1, h2, h3, h4, h5, h6 {
	color : #000;
	font-weight : normal;
	line-height : 1.3em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration : none; }
h1 { font-size  : 2.0em; }


body {
	color : #000;
	background  : #fff;
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	font-size   : 82.5%;
	line-height	: 150%;
	font-weight	: normal;
	text-align	: center;
	font-size-adjust : none;
	font-stretch 	 : normal;
	font-style 		 : normal;
	font-variant	 : normal;
}
.wrapper {
	width  : 530px;
	padding-top : 75px;
	margin : 0 auto 0 auto;
}
	.wrapper .logo {
		width : 284px;
		height : 96px;
		margin : 0 auto;
		display : block;
		position : relative;
		text-indent : -9999px;
		background  : url(../images/home/logo.gif) no-repeat;
	}
	#navigation {
		width  : 520px;
		margin : 0 auto;
		background : url(../images/home/navigation.jpg) no-repeat top center;
		text-align : left;
	}
		#navigation li {
			float : left;
		}
			#navigation a { 
				width:92px; 
				height:75px;
				padding-top : 55px;
				display:block; 
				position:relative;
				text-decoration:none; 
				text-transform:uppercase;
				margin : 12px 12px 0 0;
			}
		#navigation .about { 
			background : url(../images/home/about.jpg) no-repeat right top;
			text-align : right;
			padding-right : 160px;
		}
		#navigation .residential { 
			margin-right:0; 
			background : url(../images/home/residential.jpg) no-repeat left top;
			text-align : left;
			padding-left : 160px;
		}
		#navigation .public {
			background : url(../images/home/public.jpg) no-repeat right top;
			text-align : right;
			padding-right : 160px;
		}
		#navigation .commercial { 
			margin-right:0;
			background : url(../images/home/commercial.jpg) no-repeat left top;
			text-align : left;
			padding-left : 160px;
		}
		#navigation .contact { 
			margin-top : 30px;
			margin-left : 50px;
			width : 150px;
			height : 40px;
		}
		
#footer {
	text-indent:-9999px;
}