body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #000;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 12px;
    color: #FFF;
    line-height: 16px;
}
p, h1, h2, h3, h4, blockquote {
	margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #FFF;
    text-decoration: underline;
}
a:hover, a:active {
    color: #CCC;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}
h1 {
	text-indent: -3000px;
}

/* ----------------------------------- */
/* WRAPPER/CONTAINER
/* ----------------------------------- */
#wrapper {
	text-align: left;
	background: #890c08 url(../_images/bg.jpg) 0 0 repeat-x;
	padding-bottom: 15px;
}
#container {
	width: 780px;
	margin: 0 auto;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	height: 134px;
}

	#logo {
		float: left;
	}
	
	#phone {
		height: 53px;
		width: 242px;
		float: right;
		background: transparent url(../_images/phone.gif) 0 20px no-repeat;
		text-indent: -3000px;
	}

	#menu {
		background: url(../_images/menu.jpg) 0 0 no-repeat;
		width: 477px;		/* Width of entire image */ 
		height: 42px;		/* Height of buttons */
		margin: 0;
		float: right;
	}
	#menu span {
		display: none;
	}
	#menu li, #menu a {
		height: 42px;		/* Each button must have the same height, define it here */ display: block;
	}
	#menu li {
		float: left;
		list-style: none;
		_display: inline;		/* fixes IE/Win double margin float bug (safe) */
	}

	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	/* width - width of each button, they will each most likely be unique */ 
	#menu-home 		{ width: 96px; }
	#menu-services 	{ width: 95px; }
	#menu-projects 	{ width: 92px; }
	#menu-mission 	{ width: 93px; }
	#menu-contact 	{ width: 101px; }

	/* Changed values should match sum of "width" numbers specified above */ 
	#menu-home a:hover 			{ background: transparent url(../_images/menu.jpg) 0px -42px no-repeat; }
	#menu-services a:hover  	{ background: transparent url(../_images/menu.jpg) -96px -42px no-repeat; }
	#menu-projects a:hover 		{ background: transparent url(../_images/menu.jpg) -191px -42px no-repeat; }
	#menu-mission a:hover 		{ background: transparent url(../_images/menu.jpg) -283px -42px no-repeat; }
	#menu-contact a:hover 		{ background: transparent url(../_images/menu.jpg) -376px -42px no-repeat; }

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#home #content {
	width: 360px;
	float: right;
	margin-right: 10px;
	display: inline;
}
	#home #content h1 {
		height: 41px;
		background: transparent url(../_images/header/welcome.gif) 0 0 no-repeat;
	}
	
	#photos {
		margin-left: 10px;
	}
	#photos ul {
		margin-top: 15px;
	}
	#photos li {
		display: inline;
		list-style: none;
		margin-right: 14px;
	}
		#photos img {
			border: 1px solid #b2605e;
			padding: 2px;
		}
		#photos li img {
			margin-bottom: 10px;
		}

/* ----------------------------------- */
/* SUB
/* ----------------------------------- */
.sub #content {
	width: 550px;
	float: left;
	margin-left: 10px;
	display: inline;
}

.sub h1 {
	height: 28px;
}
#services h1 {
	background: transparent url(../_images/header/services.gif) 0 0 no-repeat;
}
#projects h1 {
	background: transparent url(../_images/header/projects.gif) 0 0 no-repeat;
}
#mission h1 {
	background: transparent url(../_images/header/mission.gif) 0 0 no-repeat;
}
#contact h1 {
	background: transparent url(../_images/header/contact.gif) 0 0 no-repeat;
}
	
	.sub #content h2 {
		font-size: 16px;
	}
	
	.sub #content dl, .sub #content ul {
		margin-bottom: 15px;
	}
	.sub #content li {
		margin-left: 25px;
	}
	
	.project-list dt {
		font-weight: bold;
		font-size: 12px;
	}
	.project-list dd {
		border-bottom: 1px solid #b2605e;
		padding-bottom: 3px;
		margin-bottom: 3px;
		list-style: none;
		color: #e3b1af;
	}
	.project {
		width: 260px;
		float: left;
		margin-right: 15px;
		text-align: center;
	}
		.project img {
			border: 1px solid #b2605e;
			width: 175px;
		}
	
	p.top {
		text-align: right;
	}
	
	blockquote {
		padding: 10px;
		background: #c33d2d;
		border: 1px solid #d35445;
	}

#side {
	width: 190px;
	float: right;
	margin-right: 10px;
	display: inline;
	background: #FFF url(../_images/bg-side.jpg) right top no-repeat;
	padding-top: 20px;
}
	#side p, #side h2, #side ul {
		margin-left: 20px;
		margin-right: 20px;
		color: #000;
	}
	#side h2 {
		color: #890c08;
		font-size: 15px;
		border-bottom: 1px solid #CCC;
	}
	#side a:link, #side a:visited {
	    color: #890c08;
	    text-decoration: underline;
	}
	#side a:hover, #side a:active {
	    color: #b64b48;
	    text-decoration: underline;
	}
	
	#side.featured p {
		text-align: center;
	}
	#side.featured img {
		border: 1px solid #b2605e;
		padding: 2px;
	}

/* ----------------------------------- */
/* BOTTOM
/* ----------------------------------- */
#bottom-wrapper {
	background: transparent url(../_images/bg-bottom.jpg) 0 0 repeat-x;
}
	#bottom {
		width: 760px;
		margin: 0 auto;
		text-align: left;
	}
		.intro {
			width: 235px;
			float: left;
			margin-right: 18px;
			margin-bottom: 20px;
			display: inline;
			height: 240px;
		}
			.intro h2 {
				text-indent: -3000px;
				height: 30px;
			}
			.intro p {
				color: #000;
				margin-left: 20px;
				margin-right: 20px;
				font-size: 11px;
			}
			.intro a:link, .intro a:visited {
			    color: #890c08;
			    text-decoration: underline;
			}
			.intro a:hover, .intro a:active {
			    color: #b64b48;
			    text-decoration: underline;
			}
			#intro-1 {
				background: #FFF url(../_images/header/intro-1.jpg) 0 0 no-repeat;
			}
			#intro-2 {
				background: #FFF url(../_images/header/intro-2.jpg) 0 0 no-repeat;
			}
			#intro-3 {
				background: #FFF url(../_images/header/intro-3.jpg) 0 0 no-repeat;
			}

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	text-align: center;
}
.sub #footer {
	padding-top: 75px;
	padding-bottom: 20px;
}