/* CSS Document */

/* ------- LAYOUT -------- */


body {
	background-image:url(../images/bg_centered.jpg);
	background-position: top center;
	background-repeat:repeat-y;
	background-color: #2e2e2e;
	margin: 0px;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
}

#topbg {
	position: absolute;
	z-index: 0;
	background-image: url(../images/bg_main.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	height: 100%;
	width: 100%;
}

#header {
	height: 278px;
}

h1 {
	position: absolute;
	background-image:url(../images/bg_header.jpg);
	height: 278px;
	width: 831px;
	font-size: 0px;
	text-indent: -9999px;
	cursor: hand;
}
h3 {
	color: #AAC7A9;
	text-transform:uppercase;
	font-size:11px;
}
h4 {
	font-size:11px;
	margin-bottom: 0px;
}

#centered {
	z-index:1;
	position: absolute;
	width: 831px;
	height:100%;
	left:50%;
	margin-left:-415px;
}

html>body #body {
	background-position:top -1px;
}

#body {
	background-image:url(../images/bg_body.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	height:62px;
	padding-top:34px;
	padding-left:49px;
	padding-right:49px;
	color: #999999;
	font-size:11px;
}

#left {
	float: left;
	padding-right:19px;
	color: #999999;
	font-size:11px;
	margin-bottom:36px;
}

p {
	margin-top:0px;
}

#right {
	float: right;
	margin-bottom:36px;
}

#right img {
	border: 6px solid #292929;
}

#right a:link img {
	border: 6px solid #292929;
}

#right a:hover img {
	border: 6px solid #000000;
}

#right a:active img {
	border: 6px solid #292929;
}


#left a:link, #left a:visited {
	text-decoration: underline;
	color: #8db08c;
}
#left a:hover {
	text-decoration: underline;
	color: #AAC7A9;
}

a:link.back, a:visited.back, a:active.back {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #b3d1b3;
	text-decoration: none;
}
a:hover.back {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #cde9cd;
	text-decoration: none;
}

/* ------- MENU -------- */

#topmenu {
	position: absolute;
	z-index:2;
	top: 163px;
	left:49px;
}

#topmenu ul {margin:0; padding:0; list-style-type:none;}
#topmenu li {height: 24px; width:139px;}
#topmenu li.firmprofile {background:transparent url(../images/nav_firmprofile1.gif); background-repeat:no-repeat; _margin-bottom: -3px;height: 24px;}
#topmenu li.projectexperience {background:transparent url(../images/nav_projectexp1.gif); background-repeat:no-repeat; margin-bottom:-1px; _margin-bottom:-4px;}
#topmenu li.principalresume {background:transparent url(../images/nav_principal1.gif); background-repeat:no-repeat; _margin-bottom: -4px;}
#topmenu li.contact {background:transparent url(../images/nav_contact1.gif); background-repeat:no-repeat;}
#topmenu a {display:block; width:139px; height: 24px; color: #bed7be; overflow:hidden; text-indent:-9999px; background-color: transparent; border: none; _text-indent:0px; _font-size:0px;}
* html #topmenu a:link, * html #topmenu a:visited {height: 24px; he\ight:24px;}

/* menu over states*/
#topmenu a#item1 {background:transparent url(../images/nav_firmprofile2.gif) -130px -90px no-repeat;}
#topmenu a#item2 {background:transparent url(../images/nav_projectexp2.gif) -130px -90px no-repeat;}
#topmenu a#item3 {background:transparent url(../images/nav_principal2.gif) -130px -90px no-repeat;}
#topmenu a#item4 {background:transparent url(../images/nav_contact2.gif) -130px -90px no-repeat;}

#topmenu a#item1:hover {background-position:0 0; z-index:50; color: #cfe2cf;}
#topmenu a#item2:hover {background-position:0 0; z-index:50; color: #cfe2cf;}
#topmenu a#item3:hover {background-position:0 0; z-index:50; color: #cfe2cf;}
#topmenu a#item4:hover {background-position:0 0; z-index:50; color: #cfe2cf;}

* html #topmenu a:hover {height: 24px; he\ight:24;}

/* ------- HEADERS -------- */
h2 {
	margin:0px;
	background-repeat:no-repeat;
	height: 36px;
	font-size:0px;
	color: #3a3a3a;
}

.introduction {
	background-image:url(../images/header_intro.jpg);
}

.firmprofile {
	background-image:url(../images/header_firmprofile.jpg);
}

.projectexperience {
	background-image:url(../images/header_projectexperience.jpg);
}

.principalresume {
	background-image:url(../images/header_principalresume.jpg);
}

.contact {
	background-image:url(../images/header_contact.jpg);
}

.header_military {
	background-image:url(../images/header_military.jpg);
}

.header_milton {
	background-image:url(../images/header_milton.jpg);
}

.header_philly {
	background-image:url(../images/header_philly.jpg);
}

.header_pennstate {
	background-image:url(../images/header_pennstate.jpg);
}

.header_masonry {
	background-image:url(../images/header_masonry.jpg);
}

.header_clay {
	background-image:url(../images/header_clay.jpg);
}

.header_dodge {
	background-image:url(../images/header_dodge.jpg);
}

.header_auto {
	background-image:url(../images/header_auto.jpg);
}

/* ------- PROJECT PICS -------- */

#project ul {margin:0; padding:0; list-style-type:none;}
#project li {height: 103px; width:284px; display: block; margin-bottom: 10px;}
#project li.military {background-image:url(../images/project_militarymuseum.jpg); background-repeat:no-repeat; width:284;}
#project li.milton {background-image: url(../images/project_miltonhershey.jpg); background-repeat:no-repeat;}
#project li.museum {background-image:url(../images/project_phillymuseum.jpg); background-repeat:no-repeat;}
#project li.pastate {background-image:url(../images/project_pastate.jpg); background-repeat:no-repeat;}
#project li.pastate2 {background-image:url(../images/project_pastate2.jpg); background-repeat:no-repeat;}
#project li.masonry {background-image: url(../images/project_masonry.jpg); background-repeat:no-repeat;}
#project li.clay {background-image: url(../images/project_clay.jpg); background-repeat:no-repeat;}
#project li.dodge {background-image: url(../images/project_dodge.jpg); background-repeat:no-repeat;}
#project li.auto {background-image: url(../images/project_auto.jpg); background-repeat:no-repeat;}
#project a {height: 103px; width:284px; display: block; font-size:0px; color: #282828;}
a {
  outline: none;
}


:focus {
  -moz-outline-style: none;
}

/* ------- FOOTER -------- */
#footer {
	/*background-image:url(../images/bg_footer.jpg); */
	border-top: 1px solid #5e5e5e;
	border-bottom-style:top;
	color: #666666;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top:10px;
	clear:both;
	text-align: center;
	padding-bottom:36px;
}

#footer a:link,#footer a:visited {
	color:#666666;
}
#footer a:hover {
	color:#999999;
}
.webtek {
	text-decoration:none;
}