html {
	overflow-y: scroll;
	margin-bottom: 1px;
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #666;
	font-size: 80%;
	font-family: Arial;
	background: url("../images/bg.gif");
}



/* STRUCTURE CSS */

#wrapperOuter {
	width: 900px;
	height: 100%;
	margin: 0px auto 0px auto;
	background-color: #fff;
}

#wrapper {
	float: left;
	width: 100%;
	background-color: #fff;
}

#header {
	float: left;
	width: 880px;
	height: 142px;
	margin-left: 10px;
	border-bottom: 1px solid #ccc;
}

#logo {
	float: left;
	margin-left: 15px;
	margin-top: 40px;
}

#address {
	float: right;
	margin-right: 10px;
	margin-top: 40px;
}
	#address span {
		color: #003399;
		font-size: 90%;
		margin-left: 20px;
	}
	#address span:first-child {
		margin-left: 0px;
	}

#menu {
	float: left;
	clear: both;
	width: 100%;
	height: 15px;
	margin-top: 10px;
}

#content {
	float: left;
	width: 880px;
	margin-left: 10px;
	margin-top: 20px;
	padding-bottom: 20px;
}
	#contentHead {
		float: left;
		width: 100%;
		min-height: 290px;
		background: url("../images/mainimage-shadow.jpg") bottom no-repeat;
	}
		.noshadow {
			background: none !important;
		}
		#contentHead #panels {
			float: left;
			margin-left: 30px;
			margin-top: 50px;
		}
			#panels .panelOuter {
				float: left;
				width: 233px;
				height: 165px;
				margin-right: 50px;
				margin-bottom: 30px;
				background: url("../images/panel-shadow.jpg") bottom no-repeat;
			}
			#panels .panel {
				float: left;
				width: 100%;
				height: 155px;
				border: 2px solid #DCDCDC;
			}
			#panels .panel a {
				display: block;
				position: relative;
				overflow: hidden;
				height: 155px;
				width: 100%;
			}
			#panels .panel img {
				position: absolute;
				top: 0;
				left: 0;
			}
				#panels #com-1 { background: url("../images/content/panels/commercial/commercial-panel-1-back.jpg") no-repeat; }
				#panels #com-2 { background: url("../images/content/panels/commercial/commercial-panel-2-back.jpg") no-repeat; }
				#panels #com-3 { background: url("../images/content/panels/commercial/commercial-panel-3-back.jpg") no-repeat; }
				#panels #com-4 { background: url("../images/content/panels/commercial/commercial-panel-4-back.jpg") no-repeat; }
				#panels #com-5 { background: url("../images/content/panels/commercial/commercial-panel-5-back.jpg") no-repeat; }
				#panels #com-6 { background: url("../images/content/panels/commercial/commercial-panel-6-back.jpg") no-repeat; }
				#panels #com-7 { background: url("../images/content/panels/commercial/commercial-panel-7-back.jpg") no-repeat; }
				#panels #com-8 { background: url("../images/content/panels/commercial/commercial-panel-8-back.jpg") no-repeat; }
				#panels #com-9 { background: url("../images/content/panels/commercial/commercial-panel-9-back.jpg") no-repeat; }
				#panels #res-1 { background: url("../images/content/panels/residential/residential-panel-1-back.jpg") no-repeat; }
				#panels #res-2 { background: url("../images/content/panels/residential/residential-panel-2-back.jpg") no-repeat; }
				#panels #res-3 { background: url("../images/content/panels/residential/residential-panel-3-back.jpg") no-repeat; }
				#panels #res-4 { background: url("../images/content/panels/residential/residential-panel-4-back.jpg") no-repeat; }
				#panels #res-5 { background: url("../images/content/panels/residential/residential-panel-5-back.jpg") no-repeat; }
				#panels #res-6 { background: url("../images/content/panels/residential/residential-panel-6-back.jpg") no-repeat; }
				#panels #res-7 { background: url("../images/content/panels/residential/residential-panel-7-back.jpg") no-repeat; }
				#panels #res-8 { background: url("../images/content/panels/residential/residential-panel-8-back.jpg") no-repeat; }
				#panels #res-9 { background: url("../images/content/panels/residential/residential-panel-9-back.jpg") no-repeat; }

	#contentBody {
		float: left;
		width: 100%;
	}
		#contentBody #columnLeft {
			float: left;
			width: 570px;
			padding-top: 20px;
			padding-left: 15px;
			padding-right: 15px;
		}
			#contentBody #columnLeft #contentPadding {
				float: left;
				width: 500px;
				margin: 0px 45px 0px 25px;
			}
			#contentBody #columnLeft .columns {
				float: left;
				width: 790px;
			}
				#contentBody #columnLeft .columns .col {
					float: left;
					width: 165px;
					min-height: 170px;
					padding-left: 50px;
					margin-left: 70px;
					background: url("../images/column-bg.gif") left repeat-y;
				}
				#contentBody #columnLeft .columns .col:first-child {
					margin-left: 0px;
				}
				#contentBody #columnLeft .columns .col p {
					font-size: 90%;
				}
		#contentBody #columnRight {
			float: left;
			width: 229px;
			padding-left: 25px;
			padding-right: 25px;
			padding-top: 10px;
			border-left: 1px solid #ccc;
		}
			#contentBody #columnRight img {
				margin-bottom: 6px;
			}
		
		.biography {
			float: left;
			width: 521px;
			height: 354px;
			background: url("../images/bg-biography.gif") no-repeat;
		}
			.biographyInner {
				float: left;
				width: 461px;
				height: 254px;
				margin-top: 50px;
				margin-left: 30px;
			}
			.biographyText {
				float: left;
				width: 230px;
				margin-right: 20px;
			}
				.biography p {
					color: #fff;
					font-size: 85%;
					margin-top: 12px;
				}
			.biographyPicture {
				float: left;
				width: 190px;
			}
			#fancybox-wrap {
				width: 521px !important;
			}
			#fancybox-content {
				border-width: 0px !important;
			}

#footer {
	float: left;
	width: 860px;
	padding: 20px 10px 20px 10px;
	margin-left: 10px;
	border-top: 1px solid #ccc;
}
	#footer #columnLeft {
		float: left;
		width: 430px;
	}
	#footer #columnRight {
		float: left;
		width: 430px;
		text-align: right;
	}
	#footer p {
		color: #999;
		font-size: 85%;
		margin: 0px;
		padding: 0px;
	}
	#footer p a {
		color: #999;
	}
		#footer p a:hover {
			color: #666;
		}



/* CONTENT CSS */

p {
	font-size: 110%;
	line-height: 130%;
	margin: 0px;
	margin-bottom: 12px;
}

.headline {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	color: #003399;
	font-size: 230%;
}
.headlineSub {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #8EA3D1;
	font-size: 230%;
	font-weight: normal;
}

.small {
	font-size: 90%;
}
.xsmall {
	font-size: 80%;
}
.black {
	color: #000;
}
.blue, .blue a {
	color: #003399;
}

a {
	color: #666;
	text-decoration: none;
}
	a:hover {
		color: #333;
	}

.arrow span {
	float: left;
	padding-right: 10px;
	cursor: pointer;
}
.arrow img {
	float: left;
	margin-top: 1px;
}

img {
	border: 0px;
}



/* MENU CSS */

#menu ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#menu ul li {
		float: left;
		color: #666;
		margin: 0px;
		padding: 0px;
		border-left: 1px solid #ccc;
	}
	#menu ul li:first-child {
		border-left: 0px;
	}
		#menu ul li a {
			color: #666;
			text-decoration: none;
			padding: 0px 10px 5px 10px;
			display: block;
		}
		#menu ul li a:hover {
			color: #333;
		}
	#menu ul li.active a {
		color: #003399;
	}




/* UTILITY CSS */

.clear {
	clear: both;
}
.nomargin {
	margin: 0px !important;
}
.hidden {
	display: none;
}
.columnLeft {
	float: left;
	width: 40%;
}
.columnRight {
	float: left;
	width: 40%;
	margin-left: 40px;
}