@import url("essentials.css");

body {
	background: #e4e4e4;
	font: 1em/1.5em verdana, tahoma, arial, sans-serif;
	margin: 0 auto;
	text-align: center;
}

div#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 755px;
}

h1#masthead {
	background: url("../images/masthead.jpg") 0 0 no-repeat;
	height: 138px;
	text-indent: -10000px;
}

body#homepage h1#masthead {
	background: url("../images/masthead_home.jpg") 0 0 no-repeat;
}

ul#topnav {
	background: url("../images/nav_bg.gif") 0 0 repeat-x;
	border-bottom: 1px solid #f8b35b;
	height: 21px;
}

ul#topnav li {
	display: inline;
	float: left;
}

	ul#topnav li a {
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		height: 21px;
		text-align: center;
		text-indent: -100000px;
		width: 125px;
	}

	ul#topnav li#home a,
	ul#topnav li#about a,
	ul#topnav li#services a,
	ul#topnav li#projects a,
	ul#topnav li#careers a {
		border-right: 1px solid #ffb65a;
	}

		body#homepage ul#topnav li#home a,
		body#aboutpage ul#topnav li#about a,
		body#servicespage ul#topnav li#services a,
		body#projectspage ul#topnav li#projects a,
		body#careerspage ul#topnav li#careers a,
		body#contactpage ul#topnav li#contact a {
		background-position: -250px 0;
		}


	ul#topnav li#home,
	ul#topnav li#home a {
		background-image: url("../images/nav-home.gif");
	}

	ul#topnav li#about,
	ul#topnav li#about a {
		background-image: url("../images/nav-about.gif");
	}

	ul#topnav li#services,
	ul#topnav li#services a {
		background-image: url("../images/nav-services.gif");
	}

	ul#topnav li#projects,
	ul#topnav li#projects a {
		background-image: url("../images/nav-projects.gif");
	}

	ul#topnav li#careers,
	ul#topnav li#careers a {
		background-image: url("../images/nav-careers.gif");
	}

	ul#topnav li#contact,
	ul#topnav li#contact a {
		background-image: url("../images/nav-contact.gif");
	}

	ul#topnav li a:hover {
		background-position: -125px 0;
	}

div#home_content {
	background: #fff url("../images/home_body.jpg") 0 0 no-repeat;
	height: 394px;
}

div#home_content p {
	font-size: .8em;
	line-height: 1.5em;
}

div#home_content ul {
	font-size: .8em;
	line-height: 1.5em;
	margin-left: 275px;
	margin-top: 25px;
}

div#home_content ul li {
	margin-bottom: 15px;
}

div#home_content ul span {
	display: block;
}

h2#title {
	background: #000;
	color: #fff;
	font-size: 1em;
	padding: 5px 10px
}

div#content {
	background: #fff url("../images/content_columns.gif") 0 0 repeat-y;
}

div#left_column {
/*	background: url("../images/shadow_leftcol.gif") 0 0 repeat-x;*/
	float: left;
	width: 226px;
}

	#servicespage div#left_column {
		background: url("../images/image_services.jpg") 0 0 no-repeat;
		padding-top: 69px;
	}
	
	#projectspage div#left_column {
		background: url("../images/image_projects.jpg") 0 0 no-repeat;
		padding-top: 70px;
	}
	
	div#left_column ul {
		border-top: 1px solid #ccc;
		color: #fff;
		font-size: .7em;
		margin-bottom: 10px;
		text-align: right;
	}

		div#left_column ul li {
			border-bottom: 1px solid #ccc;
			padding-right: 10px;
		}

		div#left_column ul li a {
			color: #fff;
		}

		div#left_column ul li a:hover {
			text-decoration: underline;
		}

	div#left_column h3 {
		background-color: #8b8b8b;
		color: #eaffee;
		font-size: .9em;
		font-weight: bold;
		padding: 5px 5px 5px 32px;
	}

	div#left_column p {
		color: #222;
		font-size: .7em;
		line-height: 1.1em;
		padding: 5px 15px 10px 15px;
	}

	div#left_column h4 {
		font-size: .9em;
		padding: 5px 5px 0 32px;
	}

	div#left_column h4 a {
		color: #fff;
		text-decoration: underline;
	}

div#right_column {
/*	background: url("../images/shadow_rightcol.gif") 0 0 repeat-x;*/
	float: left;
	padding: 23px 20px 23px 22px;
	width: 486px;
	text-align:left;
}

	div#right_column h2 {
		color: #f76f00;
		font-size: 1.3em;
		padding: 0px 0px 10px;
	}

	div#right_column p {
		color: #444;
		font-size: .7em;
		line-height: 1.4em;
		margin: 0 0 1em 0;
	}

	div#right_column ul {
		color: #444;
		font-size: .7em;
		list-style-type: square;
		/*margin-left: 50px;*/
		margin: 0 0 1em 30px;
	}

		div#right_column ul li {
			line-height: 18px;
		}

	div#right_column div.fauxcolumn {
		float: left;
		padding: 30px 33px 10px 0;
		width: 210px;
	}

	div#right_column h3 {
		color: #696969;
		font-size: .8em;
		font-weight: bold;
		padding-bottom: 10px;
	}

div#footer {
	background: url("../images/footer.gif") 0 0 no-repeat;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
}

#aboutpage div#footer {
	background: url("../images/about_footer.gif") 0 0 no-repeat;
}

#contactpage div#footer {
	background: url("../images/contact_footer.gif") 0 0 no-repeat;
}

#careerspage div#footer {
	background: url("../images/careers_footer.gif") 0 0 no-repeat;
}

body#homepage div#footer {
	background: none;
	margin-top: -10px;
}

div#footer h5 {
	background: url("../images/footer_logo.gif") 0 0 no-repeat;
	height: 13px;
	line-height: .4em;
	text-indent: -10000px;
	margin-top: 10px;
}

div#footer p {
	font-size: .6em;
	line-height: 1.5em;
}

div#footer p span {
	color: #005b32;
	display: block;
}