/* ----- CSS ----- */


html, body{
margin:0;
padding:0;
background-color: #b4b4b4;
font: 12px/16px Arial, Helvetica, sans-serif;
}
img{
	border: none;
	margin: 0;
}

/* ----- IDS ----- */

#wrapper{
	background-color: #808080;
	margin: 0 auto;
	width: 890px;
}
#header-wrapper{
	background-color: #99cdff;
	height: 143px;
}

#section-header{
	width: 755px;
	height: 235px;
	padding: 0;
	margin: 0;
}
#primary-content{
	margin: 0 auto;
	width: 755px;
	background-color: #fff;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
}
#content{
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	width: 430px;
}
#right-sidebar{
	padding-left: 10px;
	padding-right: 20px;
	float: right;
	width: 115px;
	margin: 20px 0 20px 15px;
	border-left: 1px solid #999;
}
#left-sidebar{
	float: left;
	width: 145px;
	margin-top: 20px;
	margin-right: 15px;
	padding-right: 20px
	padding-right: 10px;
	border-right: 1px solid #4d0000;
}
#footer{
	margin: 0 auto;
	padding: 15px 0;
	width: 755px;
	text-align: center;
}
#footer-nav{
	width: 620px;
	margin: 0 auto;
}
#footer-nav ul{
	float: left;
	border-left: 1px solid #fff;
	text-transform: uppercase;
	font-size: 9px;
	margin-bottom: 10px;
}
	#footer-nav li{
		float: left;
		border-right: 1px solid #fff;
		padding: 0 15px;
	}
#nav{
	position: relative;
	top: 60px;
	left: 65px;
	width: 755px;
	height: 23px;
	background-color: #990000;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
}
#nav li ul{
	position: absolute;
	left: -999em;
	width: 200px;
	background: transparent url(../images/rednav_bg.png) no-repeat;
}
#nav li ul li{
	width: 200px;
	border-bottom: 1px solid #000;
}
#nav li:hover ul, #nav li.sfhover ul{
	left: auto;
}
/*----- fix for ie 7 nav hover not disapearing ------*/
#nav li:hover, #nav li.hover {
    position: static;
}
/*#nav li:hover {background-position: 0 0;}*/

#projects{
	margin-top: 3px;
	float: left;
}
#projects li{
	padding: 0;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}
#projects img{
	padding: 1px;
	background-color: #040404;
}
/* ----- LISTS ----- */

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
	
	#nav li{
		float: left;
	}

/* ----- LINKS ----- */

#nav a{
	display: block;
	border-left: 1px solid #000;
	color: #fff;
	font: 9px/9px Arial, Helvetica, sans-serif;
	padding-top: px;
	height: 16px;
	padding-top:7px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	
}
#home{width: 71px;}
#about{width: 92px;}
#construction{width: 121px;}
#marine{width: 88px;}
#landscape{width: 107px;}
#golf{width: 71px;}
#careers{width: 91px;}
#contact{width: 107px;}
#nav a:hover{
	background-color: #4d0000;
}
#nav li ul a{
	width: 200px;
	text-align: center;
	display: block;
	padding-top: 9px;
	margin: 0;
	border: none;
	color: #fff;
}
#nav li ul a:hover{
	background-color: #4d0000;
}
#footer-nav a{
	text-decoration: none;
	color: #fff;
}
#footer-nav a:hover{
	text-decoration: underline;
	color: #fff;
}
#right-sidebar a{
	text-decoration: none;
}

/* ----- CLASSES ----- */

#nav .end{
	border-left: none;
}
.clear{
	clear: both;
}
.logo{
	display: block;
	position: relative;
	left: 30px;
	top: 33px;
	width: 160px;
	height: 58px;
}

/* ----- TYPE ----- */

p{
	margin-top: 0;
}
#footer p{
	text-transform: uppercase;
	color: #fff;
	font-size: 9px;
}


/* ----- TRANSPARENT PNG BG ----- */