@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333;
}
body {
	background: #fff url(../images/bg-page.png) repeat-x;
	margin: 0;
	text-align: center;
}

p {
	margin: 0 0 1em 0;
}
p.video-title {
	margin: 0 0 1em 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
}

a:link {
	color: #aa1f24;
	text-decoration: none;
	outline: none;
}
a:visited {
	text-decoration: none;
	color: #aa1f24;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #ff0000;
}
a img  {
	border: 0;
}

.white-text {color: #fff}


/* Content
------------------------------------------------------------ */

#content-services, #content-people, #content-portfolio, #content-page, #content-project {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
}
#content-services h1, #content-portfolio h1, #content-people h1, #content-project h1 {
	width: 800px;
	height: 30px;
	margin: 0;
	text-indent: -9999px;
}
#content-services h1.architecture { background: url(../images/bg-h1-architecture.gif) 0 0 no-repeat; }
#content-services h1.planning { background: url(../images/bg-h1-planning.gif) 0 0 no-repeat; }
#content-services h1.interior { background: url(../images/bg-h1-interior.gif) 0 0 no-repeat; }
#content-services h1.civil { background: url(../images/bg-h1-civil.gif) 0 0 no-repeat; }
#content-services h1.sustainable { background: url(../images/bg-h1-sustainable.gif) 0 0 no-repeat; }

#content-portfolio h1.healthcare { background: url(../images/bg-h1-healthcare.gif) 0 0 no-repeat; }
#content-portfolio h1.education { background: url(../images/bg-h1-education.gif) 0 0 no-repeat; }
#content-portfolio h1.commercial { background: url(../images/bg-h1-commercial.gif) 0 0 no-repeat; }
#content-portfolio h1.government { background: url(../images/bg-h1-government.gif) 0 0 no-repeat; }
#content-portfolio h1.urban { background: url(../images/bg-h1-urban.gif) 0 0 no-repeat; }
#content-portfolio h1.historic { background: url(../images/bg-h1-historic.gif) 0 0 no-repeat; }
#content-portfolio h1.animation { background: url(../images/bg-h1-animation.gif) 0 0 no-repeat; }

#content-people h1.people { background: url(../images/bg-h1-people.gif) 0 0 no-repeat; }
#content-people h1.testimonials { background: url(../images/bg-h1-testimonials.gif) 0 0 no-repeat; }
#content-people h1.profile { background: url(../images/bg-h1-profile.gif) 0 0 no-repeat; }
#content-people h1.contact { background: url(../images/bg-h1-contact.gif) 0 0 no-repeat; }
#content-people h1.sitemap { background: url(../images/bg-h1-sitemap.gif) 0 0 no-repeat; }
#content-people h1.awards { background: url(../images/bg-h1-awards.gif) 0 0 no-repeat; }

#content-project h1.amy { background: url(../images/projects/amy-h1.gif) 0 0 no-repeat; }
#content-project h1.anderson { background: url(../images/projects/anderson-h1.gif) 0 0 no-repeat; }
#content-project h1.belvedere { background: url(../images/projects/belvedere-h1.gif) 0 0 no-repeat; }
#content-project h1.prenatal { background: url(../images/projects/prenatal-h1.gif) 0 0 no-repeat; }
#content-project h1.century { background: url(../images/projects/century-h1.gif) 0 0 no-repeat; }
#content-project h1.coa { background: url(../images/projects/coa-h1.gif) 0 0 no-repeat; }
#content-project h1.coronado { background: url(../images/projects/coronado-h1.gif) 0 0 no-repeat; }
#content-project h1.theater { background: url(../images/projects/theater-h1.gif) 0 0 no-repeat; }
#content-project h1.eye { background: url(../images/projects/eye-h1.gif) 0 0 no-repeat; }
#content-project h1.gold { background: url(../images/projects/gold-h1.gif) 0 0 no-repeat; }
#content-project h1.gsa { background: url(../images/projects/gsa-h1.gif) 0 0 no-repeat; }
#content-project h1.cruces { background: url(../images/projects/cruces-h1.gif) 0 0 no-repeat; }
#content-project h1.lovelace-healthcare { background: url(../images/projects/lovelace-healthcare-h1.gif) 0 0 no-repeat; }
#content-project h1.colfax { background: url(../images/projects/colfax-h1.gif) 0 0 no-repeat; }
#content-project h1.nmsu { background: url(../images/projects/nmsu-h1.gif) 0 0 no-repeat; }
#content-project h1.canon { background: url(../images/projects/canon-h1.gif) 0 0 no-repeat; }
#content-project h1.rio { background: url(../images/projects/rio-h1.gif) 0 0 no-repeat; }
#content-project h1.sarasota { background: url(../images/projects/sarasota-h1.gif) 0 0 no-repeat; }
#content-project h1.gastro { background: url(../images/projects/gastro-h1.gif) 0 0 no-repeat; }
#content-project h1.sw-med { background: url(../images/projects/sw-med-h1.gif) 0 0 no-repeat; }
#content-project h1.vincent { background: url(../images/projects/vincent-h1.gif) 0 0 no-repeat; }
#content-project h1.suncal { background: url(../images/projects/suncal-h1.gif) 0 0 no-repeat; }
#content-project h1.unmh { background: url(../images/projects/unmh-h1.gif) 0 0 no-repeat; }
#content-project h1.mesa { background: url(../images/projects/mesa-h1.gif) 0 0 no-repeat; }

#content-project h1.aps-family { background: url(../images/projects/aps-family-h1.gif) 0 0 no-repeat; }
#content-project h1.bataan-lamy { background: url(../images/projects/bataan-lamy-h1.gif) 0 0 no-repeat; }
#content-project h1.carlos-gilbert { background: url(../images/projects/carlos-gilbert-h1.gif) 0 0 no-repeat; }
#content-project h1.espanola { background: url(../images/projects/espanola-h1.gif) 0 0 no-repeat; }
#content-project h1.hoover { background: url(../images/projects/hoover-h1.gif) 0 0 no-repeat; }
#content-project h1.immanuel { background: url(../images/projects/immanuel-h1.gif) 0 0 no-repeat; }
#content-project h1.nava { background: url(../images/projects/nava-h1.gif) 0 0 no-repeat; }
#content-project h1.school-blind { background: url(../images/projects/school-blind-h1.gif) 0 0 no-repeat; }

#services-description {
	width: 360px;
	float: left;
	padding-left: 10px;
}
#portfolio-description {
	width: 180px;
	float: left;
	padding: 5px 0 5px 10px;
}


#content-services table {
	width: 400px;
	float: right;
}
#content-services table td {
	width: 200px;
}

#content-portfolio table {
	width: 600px;
	float: right;
}
#content-portfolio table td {
	width: 200px;
}


.thumblink a:link, .thumblink a:visited {
	width: auto;
	height: 70px;
	margin: 0;
	padding: 5px;
	display: block;
	outline: none;
	color: #333;
	line-height: 13px;
}

.thumblink a:hover {
	background-color: #a7a7a7;
	color: #fff;
}
.thumblink a:link span, .thumblink a:visited span {
	color: #ccc;
	display: block;
	margin-top: 3px;
}
.thumblink a:hover span {
	color: #ccc;
}

.thumblink a:link img, .thumblink a:visited img {
	margin: 0 10px 0 0;
	float: left;
}

.thumblink a:link, .thumblink a:visited {
	width: auto;
	height: 70px;
	margin: 0;
	padding: 5px;
	display: block;
	outline: none;
	color: #333;
	line-height: 12px;
}

/* People
------------------------------------------------------------ */

#content-people {
	position: relative;
}
#bio01, #bio02, #bio03, #bio04, #bio05, #bio06, #bio07, #bio08, #bio09, #bio10, #bio11, #bio12, #bio13, #bio14, #bio15, #bio16, #bio17, #bio18, #bio19, #bio20, #bio21, #bio22, #bio23, #bio24, #bio26, #bio27, #bio25, #bio28 {
	position: absolute;
	left: 560px;
	top: 55px;
	height: 1px;
	width: 240px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	background: #fff url(../images/bg-page.png) 0 -50px repeat-x;
	color: #333;
	visibility: hidden;
}
#bio01 img, #bio02 img, #bio03 img, #bio04 img, #bio05 img, #bio06 img, #bio07 img, #bio08 img, #bio09 img, #bio10 img, #bio11 img, #bio12 img, #bio13 img, #bio14 img, #bio15 img, #bio16 img, #bio17 img, #bio18 img, #bio19 img, #bio20 img, #bio21 img, #bio22 img, #bio23 img, #bio24 img, #bio25 im, #bio26 im, #bio27 img, #bio28 img {
	float: left;
	margin: 0 10px 10px 0;
}


#content-people table {
	width: 450px;
	margin: 0;
}
#content-people table td {
	width: 90px;
	height: 80px;
}
#content-people div.headshot a:link, #content-people div.headshot a:visited {
	width: auto;
	height: 70px;
	margin: 0;
	padding: 5px 10px;
	display: block;
	outline: none;
}

#content-people div.headshot a:hover#thum01 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum02 { background-color: #aa1f24; }
#content-people div.headshot a:hover#thum03 { background-color: #908e41; }
#content-people div.headshot a:hover#thum04 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum05 { background-color: #aa1f24; }
#content-people div.headshot a:hover#thum06 { background-color: #908e41; }
#content-people div.headshot a:hover#thum07 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum08 { background-color: #aa1f24; }
#content-people div.headshot a:hover#thum09 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum10 { background-color: #aa1f24; }
#content-people div.headshot a:hover#thum11 { background-color: #aa1f24; }
#content-people div.headshot a:hover#thum12 { background-color: #908e41; }
#content-people div.headshot a:hover#thum13 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum14 { background-color: #908e41; }
#content-people div.headshot a:hover#thum15 { background-color: #908e41; }
#content-people div.headshot a:hover#thum16 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum17 { background-color: #908e41; }
#content-people div.headshot a:hover#thum18 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum19 { background-color: #908e41; }
#content-people div.headshot a:hover#thum20 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum21 { background-color: #908e41; }
#content-people div.headshot a:hover#thum22 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum23 { background-color: #aa1f24; }
#content-people div.headshot a:hover#thum24 { background-color: #908e41; }
#content-people div.headshot a:hover#thum25 { background-color: #c28d23; }
#content-people div.headshot a:hover#thum26 { background-color: #aa1f24; }
#content-people div.headshot a:hover#thum27 { background-color: #908e41; }
#content-people div.headshot a:hover#thum28 { background-color: #aa1f24; }
#content-people div.headshot a:hover#thum29 { background-color: #908e41; }
#content-people div.headshot a:hover#thum30 { background-color: #aa1f24; }

#content-people div.headshot a:link img, #content-people div.headshot a:visited img {
	margin: 0;
	border: 0;
}

#content-people h2 {
	font-weight: bold;
	margin: 0 0 2px 0;
	font-size: 12px;
	line-height: 14px;
	color: #666;
}
#content-people p.job-title {
	margin: 0 0 8px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 14px;
	color: #fff;
}

#col-1, #col-2, #col-3 {
	width: 250px;
	float: left;
	margin: 0 0 0 10px;
}

#video {
	width: 425px;
	float: left;
	margin: 0 0 0 20px;
}

p.testimonial {
	margin: 0;
	padding: 6px 0 0 0;
}
p.attribution {
	margin: 3px 0 10px 15px;
	color: #666;
	font-weight: bold;
	line-height: 1.1em;
}

#content-people ul {
	margin: 0 0 6px 0;
	padding: 0;
}
#content-people li {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-image: url(../images/bullet.gif);
}

/* Projects
------------------------------------------------------------ */

.TabbedPanels {
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	width: 800px;
}
.TabbedPanelsTabGroup {
	margin: 0;
	padding: 0;
}
.TabbedPanelsTab {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	background: url(../images/bg-tab-hover.jpg) 0 0 no-repeat;
}
.TabbedPanelsTabSelected {
	background: url(../images/bg-tab.jpg) 0 0 no-repeat;
	outline: none;
}
.TabbedPanelsTab a {
	text-decoration: none;
	outline: none;
	margin: 0;
	padding: 0;
}
.TabbedPanelsContentGroup {
	clear: both;
}
.TabbedPanelsContent {
	padding: 0;
	height: 320px;
}

.TabbedPanelsImage {
	float: left;
	padding: 0;
	height: 320px;
	width: 442px;
}
.TabbedPanelsImage a:link, .TabbedPanelsImage a:visited {
	margin: 0;
	padding: 0;
	height: 320px;
	width: 442px;
	display: block;
	background: url(../images/icon-magnify-off.gif) 100% 100% no-repeat;
	border-bottom: 0;
}
.TabbedPanelsImage a:hover {
	background: url(../images/icon-magnify-on.gif) 100% 100% no-repeat;
}

.TabbedPanelsFullImage {
	float: left;
	padding: 0;
	height: 320px;
	width: 700px;
}
.TabbedPanelsDescription {
	float: right;
	padding: 0;
	height: 320px;
	width: 250px;
}
h2.project-name {
	font-weight: normal;
	margin: 0 0 4px 0;
	font-size: 11px;
	line-height: 14px;
	color: #000;
}
ul.award-list {
	margin: 5px 0;
	padding: 0;
	color: #666;
	list-style-type: none;
}
ul.award-list li {
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 13px;
	color: #ddd;
}
p.continues {
	margin: 0;
	padding: 2px 0 0 0;
	text-align: left;
	border-top: 1px dotted #ddd;
	color: #666;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 100px;
	height: 320px;
	position: relative;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0;
	height: 80px;
	padding: 0;
}
.TabbedPanelsTab img {
	margin: 5px 20px 5px 10px;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	color: #fff;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0;
	width: 700px;
	height: 320px;
}


/* Testimonial
------------------------------------------------------------ */
#testimonial {
	width: 800px;
	margin: 10px auto 0 auto;
	text-align: right;
	line-height: 14px;
	height: 40px;
	color: #fff;
}


/* Navigation
------------------------------------------------------------ */

#nav-wrap-home, #nav-wrap {
	width: 100%;
	height: 85px;
	background: url(../images/bg-nav.gif) 50% 50% no-repeat;
}
#nav-wrap-home {
	margin: 130px 0;
}
#nav-wrap {
	margin: 20px 0;
}

#nav-container {
	width: 800px;
	height: 85px;
	margin: 0 auto;
	text-align: left;
}
#nav-logo {
	width: 70px;
	height: 85px;
	float: left;
	padding-left: 10px;
}

#nav-services {
	width: 710px;
	height: 19px;
	float: right;
}
#nav-people {
	width: 710px;
	height: 19px;/* 47 with margins */
	margin: 14px 0;
	float: right;
}
#nav-portfolio {
	width: 710px;
	height: 19px;
	float: right;
}

#nav-services ul, #nav-people ul, #nav-portfolio ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav-services li, #nav-people li, #nav-portfolio li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(none);
}

#nav-services li.services, #nav-portfolio li.at-portfolio, #nav-services li.at-services, #nav-portfolio li.portfolio, #nav-services li a, #nav-people li a, #nav-portfolio li a, #nav-services li a:visited, #nav-people li a:visited, #nav-portfolio li a:visited, #nav-services li a:hover, #nav-people li a:hover, #nav-portfolio li a:hover {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	outline: none;
	height: 19px;
	padding: 0;
	text-decoration: none;
}

/* Contact Form --------------------------- */ 	

#contact-form {
	margin: 0;
	padding: 0;
	text-align: left;
}
#contact-form input {
	font-size: 0.85em;
	width: 250px;
	margin: 0 0 5px 0;
	padding: 0px;
	border: #ccc solid 1px;
}
#contact-form textarea {
	font-size: 1em;
	width: 250px;
	margin: 0 0 5px 0;
	padding: 0px;
	border: #ccc solid 1px;
}
#contact-form input#submit, #contact-form input#reset {
	width: 70px;
	margin: 0 20px 0 0;
	padding: 0;
	height: 19px;
}

/* Footer
------------------------------------------------------------ */

#footer-home, #footer {
	width: 800px;
	margin: 0 auto;
	text-align: right;
	color: #7e7e7e;
}
#footer-home {
	background: url(../images/bg-footer.jpg) 100% 0 no-repeat;
	padding: 66px 0;
}
#footer-home a:hover, #footer a:hover {
	border-bottom: solid 1px #fff;
}

#footer-home p, #footer p {
	margin: 0;
}
#footer-head-home, #footer-head {
	height: 25px;
	text-indent: -9999px;
}
#footer-head-home {
	background: url(../images/bg-footer-head-home.gif) 0 0 no-repeat;
}
#footer-head {
	background: url(../images/bg-footer-head.gif) 0 0 no-repeat;
}
.biopic {
	width: 240px;
	padding-bottom: 10px;
}
.biotxt {
	clear: left;
	float: left;
	width: 240px;
}