/* Default Stylesheet for Nterchange Frontend */ /* ================================================== */ @import url(print.css) print; /*@import url("other_stylesheet.css") screen;*/ /* HTML RULES */ /* ================================================== */ body {margin:0; font:11px; font-family: arial; color: #002d56;} h1, h2{font-weight: normal;font-family: "palatino", "Georgia", Times;} h1 { font-size: 26px; color: #fff; background: #002d56; clear: both; padding-top: 0px; margin-bottom: 5px;} h1 {padding: 30px 0 5px 253px; margin-left: -253px;} h2 {display: block; width: 600px; font-weight: normal; font-size: 20px; line-height: 1.2; color: #002d56; font-family: "palatino", "Georgia", Times;} h3{font-weight: normal; font-size: 20px; color: #002d56; font-family: "palatino", "Georgia", Times;} /*h3 {color: #002d56; margin:0; padding:0; font-weight: bold; margin-top: 10px;}*/ h4{font-weight: bold;} #main h4 + p{margin-top: 2px;} p {margin:0; padding:0; line-height:1.4; color: #002d56; margin-bottom: 30px;} a {color: #002d56; text-decoration: none;} p a{text-decoration: underline;} a.arrow{padding-left: 8px; font-weight: bold; background: url(/images/arrow_bright.gif) 0 2px no-repeat;} a:focus{outline: none;} ol li{color: #002d56; margin-bottom: 20px;} ol h3{display: block; float: none; width: 600px;} ul{} #main ul li{padding-left: 8px; background: url(/images/bullet.gif) 0 8px no-repeat;} ul.bulleted li{padding-left: 8px; background: url(/images/bullet.gif) 0 8px no-repeat;} ul.arrow li{font-weight: bold; padding-left: 8px; background: url(/images/arrow_bright.gif) 0 5px no-repeat;} h3.arrow, h4.arrow{font-weight: bold; font-family: arial, sans-serif;padding-left: 8px; margin-left: -8px; background: url(/images/arrow_bright.gif) 0 2px no-repeat;} .arrow_up{font-weight: bold; padding-left: 10px; background: url(/images/arrow_up.gif) 0 4px no-repeat;} em{font-weight: bold;} div.rule{background: url(/images/horiz_divider.gif) top left no-repeat; height: 5px; margin: 20px 0;} /* SITE LAYOUT RULES */ /* ================================================== */ #site {width: 925px; margin: 0 auto; position: relative; } #top-bar {height: 33px; width: 925px; background: #ccc; border-bottom: 1px solid #fff;border-top: 10px solid #fff;} #masthead { width:215px; height: 200px; background: url(/images/masthead-bg-long.png) no-repeat top left; position: absolute; top:10px; left:17px; z-index: 90; } #logo {height:167px; width:208px;} #logo img {margin:20px 0 0 30px;} #contact{position: absolute; top: 10px; left: 830px;} #contact a{background: url(/images/contact.gif) top left no-repeat; display: block; width: 65px; height: 12px; text-decoration: none;} #contact a span{visibility: hidden;} #banner-img {position: relative; float: left; width: 100%; background: #002D56; z-index: 0;} #banner-img img{float: right; border-bottom: 1px solid #fff;} #lines {height: 10px; width: 925px; position: absolute; top:0; left:0; z-index: 4; background: url(/images/masthead-lines.gif) repeat-x top left;} #nav { background: url(/images/masthead-bg-long.png) no-repeat top left; } #nav_cap{display: block; height: 14px; background: transparent url(/images/masthead_cap.png) bottom left no-repeat;} #search {} #content {float: left; clear: both; margin-bottom: 50px;} #content h1{width: 672px;} #content h3{margin-bottom: 10px; } #content li{line-height: 1.5;} #content p{float: none; width: 600px;} #portfolio {margin: 1px 0 0 0; height: 100px; width: 925px; background: #002d56;} #unit {padding:0px 0 0 254px; width: 671px; float: left; color: #fff;} #unit a {padding:0px 0 0 10px; text-decoration: none; color: #37bbf8; font-size: 11px; background: url(/images/port-arrow.gif) no-repeat 0 3px;} #unit h2 {font-size: 17px; font-family: "trebuchet MS", helvetica, sans-serif;} #unit h3{font-size: 14px; font-family: arial, sans-serif;margin-bottom: 5px;padding-top: 10px;} #portfolio #unit h3{color: #fff;} #unit p { margin:2px 0 0 0; padding:0 0 6px 0; font-size:12px; color: #fff;} #unit_thumbnails {float: right;height:100px; width: 313px; border-left: 1px solid #fff; } #unit_thumbnails a{padding: 0; background: none;} .unit_details{float:left; width: 350px; padding-top: 5px;} .admin_controls{float: left: clear: both;} #content h2 {margin:20px 0 10px 0px;} #main {float: left; margin-left: 253px; width: 672px; } #main p {margin:10px 0 10px 0; font-size: 12px;} #main h1 + p, p.first{margin-top: 0;} #main h3 + p, p.first{margin-top: 5px;} div.two_col{} div.two_col div{float:left; width: 320px;} div.two_col .col_1{} div.two_col h2{width: 100%;} #content .col_two h3{font-size: 12px; color: #002d56; margin-bottom: 5px;float: left;clear: right;width: 150px;margin-top: 10px;} div.two_col .col_two{width: 288px; float: right; margin-left: 10px;} div.two_col .col_two img{float: left; padding: 10px 15px 20px 0;} #content div.two_col .col_two p{font-size: 11px; line-height: 1.2;margin-top: 0;} ul.two_col{} ul.two_col li{float: left; width: 50%; margin: 0;} .home #nav_cap{} .home .two_col{float:left;margin-bottom:55px;overflow:hidden;} .home #footer{bottom: -75px;} #news{margin: 20px; margin-top: 85px;} #news h2{margin-bottom: 10px;font-family: "trebuchet MS", helvetica, sans-serif; font-size: 16px;} #news h4{margin-bottom: 5px;} #news p{line-height: 1.1; font-size: 11px;margin-right: 10px; margin-bottom: 5px;} #portfolio_block{background-color: #002d56; float: left; margin-left: -253px; width: 670px; padding-left: 253px; padding-top: 20px; margin-top: 28px;} #portfolio_block .category{float: left; width: 325px; margin-right: 10px; height: 120px; color: #fff; } #portfolio_block .category_details{float: left; width: 185px;} #portfolio_block .category h3{width: 170px;padding-left: 15px; background: url(/images/arrow_bright_on_blue.gif) 6px 2px no-repeat; float: left; margin: 0; font-family: Arial; font-size: 12px; font-weight: bold;} #portfolio_block .category h3 a{color: #fff; line-height: 1.2;} #portfolio_block .category p{float: left;color: #fff; width: 170px; font-size: 11px; padding-left: 15px;} #portfolio_block .category ul{float: left;color: #fff; width: 170px; font-size: 11px; background: none; list-style-type: disc;} #portfolio_block .category ul li{background: none; list-style-type: disc; padding-left: 0;margin-left: 15px; list-style-position: inside;} #portfolio_block .category img{float: left; margin-right: 2px;} .projects h1{padding-top: 15px; padding-bottom: 0;} .projects .admin_controls{top: 67px;} #project{float: right; margin-left: -25px;} #project p{width: auto;} #project_image{float: left;} .project_description{width: 217px; float: right; color: #fff; background-color: #002d56; border-top: 2px solid #fff; height: 360px; position: relative;padding-left: 20px; border-left: 1px solid #fff;} #content .project_description h2{width: auto;margin-top: 20px;} .project_description *{color: #fff;} #content .project_description ul li{font-size: 12px; background: none; list-style-type: disc; list-style-position: inside;} #content .project_image_list ul li{list-style: none;} .project_image_list{display: block; clear: both; border-top: 1px solid #fff; position: absolute; bottom: 0; left: 0; width: 100%;} #main .project_image_list p{padding: 0px 0 0 5px;margin:12px 0 3px 13px;} .project_image_list ul{display: block; float: left; padding: 0px 0 10px 15px;} #main .project_image_list li{float:left; list-style: none; margin-right: 6px;background: none; padding-left: 0;} .project_image_list li a{float:left; display: block; width: 12px; font-size: 14px; text-align: center;} .project_image_list li a.current{text-decoration: underline; font-weight: bold;} .project_image_list li a img{padding-top: 5px;} .project_image_list li{background: none !important;} .project img, #project_main_image{float:left;margin-top: 2px;background: #002d56;} .categories h1, .projects h1{background: #fff; color: #002d56;} #unit #home_thumb_1, #unit #home_thumb_2{position: absolute; top: 410px; right: 0; height: 100px; width: 145px; background: none;} #unit #home_thumb_1{right: 155px;} #home_thumb_2{} #side {margin: 10px 0 0 17px; width: 300px; float: left;} #side img {float: left;} #side h3 {margin: 0 0 0 8px; padding:0 0 0 8px; color: #002d56; font-family: arial; font-size: 12px; float: left; background: url(/images/light-blue-arrow.gif) no-repeat 0 2px;} #side p {margin: 3px 0 0 16px; width: 160px; float: left; font-size: 11px;} #altside {} #footer {height: 20px; padding: 15px 0 50px 0; margin-top: 20px; left: -250px; width: 960px; clear: both; bottom: -20px; background: #fff url(/images/footer.png) -1px 0 no-repeat; position: relative; z-index: 99;} #copy {width: 400px; float: left; position: relative; top: -20px;} #copy p {margin: 35px 0 0 20px; font-size: 11px; color: #333333;} #address {width: 400px; float: right; text-align: right;} #address p {margin: 16px 10px 0 0; font-size: 11px; color: #333333;} #address p span{display: block; float: left; margin-left: 20px;} /* BASIC CLASSES */ /* ================================================== */ .clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; } .img_left { float:left; } .img_right { float:right; } .hidden{display: none;} .centered{text-align: center;} .fpo{border: 2px dashed #991316; background: #EAD8B1; padding: 10px;} .quarter_columns li, .quarter_columns > div, .quarter_columns > p{float: left; width: 25%;margin: 0; padding: 0;} .half_column{float: left; width: 45%;} .half_column h4{margin-bottom: 5px;} .admin_controls{position: absolute; top: 82px; right: 20px;} .admin_controls a{padding-left: 8px; background: url(/images/arrow_bright_left.gif) 0 4px no-repeat;} #larger_link{position: relative;} #larger_link a{position: absolute; top: -26px; left: 300px;} /* SEARCH */ /* ================================================== */ #search form {} #search form input.text {} #search form input.button {} #searchresults dd { margin-bottom:5px; } #searchresults dl { margin-top:15px; } dt{font-weight: bold;} /* HOMEPAGE OVERRIDES */ /* ================================================== */ .home {} .home h1{padding-top: 18px;} .home h2{font-size: 24px;} .home #banner-img{height: 368px; background-image: url(/images/logo.gif) 200px 200px no-repeat;} .home #main {height: 140px; width: 650px;} .home #content{ min-height: 350px} .home #content p{width: auto;} .static #content h1{color: #D5D5D5; padding-top: 18px; padding-bottom: 16px;} /* PROJECT OVERRIDES */ /* ================================================== */ #gallery{width: 697px; float: right;border-top: 1px solid #fff;margin-left: -25px;} #gallery h2{margin-left: 20px;} #horizontal_carousel{position: relative;overflow:hidden;z-index: 100;} #horizontal_carousel .container{/*overflow: hidden;*/width: 680px;margin-left: 20px;} #horizontal_carousel .container ul{position: relative;float: none; margin-top: 5px; /*width: 10000px;*/} #main #horizontal_carousel li{background: url(/images/thumb_shadow.gif) top left no-repeat; padding-left: 2px; padding-top: 2px; margin-right: 0; float:left; height: 130px; width: 134px; list-style: none;} li .gallery_image{float: left; height: 87px; clear: both; position: relative; margin-right: 5px;} li .fullcolor{position: absolute; top: 0px; left: 0; display: none;} .gallery_title{background-color: transparent; color: #333; border-top: 1px solid; float: left; display: block; padding:4px 0px 6px 0px; text-align: center; height: 15px; width: 130px; font-size: 11px; } #main li:hover .fullcolor, #main li.hover .fullcolor, #gallery .current .fullcolor{display: block;} #main li:hover .gallery_title, #main li.hover .gallery_title, #gallery .current .gallery_title{/*background-color: #002d56;*/} .previous_button{display: none; height: 113px; width: 19px; position: absolute; top: 0; left: 0px; z-index: 100; background: url(/images/gallery_left_over.gif);border-right: 1px solid #fff; z-index: 100;} .previous_button:hover{background: url(/images/gallery_left_over.gif);} .next_button{display: none; height: 113px; width: 20px; position: absolute; top: 0; right: 0px; background: url(/images/gallery_right_over.gif);} .next_button:hover{background: url(/images/gallery_right_over.gif);}