/**************************************************************
	Global Style
**************************************************************/

html, body {
	text-align: center;
	}
	
	body {
		background: #fff;
		padding: 0;
		margin: 0;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		}
	
.alt {
	display: none;
	}
	
p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	}
	
a {
	color: #387c9f;
	}

/**************************************************************
	Header Style
**************************************************************/

#header {
	width: 900px;
	height: 200px;
	display: block;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	}

	#header h1 {
		margin: 0;
		padding: 0;
		}
			
		#header h1 a {
			background: url('../images/logo.jpg') no-repeat;
			display: block;
			width: 178px;
			height: 135px;
			margin: 0 auto 0 auto;
			}

	#header #mainNav, #header #projectsNav {
		position: relative;
		left: 220px;
		top: 10px;
		display: block;

		}
		
	#header #projectsNav {
		top: 15px;
		width: 700px;
		left: 195px;
		clear: both;
		}
				
	#header #mainNav, #header #mainNav li, #header #projectsNav, #header #projectsNav li {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
		#header #mainNav li, #header #mainNav li a, #header #projectsNav li, #header #projectsNav li a {
			float: left;
			}
			
		#header #mainNav li a, #header #projectsNav li a {
			color: #000;
			text-decoration: none;
			font-size: 18px;
			padding: 0 25px 0 25px;
			background: url('../images/nav-bullet.gif') center right no-repeat;
			}
			
		#header #projectsNav li a {
			background: none;
			font-size: 12px;
			padding: 0 10px 0 10px;
			}
			
		#header #mainNav li.last a {
			background: none;
			}

		#header #mainNav li a:hover {
			color: #387c9f;
			}

/**************************************************************
	Content Style
**************************************************************/

#content {
	display: block;
	width: 900px;
	margin: 0 auto 0 auto;
	text-align: left;
	}
	
#content h1
{	
font-family: "Arial Narrow", arial narrow, sans-serif;
color: #387c9f;
font-size: 1.5em;
}
	
	#content #indexContent {
		background: url('../images/index-photo.jpg') no-repeat;
		width: 900px;
		height: 596px;
		}
	
	#content #indexContent2 {
		background: url('../images/index-photo2.jpg') no-repeat;
		width: 900px;
		height: 596px;
		}	
	
	#content #sectionHeader {
		background: #387c9f;
		width: 900px;
		height: 32px;
		display: block;
		}
		
	#content #welcomeText {
		width: 270px;
		position: relative;
		left: 300px;
		padding: 0 15px 0 15px;
		}
		
	#content #welcomeText h3 {
		display: block;
		background: url('../images/welcome-header.gif') no-repeat;
		width: 273px;
		height: 22px;
		margin: 0;
		padding: 0;
		padding-bottom: 10px;
		}
		
		#content #welcomeText2 {
		padding: 0 15px 0 15px;
		}
		
	#content #welcomeText2 h3 {
		display: block;
		background: url('../images/welcome-header.gif') no-repeat;
		height: 22px;
		margin: 0;
		padding: 0;
		padding-bottom: 10px;
		}	
		
	#content #sectionHeader h3 {
		color: #fff;
		font-size: 18px;
		font-weight: lighter;
		padding: 5px 0 0 10px;
		margin: 0;
		float: left;
		}
		
	#content #sectionHeader p {
		float: right;
		margin: 0;
		padding: 8px 10px 0 0;
		color: #fff;
		}
		
	#content #text {
		width: 880px;
		display: block;
		padding: 20px 10px 20px 10px;
		}
		
	#content #text h4 {
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
		font-size: 14px;
		font-weight: lighter;
		color: #387c9f;
		background: url('../images/header-bg.gif') center left repeat-x;
		display: block;
		}
		
	#content #text h4 span {
		background: #fff;
		padding-right: 10px;
		}
		
	#content #text .left {
		width: 430px;
		display: block;
		text-align: justify;
		float: left;
		clear: left;
		}
		
	#content #text .right {
		width: 430px;
		display: block;
		text-align: justify;
		float: right;
		clear: right;
		}
			
#content ul, #content li {
	margin: 0;
	list-style: none;
	padding: 0;
	}
	
#content ul {
	margin-bottom: 10px;
	}
	
#content li {
	background: url('../images/nav-bullet.gif') center left no-repeat;
	padding-left: 15px;
	margin-left: 20px;
	}
		
#contact input, #contact textarea {
	border: 1px solid #000;
	width: 300px;
	float: left;
	clear: left;
	margin-bottom: 10px;
	}
	
#contact label {
	float: left;
	clear: left;
	}
	
#text #contactinfo {
	font-size: 16px;
	}
	
#contact .btn {
	width: 100px;
	float: none;
	}
	
#contact #btn {
	float: left;
	clear: both;
	margin-bottom: 20px;
	}
	
#content #vendors #listone {

	}

#content #vendors #listtwo {

	text-align: right;
	}
	
#content #vendors li {
	margin: 0;
	padding: 0;
	background: none;
	}

#content #awards .awardPhoto {
	float: left;
	text-align: center;
	padding: 0 15px 0 15px;
	}
	
#content #awards #extra {
	clear: both;
	padding-top: 15px;
	}
	
.column {
	width: 260px;
	padding: 15px;
	display: block;
	float: left;
	}
	
.column h3 {
	font-size: 16px;
	color: #387c9f;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	}
	
.column .otherInfo img {
	float: left;
	margin-right: 10px;
	}
	
.column .otherInfo {
	padding-bottom: 15px;
	float: left;
	}
	
.column h4 {
	clear: both;
	}

/**************************************************************
	Footer Style
**************************************************************/

#footer {
	width: 900px;
	display: block;
	clear: both;
	margin: 0 auto 0 auto;
	}
	
	#footer p {
		padding: 0;
		padding-bottom: 20px;
		margin: 0;
		}