/* Mach A+E Screen/Projection CSS Document */

body {
margin:0;
border:0;
padding:0;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:small;
color:#F8F9FB;
background:#064582;
}

/* Header */

#header {
margin:0;
border:0;
padding:0;
display:none;
}

/* Container */

#container {
margin:0 auto;
border:0;
padding:0;
background:url(../graphics/navigation_bg.jpg) repeat-x top left;
}

#inside_container {
margin:0 auto;
border:0;
padding:0;
background:url(../graphics/inside_header_bg.jpg) repeat-x top left;
}

/* Navigation */

#navigation, #inside_navigation {
margin:0 auto;
border:0;
padding:0;
text-align:left;
font-size:13px;
font-variant:small-caps;
}

#navigation {
width:730px;
height:35px;
}

#inside_navigation {
width:780px;
height:155px;
background:url(../graphics/inside_navigation_bg.jpg) no-repeat top center;
}

#navigation ul, #inside_navigation ul {
margin:0;
border:0;
padding:0;
color:#FFF;
list-style:none;
}

#inside_navigation ul {
margin-left:25px;
}

#navigation li, #inside_navigation li {
float:left;
line-height:9px;
margin:15px 0 0 0;
border:0;
border-left:1px solid #FFF;
padding:0 15px;
}

#navigation .li_noborder, #inside_navigation .li_noborder {
border:0;
margin-left:-10px;
}

#navigation a, #inside_navigation a {
color:#FFF;
text-decoration:none;
}

#navigation a:hover, #inside_navigation a:hover {
text-decoration:underline;
}

/* Index Content */

#index_content {
height:335px;
margin:0 auto;
border:0;
padding:0;
background:url(../graphics/index_content_bg.jpg) repeat-x top left
}

#index_content object {
margin:0;
border:0;
padding:0;
}

/* Inside Content */

#inside_content, #inside_content_projects {
width:730px;
margin:0 auto;
border:0;
border-bottom:5px solid #80A0BF;
padding:0 0 10px 0;
text-align:left;
font-size:15px;
color:#DAE3EC;
background:#064582;
text-align:left;
}

#inside_content h2, #inside_content h3, #inside_content h4, #inside_content h5, #inside_content h6 {
font-variant:small-caps;
}

#inside_content_projects h2, #inside_content_projects h3, #inside_content_projects h4, #inside_content_projects h5, #inside_content_projects h6 {
font-variant:small-caps;
}

#inside_content a, #inside_content_projects a {
color:#FFF;
}

#inside_content h2, #inside_content_projects h2 {
float:left;
margin:15px 0;
border:0;
padding:0;
font-size:30px;
color:#FFF;
}

#inside_content h3, #inside_content_projects h3 {
margin:0 0 10px 0;
border:0;
padding:0 0 10px 0;
font-size:25px;
color:#FFF;
font-style:italic;
}

#inside_content h4 {
margin:0;
border:0;
padding:0 0 30px 0;
font-size:20px;
color:#FFF;
}

#inside_content h5, #inside_content_projects h5 {
font-size:15px;
color:#FFF;
}

#inside_content h4 .news {
margin:0;
border:0;
padding:0;
text-align:center;
}

#inside_content p {
width:60%;
margin:0;
border:0;
padding:0 0 15px 0;
}

#inside_content ul, #inside_content ol {
margin:10px 0 10px 50px;
border:0;
padding:0;
}

#inside_content ul {
list-style:square;
color:#FFF;
}

#inside_content ul ul, #inside_content ol ol {
margin:0 0 10px 50px;
border:0;
padding:0;
}

#inside_content ul ul {
list-style:circle;
color:#FFF;
}

#inside_content ol {
list-style:decimal;
}

#inside_content ol ol {
list-style:lower-alpha;
}

#inside_content li {
margin:0;
border:0;
padding:0 0 5px 0;
}

#inside_content .ul_news {
width:90%;
margin:0 0 10px 50px;
border:0;
padding:0;
list-style:square;
color:#FFF;
}

#inside_content .ul_news p {
margin:0;
border:0;
padding:0;
}

#inside_content .ul_news li {
margin:0;
border:0;
padding:0 0 25px 0;
}

#inside_content .news_photo {
width:230px;
margin:0;
border:1px solid #333;
padding:0;
}

#news_caption {
float:right;
width:232px;
margin:0 0 15 15px;
border:0;
padding:0;
font-size:x-small;
}

#news_caption p {
margin:10px 0;
border:0;
padding:0;
}

#inside_content .project_photo {
float:left;
margin:0 15px 15px 0;
border:1px solid #333;
padding:0;
}

#inside_content .text_variant_smallcaps {
font-variant:small-caps;
}

#inside_content .project_p {
margin:0 0 15px 370px;
border:0;
padding:0;
font-size:12px;
}

#directory {
width:720px;
margin:0;
border:0;
padding:0;
text-align:left;
}

#directory p {
width:100%;
}

#contact_info {
width:730px;
margin:0;
border:0;
padding:0;
margin-top:20px;
}

#directory_left {
float:left;
width:164px;
margin:0;
border:0;
padding:0;
text-align:left;
}

#directory_left img {
margin:0;
border:1px solid #FFF;
padding:0;
}

#directory_center {
float:left;
width:296px;
margin:0;
border:0;
padding:0;
text-align:left;
}

#directory_right {
float:right;
width:260px;
margin:0;
border:0;
padding:0;
text-align:left;
}

#contact_info_left {
float:left;
width:325px;
margin:0;
border:0;
padding:0 20px;
text-align:left;
}

#contact_info_right {
float:right;
width:320px;
margin:0;
border:0;
border-left:1px dotted #FFF;
padding:0 20px;
text-align:left;
}

/* Subnavigation */

#subnavigation {
float:right;
width:auto;
margin:0 auto;
border:0;
padding:25px 0 0 0;
font-size:13px;
color:#F8F9FB;
text-align:right;
font-variant:small-caps;
}

#subnavigation a {
color:#F8F9FB;
padding:0 5px;
text-decoration:none;
}

#subnavigation p {
width:100%;
margin:0;
border:0;
padding:0 0 15px 0;
}

#subnavigation a:hover {
text-decoration:underline;
}

/* Projects */

#projects {
width:730px;
margin:0;
border:0;
padding:0;
}

#projects p {
margin:0;
border:0;
padding:20px;
}

#projects h3 {
padding:10px 20px;
}

#projects h4 {
margin:0;
border:0;
padding:0 20px 15px 20px;
font-size:20px;
}

#projects_left {
float:left;
width:325px;
margin:0;
border:0;
padding:0 20px;
}

#projects_left p {
margin:0;
border:0;
padding:0 0 15px 0;
}

#projects_left h4 {
margin:0;
border:0;
padding:0 0 15px 0;
font-size:20px;
}

#projects_left h5 {
margin:0;
border:0;
padding:0;
font-size:15px;
}

#projects_right {
float:right;
width:325px;
margin:-15px 0 0 0;
border:0;
padding:0 20px;
}

#projects_right ul {
list-style-type:square;
}

#projects_right ul li {
margin-bottom:5px;
}

#project_image {
width:690px;
margin:0 20px;
border:0px solid #FFF;
padding:0;
text-align:center;
vertical-align:middle;
}

#project_image img {
margin:0;
border:0;
padding:0;
}

#project_photos {
text-align:left;
}

#project_photos ul {
float:left;
margin:20px;
border:0;
padding:0;
list-style-type:none;
}

#project_photos li {
display:inline;
margin:0;
border:0;
padding:0 10px 0 0;
}

#project_photos p {
float:right;
margin:20px;
border:0;
padding:0;
text-align:right;
}

/* Content Divider */

.content_divider {
clear:both;
margin:0 0 5px 0;
border:0;
border-bottom:1px dashed #CCC;
padding:0;
}

/* Index Banner */

#index_banner {
width:730px;
height:72px;
margin:0 auto;
border:0;
border-top:5px solid #80A0BF;
border-bottom:5px solid #80A0BF;
padding:0;
background: url(../graphics/index_banner_bg.jpg) no-repeat top center;
}

/* Inside Banner */

#inside_banner {
width:730px;
height:72px;
margin:0 auto;
border:0;
border-top:5px solid #80A0BF;
border-bottom:5px solid #80A0BF;
padding:0;
background:#B9B9B9;
}

/* Inside Background */

#inside_background {
min-height:385px;
margin:20px 0 0 0;
border:0;
padding:0 10px 15px 10px;
}

#inside_background_news {
margin:20px 0 0 0;
border:0;
padding:0 10px 15px 10px;
}

#inside_background_awards, #inside_background_careers, #inside_background_firmprofile, #inside_background_projects, #inside_background_projects_colleges, #inside_background_services, #inside_background_architecture, #inside_background_engineering, #inside_background_green, #inside_background_planning {
height:485px;
margin:20px 0 0 0;
border:0;
padding:0 10px 30px 10px;
}

#inside_background_contact_form {
height:auto;
}

#inside_background_awards, #inside_background_contact_form {
background: url(../graphics/inside_background_awards.jpg) no-repeat bottom right;
}

#inside_background_careers {
background: url(../graphics/inside_background_careers.jpg) no-repeat bottom right;
}

#inside_background_firmprofile {
background: url(../graphics/inside_background_firmprofile.jpg) no-repeat bottom right;
}

#inside_background_projects {
background: url(../graphics/inside_background_projects.jpg) no-repeat bottom right;
}

#inside_background_projects_colleges {
background: url(../graphics/inside_background_projects_colleges.jpg) no-repeat bottom right;
}

#inside_background_services {
background: url(../graphics/inside_background_services.jpg) no-repeat bottom right;
}

#inside_background_architecture {
background: url(../graphics/inside_background_architecture.jpg) no-repeat bottom right;
}

#inside_background_engineering {
background: url(../graphics/inside_background_engineering.jpg) no-repeat bottom right;
}

#inside_background_green {
background: url(../graphics/inside_background_green.jpg) no-repeat bottom right;
}

#inside_background_planning {
background: url(../graphics/inside_background_planning.jpg) no-repeat bottom right;
}

#inside_background_ipd {
background: url(../graphics/inside_background_ipd.jpg) no-repeat bottom right;
}

#project_listing {
float:right;
width:280px;
text-align:center;
}

#project_listing ul {
list-style-type:none;
}

#project_listing ul li {
margin-bottom:5px;
}

#project_listing a {
font-variant:small-caps;
text-decoration:none;
}

#project_listing a:hover {
text-decoration:underline;
}

#project_listing2 {
float:left;
width:480px;
text-align:left;
}

#project_listing2 ul {
list-style-type:none;
}

#project_listing2 ul li {
margin-bottom:5px;
}

#project_listing2 a {
font-variant:small-caps;
text-decoration:none;
}

#project_listing2 a:hover {
text-decoration:underline;
}

/* Footer */

#footer {
width:655px;
margin:20px auto;
border:0;
padding:0 75px 5px 0;
text-align:right;
background:url(../graphics/footer_logo.jpg) no-repeat top right;
color:#F8F9FB;
font-size:11px;
font-variant:small-caps;
}

#footer ul {
margin:0 0 25px 0;
border:0;
padding:0;
text-align:left;
list-style:none:
}

#footer li {
display:inline;
line-height:9px;
margin:0;
border:0;
border-left:1px solid #FFF;
padding:0 15px;
}

#footer .li_noborder {
border:0;
margin-left:-15px;
}

#footer a {
color:#FFF;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/* Text Elements */

h1, h2, h3, h4, h5, h6 {
display:block;
}

.text_xlarge {
font-size:x-large;
}

.text_large {
font-size:large;
}

.text_medium {
font-size:16px;
}

.text_small {
font-size:14px;
}

.text_xsmall {
font-size:12px;
}

.align_left {
text-align:left;
}

.align_center {
text-align:center;
}

.align_right {
text-align:right;
}

.bold {
font-weight:bold;
}

.normal {
font-weight:normal;
}

.underline {
text-decoration:underline;
}

.li_acrobat {
list-style-image:url(../graphics/icon_acrobat.gif);
vertical-align:middle;
}

.li_excel {
list-style-image:url(../graphics/icon_excel.gif);
vertical-align:middle;
}

.li_powerpoint {
list-style-image:url(../graphics/icon_powerpoint.gif);
vertical-align:middle;
}

.li_word {
list-style-image:url(../graphics/icon_word.gif);
vertical-align:middle;
}

.li_zip {
list-style-image:url(../graphics/icon_zip.gif);
vertical-align:middle;
}

.li_quicktime {
list-style-image:url(../graphics/icon_quicktime.gif);
vertical-align:middle;
}

.li_wmv {
list-style-image:url(../graphics/icon_wmv.gif);
vertical-align:top;
}

.li_real {
list-style-image:url(../graphics/icon_real.gif);
vertical-align:middle;
}

.li_photos {
list-style-image:url(../graphics/icon_photos.gif);
vertical-align:middle;
}

.float_right {
float:right;
}

.float_left {
float:left;
}

.hide {
display:none;
}

.clear_both {
clear:both;
}

ul {
list-style-image:url(../graphics/li_bullet.gif);
}

img {
border:0;
}

/* Form Elements */

form {
margin:0;
padding:0;
border:0;
}

fieldset {
margin:0;
border:0;
padding:0 0 15px 0;
}

#fieldset p {
margin:0 10px;
padding:0 0 10px 0;
border:0;
}

legend {
margin:0;
border:0;
padding:0 0 15px 0;
font-family:"Times New Roman", Times, serif;
font-size:25px;
font-weight:bold;
color:#FFF;
font-style:italic;
font-variant:small-caps;
}

.textfield_small, .textfield_medium, .textfield_large, .textfield_18px {
margin:2px 0 0 0;
border:1px solid #FFF;
padding:1px 2px;
background:#EFEFEF;
font-family:"Times New Roman", Times, serif;
font-size:13px;
color:#092A4B;
vertical-align:middle;
}

.textfield_18px {
width:18px;
}

.textfield_small {
width:170px;
}

.textfield_medium {
width:215px;
}

.textfield_large {
width:280px;
}

.textarea_medium, .textarea_large {
margin:2px 0 0 0;
border:1px solid #FFF;
padding:3px;
background:#EFEFEF;
font-family:"Times New Roman", Times, serif;
font-size:13px;
color:#092A4B;
vertical-align:middle;
}

.textarea_medium {
width:215px;
}

.textarea_large {
width:280px;
height:72px;
}

.dropdown {
margin:2px 0 0 0;
border:1px solid #FFF;
font-family:"Times New Roman", Times, serif;
font-size:13px;
color:#092A4B;
background:#EFEFEF;
vertical-align:middle;
}

.button_login {
margin:0;
border:1px solid #FFF;
padding:2px 6px;
font-family:"Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
color:#FFF;
background:#6676AA;
}

.button {
margin:0 10px 0 0;
border:1px outset;
padding:2px 4px;
font-family:"Times New Roman", Times, serif;
font-size:small;
font-weight:bold;
color:#FFF;
vertical-align:middle;
background:#666;
}