body {
	font-family:Arial,Helvetica,"sans serif";
	font-size:13px;
	color:#fff;
	line-height:17px;
	margin:0;
}
div {margin:0;padding:0;}
h1 {
	font-weight:bold;
	font-size:13px;
}

#home-wrapper {
	width:807px;
	height:493px;
	margin:auto;
	text-align:center;
	padding-top:30px;
}

#outer-border {
	width:807px;
	height:493px;
	border:1px solid #aaa295;
	margin:auto;	
	margin-top:40px;
}

#inner-wrapper {
	width:775px;
	height:460px;
	background-color:#aaa295;
	position:relative;
	top:16px;
	left:15px;
}
	
#navigation {
	height:454px;
	width:200px;
	background-color:#fff;
	position:relative;
	top:3px;
	left:3px;
	float:left;
}	

#logo {
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:180px;
	position:relative;
	top:15px;
	margin:auto;
}

/**** PROCESS NAVIGATION ****/

#process-nav-wrapper {
	padding:33px 20px 20px 20px;
	text-align:center;
	list-style-type: none;
}

.nav-process {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:37px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-process:hover {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:-129px 0px;
	height:37px;
	width:129px;
	display:block;
}

.nav-charrette {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:0px -37px;
	height:46px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-charrette:hover {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:-129px -37px;
	height:46px;
	width:129px;
	display:block;
}

.nav-design-development {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:0px -83px;
	height:69px;
	width:129px;
	display:block;
	margin:auto;
} 

.nav-design-development:hover {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:-129px -83px;
	height:69px;
	width:129px;
	display:block;
}

.nav-construction-documents {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:0px -151px;
	height:65px;
	width:129px;
	display:block;
	margin:auto;
} 

.nav-construction-documents:hover {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:-129px -151px;
	height:65px;
	width:129px;
	display:block;
}

.nav-construction-observation {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:0px -216px;
	height:54px;
	width:129px;
	display:block;
	margin:auto;
} 

.nav-construction-observation:hover {
	background-image:url(images/nav_process.jpg);
	background-repeat:no-repeat;
	background-position:-129px -216px;
	height:54px;
	width:129px;
	display:block;
}


/**** MISSION NAVIGATION ****/

#mission-nav-wrapper {
	padding:35px 20px 0px 20px;
	text-align:center;
	list-style-type: none;
}

.nav-mission {
	background-image:url(images/nav_mission.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:37px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-mission:hover {
	background-image:url(images/nav_mission.jpg);
	background-repeat:no-repeat;
	background-position:-129px 0px;
	height:37px;
	width:129px;
	display:block;
}

.nav-mission-firm-profile {
	background-image:url(images/nav_mission.jpg);
	background-repeat:no-repeat;
	background-position:0px -36px;
	height:46px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-mission-firm-profile:hover {
	background-image:url(images/nav_mission.jpg);
	background-repeat:no-repeat;
	background-position:-129px -36px;
	height:46px;
	width:129px;
	display:block;
}

.nav-mission-about-the-architect {
	background-image:url(images/nav_mission.jpg);
	background-repeat:no-repeat;
	background-position:0px -82px;
	height:56px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-mission-about-the-architect:hover {
	background-image:url(images/nav_mission.jpg);
	background-repeat:no-repeat;
	background-position:-129px -82px;
	height:56px;
	width:129px;
	display:block;
}

/**** PUBLICATIONS NAVIGATION ****/

#publications-nav-wrapper {
	padding:18px 20px 0px 20px;
	text-align:center;
}

.nav-publications {
	background-image:url(images/nav_publications.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:37px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-publications:hover {
	background-image:url(images/nav_publications.jpg);
	background-repeat:no-repeat;
	background-position:-129px 0px;
	height:37px;
	width:129px;
	display:block;
}

/**** PORTFOLIO NAVIGATION ****/

#portfolio-nav-wrapper {
	padding:50px 20px 20px 20px;
	text-align:center;
}

.nav-portfolio {
	background-image:url(images/nav_portfolio.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:37px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-portfolio:hover {
	background-image:url(images/nav_portfolio.jpg);
	background-repeat:no-repeat;
	background-position:-129px 0px;
	height:37px;
	width:129px;
	display:block;
}

/**** CREDITS NAVIGATION ****/

#credits-nav-wrapper {
	padding:18px 20px 20px 20px;
	text-align:center;
}

.nav-credits {
	background-image:url(images/nav_credits.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:37px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-credits:hover {
	background-image:url(images/nav_credits.jpg);
	background-repeat:no-repeat;
	background-position:-129px 0px;
	height:37px;
	width:129px;
	display:block;
}

#credits-table .col-one {
	float:left;
	width:33%;
}

#credits-table .col-two {
	float:right;
	width:33%;
}

#credits-table .col-three {
	float:right;
	width:33%;
}

/**** CONTACT NAVIGATION ****/

#contact-nav-wrapper {
	padding:17px 20px 20px 20px;
	text-align:center;
}

.nav-contact {
	background-image:url(images/nav_contact.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:37px;
	width:129px;
	display:block;
	margin:auto;
}

.nav-contact:hover {
	background-image:url(images/nav_contact.jpg);
	background-repeat:no-repeat;
	background-position:-129px 0px;
	height:37px;
	width:129px;
	display:block;
}

#contact-table {
	padding-top:71px;
}

#contact-table .col-one {
	float:left;
	width:211px;
	text-align:right;
	padding-right:20px;
	margin-left:0px;
}

#contact-table .col-one a {
	color:#fff;
}

#contact-table .col-two {
	float:left;
	width:195px;
}

#content {
	width:525px;margin:0px 0px 0 0;padding:22px;float:right;height:409px;background-color:#aaa295;
}

#footer {
	width:807px;
	margin:auto;
	color:#aaa295;
	font-family:Arial,Helvetica,"sans serif";
	font-size:10px;
	padding-top:7px;
	padding-bottom:20px;
}

#bottom-links {
	float:left;
	font-size: 11px;
	width:500px;
	text-align:left;
}

#bottom-links ul {
	list-style-type:none;
	margin-left:0px;
	text-align:left;
	padding-left:0;
	padding-top:0;
	margin-top:0;
	
}

#bottom-links ul li {
	
	margin-left:3px;
	display:inline;
	margin-right:3px;
	text-align:left;
	}

#bottom-links ul li a {
	color:#aaa295;
	text-decoration: none;
}

#copyright {
	float:right;
	width:275px;
	text-align:right;
	margin-right:5px;
}

/**** HOME FOOTER AREA ****/

#home-footer {
	width:807px;
	margin:auto;
	color:#aaa295;
	font-family:Arial,Helvetica,"sans serif";
	font-size:11px;
	padding-top:90px;
	padding-bottom:0px;
	clear:both;
}

#home-bottom-links {
	clear:both;
}

#home-bottom-links ul {
	list-style-type:none;
	margin-left:-50px;
}

#home-bottom-links ul li {
	margin-right:1em;
	margin-left:1em;
	display:inline;
}

#home-bottom-links ul li a {
	color:#aaa295;
}

#home-copyright {
	padding-top:0px;
	margin-auto;
}

p{margin-bottom:0;}
ul{margin-top:0;}

.img-vspace {clear:left;font-size:0px;margin:0;padding:0;display:block;height:4px;line-height:0;}
.img-leftcol-x3 {float:left;width:62px;margin:0 4px 0 0; padding:0;}
.img-rightcol-x3 {float:left;width:62px;margin:0;padding:0;}
.img-rightcol-x1 {float:left;width:194px;margin:0;padding:0;}
.img-leftcol {float:left;width:95px;margin:0 4px 0 0; padding:0;}
.img-rightcol {float:left;width:95px;margin:0;padding:0;}
.img-rightcol2 {float:left;width:95px;margin:0;padding:0;margin-left:99px;}
#port-content {width:565px;margin:4px 4px 0 0;padding:0;float:right;height:445px;background-color:#aaa295;}
#port-content-2 {width:569px;margin:0px 0px 0 0;padding:0;float:right;height:453px;background-color:#aaa295;}
#port-inner-content {display:none;}
#port-inner-wrapper {
	width:771px;
	height:453px;
	background-color:#ffffff;
	border:3px solid #aaa295;
	position:relative;
	margin:16px auto;
}

#port-navigation 
{
	height:446px;
	width:202px;
	background-color:#fff;
	position:relative;
	top:3px;
	margin-left:0px;
	float:left;
}	

#port-outer-border {
	width:809px;
	height:491px;
	border:1px solid #aaa295;
	margin:40px auto 0 auto;	

}

#port-logo {

	text-align:center;
	margin-top:20px;
	
}

#port-footer {
	width:809px;
	margin:0 auto;
	color:#aaa295;
	font-family:Arial,Helvetica,"sans serif";
	font-size:10px;
	padding-top:7px;
	padding-bottom:20px;
	clear:both;
}

.imgthumb {border:none; cursor:pointer;}
.w62 { width:62px;}
.h62 {height:62px;}
.w194 {width:194px;}
.h128 {height:128px;}
.w94 {width:94px;}
.h49 {height:49px;}
.w95 {width:95px;}
.h84 {height:84px;}
.h260 {height:260px;}
.pt1 {padding-top:1px;}

.portimage {padding-top:33px;text-align:center;}
.portimage2 {padding-top:33px;text-align:center;}
.portimage-sf {padding-top:42px;text-align:center;}
.imagebox {width:194px;margin:0px auto;padding-top:30px;}
.imagebox2 {width:194px;margin:0px auto;padding-top:0px;}
.navi-box {width:62px;margin:7px auto 11px auto;text-align:center;}