@charset "utf-8";
/* CSS Document */
/*
	Author:	Eric Diedrick
			ediedrick@gmail.com
*/			
/*  RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html {overflow-y: scroll; }
body {
	font: 62.5% Helvetica, sans-serif;
	background-color: #0067ac;
}

ul { list-style: none inside; }
p { font-size: 1.4em; line-height: 1.4em; margin-bottom: 1.4em; }
a { outline: none; }
a img { border: none; }
h1 {
	font-family: Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	color: #222;
	letter-spacing: -0.03em;
	}
	
h2 {
	font-family: Helvetica, sams-serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #222;
	letter-spacing: -0.05em;
	}
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE & STUFF */
#page-wrap { 
	width: 962px;
	margin: 0 auto;
	background: url(images/content_bg.jpg) repeat-y;
}

#construction {
	padding: 10px 10px 10px 130px;
}

	
div#header { 
	margin: 0;
	padding: 0;
	position: relative; height: 145px; margin-bottom: -3px;
	background: url(images/header_bg.jpg) top center no-repeat;
}

	div#header-flash {
		margin: 0;
		padding: 9px 70px 0px 0px;
		float: right;
	}

ul#nav {position:relative; 
	
	}
	ul#nav li {
		display: inline;
		margin: 0;
		padding: 0;
		}
		ul#nav li a {
			display: block;
			height: 71px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.home a {
			width: 191px;
			background: url(images/nav-home.jpg) bottom center no-repeat;
		}
		ul#nav li.completed a {
			width: 144px;
			background: url(images/nav-completed.jpg) bottom center no-repeat;
		}
		ul#nav li.current a {
			width: 144px;
			background: url(images/nav-current.jpg) bottom center no-repeat;
		}
		ul#nav li.about a {
			width: 145px;
			background: url(images/nav-about.jpg) bottom center no-repeat;
		}
		ul#nav li.contact a {
			width: 144px;
			background: url(images/nav-contact.jpg) bottom center no-repeat;
		}
		ul#nav li.services a {
			width: 194px;
			background: url(images/nav-services.jpg) bottom center no-repeat;
		}
		ul#nav li a:hover {
			background-position: center center;
		}
		
		body#home ul#nav li.home a {
			background-position: top center;
		}
		
		body#completed ul#nav li.completed a {
			background-position: top center;
		}
		
		body#current ul#nav li.current a {
			background-position: top center;
		}
		
		body#about ul#nav li.about a {
			background-position: top center;
		}
		
		body#contact ul#nav li.contact a {
			background-position: top center;
		}
		
		body#services ul#nav li.services a {
			background-position: top center;
		}
		
		body#completed div#main-content div#completed-photos {
			border-top: 2px solid blue;
		}
		
		body#current div#main-content div#current-photos {
			border-bottom: 2px solid blue; margin: 3px;
		}
		
#home #main-content {
	padding: 30px 10px 30px 50px;
	width: 530px;
	float: left;
	border-right: solid 2px blue;
}

#home #sidebar {
	padding: 30px 50px 30px 5px;
	width: 300px;
	float: right;
}

#main-content {
	padding: 30px 50px 30px 50px;
	}
	
	.main-content p.flash {
	float: right;
	margin: 1em 1em;
}
	
	/*#completed-photos {
		padding: 20px;
	}*/
	
	#completed-photos img {
			padding: 10px;
	}
	
	#current-photos {
		padding: 0px 50px 10px 60px;
	}
	
	#current-photos img {
		padding: 10px;
	}
	
	#services-images {
		float: left;
		width: 300px;
	}
	
	#services-images img {
		padding: 20px 20px 20px 50px;
	}
	
body#services #sidebar {
	width: 400px;
	float: right;
	padding: 60px 100px 10px 10px;
}

body#services #sidebar p {
	padding-bottom: 163px;
}
	
#sidebar{
	float: right;
	padding: 10px 20px 10px 20px;	
}

#footer {
	background: url(images/footer_bg.jpg) no-repeat;
	height: 120px;
}


/*END STRUCTURE */
