/* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #page {width: 780px; margin: 0px auto; font: 8.5pt arial; color: #5F6062;} #page p {color: #5F6062; } img#header-site {float: left; border: 0px;} #header {width: 100%; margin-bottom: 15px;} #header #header-nav {float: right; width: 400px; text-align: right; height: 25px; padding-top: 10px;} #height #header-nav p {color: #A2A4A7;} #header #header-nav a {color: #A2A4A7; font-size: 8pt; text-decoration: none;} #header #header-nav span {font-size: 8pt;} #header #header-search {float: right; width: 280px; text-align: right; height: 18px; margin: 30px 0px 10px 0px;} #header #header-search img {float: right; margin: 4px 10px 0px 0px; } #header #search_submit {margin: 0px 0px 0px 7px; float: right; } #header #header-search input.txt {float: right; border: solid #d2d4d7 1px; } #nav-menu {float: left; width: 110px; } #nav-menu a img {border: 0; cursor: pointer;} #nav-menu .main-nav {line-height: 18px; vertical-align: middle} #nav-menu div.pacman {margin: 2px 0px 4px 0px} #nav-menu .sub-nav {line-height: 13px; vertical-align: middle} #center_and_right_columns {float: left; margin-left: 10px; width: 660px;} #center_column {float: left; width: 440px; } #right_column {float: right; width: 210px; } .largest {font-size: 11pt;} .large {font-size: 10pt;} .medium {font-size: 9pt;} .small {font-size: 8pt;} .heavy {font-weight: bold;} .light {font-weight: normal;} .caps {text-transform: uppercase; } .green {color: #C2CD23} .dark_gray {color: #5F6062} .light_gray {color: #A2A4A7 !important;} .lighter_gray {color: #E7E8E9} .italic {font-style: italic} .white_background {background-color: white;} .gray_background {background-color: #E7E8E9;} input.text {width: 100%; border: solid #A2A4A7 1px;} br.reset {height: 0px; clear: both} img {border: none} a {text-decoration: none; color: #5F6062;} a:hover {color: #C2CD23;} a.email {color: #C2CD23;} .text_element a {color: #C2CD23;} .text_element p {margin-top: 10px;} .service_text p {margin-top: 10px;} ul {padding: 0px; margin: 0px;} li {list-style-type: none;} select {border: solid #A2A4A7 1px; color: #5F6062;} div.pacman {display: block; line-height: 3px; height: 3px; margin: 4px 0px; clear: both; border: 0px; background: #fff url(/images/pacman.gif) repeat scroll center;} div.white {background: #5F6062 url(/images/pacman_white.gif) repeat scroll center;} div.gray {background: #5F6062 url(/images/pacman_gray.gif) repeat scroll center;} div.gray2 {background: #5F6062 url(/images/pacman_gray2.gif) repeat scroll center;} #footer {width: 100%; text-align: right;} #footer p {font-size: 8pt; color: #A2A4A7;} #pagination {color: #A2A4A7; font-size: 8pt; font-style: italic;} #pagination #current_page {float: left;} #pagination #links {float: right;} #pagination #links a {color: #A2A4A7; margin-left: 8px;} #pagination #links span {margin-left: 8px} #sidebar_project_list {clear: right; float: right; width: 190px; background-color: #5F6062; padding: 0px 10px;} #sidebar_project_list .header_image {margin: 10px 0px 0px 0px;} #sidebar_project_list ul {margin: -5px 0px 0px 0px;} #sidebar_project_list li {margin: 6px 0px;} #sidebar_project_list li a {color: white;} #sidebar_project_list .name {font-weight: bold; margin-top: 3px;} #sidebar_project_list .location { } /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #homepage #homepage_projects {width: 440px; height: 315px; float: left;} #homepage #homepage_projects .info {position: absolute; left: 10px; height: 42px; width: 275px; font-size: 10pt; padding: 5px; background-color: white; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; } #homepage #homepage_projects .info .name {color: #5F6062; font-weight: bold; margin-left: 10px; margin-top: 2px;} #homepage #homepage_projects .info .loc {color: #A2A4A7; font-style: italic; margin-left: 10px; margin-top: 4px;} #homepage #homepage_projects .controls {position: absolute; cursor: pointer; right: 10px; height: 50px; line-height: 50px; vertical-align: middle; width: 20px; background-color: white; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; } #homepage #homepage_projects .controls .label_image {float: left; margin: 20px 5px;} #homepage #homepage_projects .homepage_project {position: relative; } #homepage #homepage_text {float: left; margin: 15px 0px 10px 0px;} #homepage #sidebar_project_list {height: 315px; overflow: hidden;} #homepage #quickview {float: right; margin-top: 30px;} #homepage #quickview div {text-transform: uppercase; color: #5F6062; font-weight: bold; font-size: 7pt; } #homepage #quickview select {font-size: 8pt; width: 210px; margin-top: 4px; background-color: #C2CD23} #homepage #quickview option {background-color: white;} #homepage #quickview option:hover {background-color: #C2CD23;} #homepage #label_latest_news { float: left; } #homepage #news { float: left; background-color: #E7E8E9; color: #5F6062; padding: 8px 10px; width: 640px; margin-top: 10px;} #homepage #news a.more { display: block; float: right;} #homepage #news ul { margin: 0px; } #homepage #news li { float: left; margin-right: 30px; width: 190px;} #homepage #news li.last { margin-right: 0px;} #homepage #news li a { color: #5F6062; } #homepage #news li .name { font-weight: bold;} #homepage #news li .body { } #homepage #news li .when { font-style: italic; color: #A2A4A7; } /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #projects_search {margin: 0px; width: 647px; background-color: #E7E8E9; color: #5F6062; padding: 7px; text-align: left;} #projects_search #project_categories {} #projects_search #project_categories li {display: block; float: left; margin: 0px 8px 10px 0px;} #projects_search #project_categories li input {display: block; float: left;} #projects_search #project_categories li label {display: block; float: left; margin-top: 5px; margin-right: 19px;} #projects_search #project_categories #category_4 {margin-right: 0px;} #projects_search img#label_sort {margin-top: 2px } #projects_search #additional_search_controls {float: right; padding: 5px;} #projects_search #additional_search_controls img {float: right; margin-right: 10px;} #projects_search #additional_search_controls input {float: right; margin-top: -2px; } #projects_search #additional_search_controls select {float: right; font-size: 8pt;} #project_list {display: block; width: 670px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;} #project_list li.project {display: block; width: 160px; height: 140px; float: left; margin: 7px 7px 0px 0px; padding: 0px; } #project_list li a.project_href {background-color: #5F6062; color: #A2A4A7; display: block; width: 100%; height: 100%; } #project_list li a.project_href:hover {background-color: #C2CD23; color: white } #project_list li img {float: left; border: 0px; width: 160px; height: 100px; margin: 0px;} #project_list li .project_details {float: left; margin: 0px; width: 160px; height: 40px; overflow: hidden;} #project_list li .padded {padding: 5px 10px; } #project-detail #project-header {float: left; width: 400px; height: 50px;} #project-detail #project-header .name {font-size: 11pt; font-weight: bold; color: #5F6062;} #project-detail #project-header .client {font-size: 10pt; font-style: italic; color: #A2A4A7;} #project-detail #project-browser {float: right; width: 220px; height: 50px; text-align: right; font-weight: bold; font-size: 7pt; text-transform:uppercase; } #project-detail #project-browser .browse {color: #A2A4A7;} #project-detail #project-browser .browse a {color: #A2A4A7; } #project-detail #project-browser .return a {color: #C2CD23; } #project-detail #image-holder {float: left; width: 440px; text-align: center; padding: 0px; margin: 0px; } #project-detail #at-a-glance {float: right; width: 186px; background-color: #5F6062; color: white; padding: 12px; margin: 0px 0px 10px 0px;} #project-detail #at-a-glance dt {font-weight: bold; margin-top: 10px;} #project-detail #at-a-glance dd {margin-left: 0px;} #project-detail #project-thumbnails {float: left; width: 440px; margin-top: 5px;} #project-detail #project-thumbnails div.img {float: left; margin: 2px 4px 2px 0px; cursor: pointer;} #project-detail #project-thumbnails .img {border: 0px;} #project-detail #project-description {float: left; width: 440px; margin-top: 15px;} #project-detail #related-projects {float: right; width: 200px; background-color: #A2A4A7; color: white; padding: 0px 8px; margin-top: 10px;} #project-detail #related-projects h4 {text-transform: uppercase; font-size: 7pt;} #project-detail #sidebar_project_list {background-color: #797B7E;} #awards #awards_list {float: right; width: 200px; } #awards #awards_list ul {} #awards #awards_list li {margin: 0px 0px 20px 0px; } #awards #awards_list li.regular a { } #awards #awards_list li.highlighted a { color: #C2CD23 } #awards #award_details {float: left; width: 440px; } #awards #award_details img { /*width: 440px; height: 315px;*/ } #awards #award_details .name {font-size: 10pt; font-weight: bold; margin-top: 10px;} #awards #award_details .from {color: #A2A4A7; font-style: italic; margin-top: 2px;} #awards #award_details .description { } #awards #award_details .detail_link {color: #C2CD23; text-transform: uppercase; font-weight: bold; font-size: 7pt; } /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #newsletters {float: left; width: 320px;} #newsletters .newsletter {margin-bottom: 16px;} #newsletters .newsletter .section {margin-top: 16px;} #featured_articles {float: right; width: 320px;} #featured_articles .article {margin-top: 16px;} #newsletters h4, #featured_articles h4 { font-weight: bold; color: #5F6062; font-size: 12pt; margin: 0px;} #newsletters a.dead_link, #featured_articles a.dead_link { font-weight: normal; color: #A2A4A7;} #newsletters a.download, #featured_articles a.download { font-weight: bold; color: #C2CD23;} #newsletter_signup {float: left; background-color: #E7E8E9; padding: 15px 10px 5px 10px; width: 300px; color: #5F6062; font-size: 8pt;} #newsletter_signup_form .label {float: left; margin: 5px 0px} #newsletter_signup_form #first_name {width: 140px; float: left; margin: 5px 0px 5px 0px;} #newsletter_signup_form #last_name {width: 140px; float: right; margin: 5px 5px 5px 0px;} #newsletter_signup_form #email_address {width: 295px; float: left; margin-right:5px;} #newsletter_signup_form .submit {float: right; margin: 11px 2px 5px 0px;} #subscribe {width: 440px; color: #5F6062;} #subscribe h3 {color: #A2A4A7;} #subscribe p {color: #5F6062; font-size: 8pt;} #subscribe a {color: #C2CD23; font-weight: bold; font-size: 8pt;} /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #news #event_list {float: right; width: 200px;} #news #event_list ul {text-indent: 0px; } #news #event_list li {margin: 5px 0px 20px 0px; } #news #event_list li .name {font-weight: bold;} #news #event_list li .date {color: #A2A4A7; margin-top: 2px;} #news #event_list li a:hover .date {color: #C2CD23; } #news #event_list li.highlighted a { color: #C2CD23; } #news #event_list li.highlighted a .date { color: #C2CD23; } #news #event_details {float: left; width: 440px;} #news #event_details .name {font-size: 10pt; font-weight: bold; margin-top: 10px;} #news #event_details .date {color: #A2A4A7; font-style: italic; margin-top: 2px;} /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #services #service_list {float: left; width: 440px; margin-top: -15px;} #services #service_list ul {margin-top: 10px;} #services #service_list li {float: left; margin: 5px 15px 5px 0px; } #services #service_list li.regular a {color: #5F6062; } #services #service_list li.highlighted a {color: #C2CD23; } #services #service_details {float: left; width: 420px; } #services #service_details .label_image {margin-top: 5px;} #services #service_details .service_text { } #services #service_details .sub_service_list .label_image {margin: 3px;} #services #service_details .sub_service_list {display: block; font-size: 8pt; background-color: #E7E8E9; color: #797B7E; width: 430px; padding:5px 0 5px 10px; margin-top: 15px;} #services #service_details .sub_service_list ul {margin: 0px} #services #service_details .sub_service_list li {float: left; width: 135px; margin: 3px;} #services #service_details .sub_service_list br {clear: both;} #services #related_projects {float: right; width: 160px; background-color: #5F6062; font-size: 10px; font-weight: bold; color: white; padding: 0px 10px;} #services #header_related_projects {margin: 10px 0px 0px 0px;} #services #related_projects ul {margin: -5px 0px 0px 0px;} #services #related_projects li {margin: 6px 0px;} #services #related_projects li a {color: white;} #services #related_projects li a img {border: 0px; width: 160px; height: 100px;} #services #related_projects .location {font-weight: normal; font-style: italic; } #history #center_column {width: 440px; float: left;} #history #center_column p {color: #5F6062;} #history #right_column {width: 210px; float: right; padding: 0px;} #history #right_column .history_image {width: 210px; height: 160px; margin: 5px 0px;} /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #careers {width: 440px; } #careers #header_careers {margin-bottom: 10px; margin-top: 5px;} #careers p {font-size: 8pt; color: #5F6062} #careers hr {margin: 20px 0px;} #careers .job .title {text-transform: uppercase; font-size: 8.5pt; margin: 0px;} #careers .job .description {margin: 0px; } /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #contact p {} #contact #center_column {width: 440px; float: left;} #contact #center_column #map {width: 440px; height: 378px; margin-top: 10px;} #contact #right_column .module {margin-bottom: 25px; color: #5F6062;} #contact #right_column #personnel #rows {margin-top: 10px;} #contact #right_column #personnel .row {clear: both;} #contact #right_column #personnel .title {float: left;} #contact #right_column #personnel .count {float: right;} /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 dark nav bar: #45494C light nav bar: #979A9C Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #files_home #center_column #client_nav li {color: #5F6062; margin: 15px 0px; font-size: 10pt;} #files_home #right_column {color: #5F6062; } #files_home #right_column #login_form {margin-top: 20px; position: relative;} #files_home #right_column #login_form label {display: block; margin: 10px 0px 3px 0px;} #files_home #right_column #login_form .image {float: right; margin: 10px 0px;} #files_home #right_column #login_form #alert_login {position: absolute; left: -150px; top: -15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/images/alert_login.png');} #files_home #right_column #login_form #alert_tryagain {position: absolute; left: -162px; top: -15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/images/alert_tryagain.png');} #files_home #right_column .instructions {font-style: italic; color: #A2A4A7;} #files_home #right_column .instructions a {} #list_files .title {margin-top: 0px;} #list_files .category_name img {float: left; margin-left: 5px;} #list_files .category_name span {float: left; display: block; margin-left: 2px; margin-top: 5px;} #list_files .expand {} #list_files .contract {display: none;} #list_files #file_list {margin-top: 20px;} #list_files .files_table {margin-left: 12px; margin-bottom: 12px; width: 423px;} #list_files .files_table td {height: 13px; line-height: 13px;} #list_files .files_table .name {padding-left: 8px;} #list_files .files_table .size {width: 45px;} #list_files .files_table .date {width: 55px;} #list_files .files_table .actions {text-align: right; width: 100px;} #list_files .files_table .actions .download {vertical-align: top;} #list_files #upload_files {margin-top: 50px;} #list_files #upload_files label {display: block; margin-top: 10px; } #list_files #upload_files select {margin-top: 10px; } #list_files #upload_files #file_inputs {margin-top: 10px; position: relative;} #list_files #upload_files #file_inputs .file {width: 355px; position: relative; text-align: right; z-index: 2; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0;} #list_files #upload_files #file_inputs .fake {position: absolute; z-index: 1;} #list_files #right_column {margin-top: 8px;} #list_files #right_column .header_image {float: left;} #list_files #right_column .sort_link {float: right; margin-left: 8px;} #list_files #right_column #files_project_list li {margin-top: 10px;} /* Main Colors: Dark Gray (all dark text): #5F6062, Green (rollovers & accents): #C2CD23, Light Gray (subtitles, footer, subnav, dates, etc.): #A2A4A7 Lighter Gray: #E7E8E9 Image sizes: 160x100 (thumbnails), 190x100 (featured projects), 210x160 (right column bleed), 440x315 (large overview images), 32x20 (small thumbnails) */ #search_results .header {margin-bottom: 25px;} #search_results hr {margin-top: 15px;} #search_results .search_result {margin-top: 15px;} #search_results .search_result .highlight {font-weight: bold }