/* CSS Document */

body {
background:url(../images/background.jpg) top center repeat-y;
background-color:#eaeaec;
margin:0;
padding:0;
text-align:center;
height:100%;
color:#333;
font: 12px Arial, Helvetica, sans-serif;
}

#container {
position:relative;
margin:0px auto 0px auto;
width:740px;
top:0px;
text-align:left;
}

/*////  NAVIGATION  ////////////////////////////////////////////////////////////////////*/

.header-nav {
position:relative;
top:0px;
left:0px;
background:url(../images/header.jpg) no-repeat;
width:740px;
height:150px;
padding:0;
margin:0;
z-index:100;
}

.header-nav a {
	display:block;
}

.header-nav li {
	list-style:none;
	position:absolute;
}

.home {
	list-style:none;
	width:148px;
	height:34px;
	left:0px;
	top:116px;
}

.home a{
	width:148px;
	height:34px;
}

.home a:hover{
	background:url(../images/menu-over.jpg) 0px 0px no-repeat;
}

.about {
	list-style:none;
	width:148px;
	height:34px;
	left:148px;
	top:116px;
}

.about a{
	width:148px;
	height:34px;
}

.about a:hover{
	background:url(../images/menu-over.jpg) -148px 0px no-repeat;
}

.services {
	list-style:none;
	width:148px;
	height:34px;
	left:296px;
	top:116px;
}

.services a{
	width:148px;
	height:34px;
}

.services a:hover{
	background:url(../images/menu-over.jpg) -296px 0px no-repeat;
}

.markets {
	list-style:none;
	width:148px;
	height:34px;
	left:444px;
	top:116px;
}

.markets a{
	width:148px;
	height:34px;
}

.markets a:hover{
	background:url(../images/menu-over.jpg) -444px 0px no-repeat;
}

.contact {
	list-style:none;
	width:148px;
	height:34px;
	left:592px;
	top:116px;
}

.contact a{
	width:148px;
	height:34px;
}

.contact a:hover{
	background:url(../images/menu-over.jpg) -592px 0px no-repeat;
}

/*////  SLIDESHOW  ////////////////////////////////////////////////////////////////////*/

#image {
	position:relative;
	width:740px;
	height:250px;
	left:0px;
	top:5px;
}

/*////  LEFT COLUMN  ////////////////////////////////////////////////////////////////////*/

#left-column {
	position:relative;
	width:464px;
	height:361px;
	z-index:1;
	padding: 0px 25px 25px 25px;
	margin-top: 30px;
	border-right:#ccc 1px solid;
}

html>body #left-column {
	min-height:361px;
	height:auto;
	}

.markets-nav {
	position:relative;
	list-style:none;
	width:450px;
	height:140px;
	background:url(../images/markets.jpg) no-repeat;
	padding:0;
	margin:0;
	z-index:100;
}

.markets-nav a {
	display:block;
}

.markets-nav li {
	list-style:none;
	position:absolute;
}

.transportation {
	list-style:none;
	width:100px;
	height:115px;
	left:15px;
	top:10px;
}

.transportation a{
	width:100px;
	height:115px;
}

.transportation a:hover{
	background:url(../images/markets-over.jpg) -15px -10px no-repeat;
}

.water {
	list-style:none;
	width:100px;
	height:115px;
	left:145px;
	top:10px;
}

.water a{
	width:100px;
	height:115px;
}

.water a:hover{
	background:url(../images/markets-over.jpg) -145px -10px no-repeat;
}

.land {
	list-style:none;
	width:100px;
	height:115px;
	left:280px;
	top:10px;
}

.land a{
	width:100px;
	height:115px;
}

.land a:hover{
	background:url(../images/markets-over.jpg) -280px -10px no-repeat;
}

.urban {
	list-style:none;
	width:100px;
	height:115px;
	left:340px;
	top:10px;
}

.urban a{
	width:100px;
	height:115px;
}

.urban a:hover{
	background:url(../images/markets-over.jpg) -340px -10px no-repeat;
}


	

/*////  RIGHT COLUMN  ////////////////////////////////////////////////////////////////////*/

#right-column {
	float:right;
	position:relative;
	width:170px;
	height:361px;
	z-index:1;
	padding: 0px 25px 0px 25px;
	margin-top: 30px;
	font-family:"Times New Roman", Times, serif;
	color:#333;
	font-size:14px;
}

/*////  FOOTER ////////////////////////////////////////////////////////////////////*/

#footer {
	position:relative;
	width:694px;
	border-top:#ccc 1px solid;
	padding:10px 0px 10px 0px;
	margin:30px 0px 0px 23px;
}

/*////  TEXT STYLES  ////////////////////////////////////////////////////////////////////*/

a.link {
	color:#383869;
	text-decoration:underline;
}

a.link:active {
	color:#383869;
	text-decoration:underline;
}

a.link:hover {
	color:666;
	text-decoration:none;
}

a {
	color:#383869;
	text-decoration:underline;
}

a:active {
	color:#383869;
	text-decoration:underline;
}

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

.right-column-subheader {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}

.header {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#191a48;
	margin-top:0px;
	margin-bottom:10px;
	border-bottom:#ccc 1px solid;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#191a48;
	margin-top:0px;
	margin-bottom:10px;
	border-bottom:#ccc 1px solid;
	font-weight: normal;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color:#191a48;
	font-weight: normal;
}

.text {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}

.sub-header {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
	
.form {
	background:#E9E9E9;
	padding:15px;
	}
	
.form-element {
	background-color:#E0E0E0;
	border:#999999 1px solid;
	margin:0px 0px 5px 0px;
}


.float-left {
	float:left;
	margin:0px 5px 20px 0px;
}

.transportation-ul {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	background:url(../images/markets-thumb.jpg) top right no-repeat;
	margin-right:55px;
	}
	
.water-ul {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	background:url(../images/water-thumb.jpg) top right no-repeat;
	margin-right:55px;
	}
	
.building-ul {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	background:url(../images/building-thumb.jpg) top right no-repeat;
	margin-right:55px;
	}
	
.land-ul {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	background:url(../images/land-thumb.jpg) top right no-repeat;
	margin-right:55px;
	}
	
.market-li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.market-sub-li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:10px;
	}
	
	h1.header_tagline { font-size: 16px; font-family: Times, Georgia, sans-serif; font-weight: 200; color: #565662; position: absolute; top: 35px; right: 10px; z-index: 2000; border: none; font-style: italic; width: 200px;  }
	
	
	
	
	

