/* Screen Styles ----------------------------------------------------- This sets the colors and element details for screen presentation. ---------------------------------------------------*/ /* Basic Screen Colors Etc ---------------------------------------------------*/ body { background: url(../images/body-bg-tile.gif) #ebe6d0; } h1, h2, h3, h4, h5, h6 { color: #00596b; } a { color: #2e7cc5; } /* Basic Layout ---------------------------------------------------*/ div.container { width: 964px; margin: 0 auto; } /* Grid Stuff ---------------------------------------------------*/ /* Header and Logo ---------------------------------------------------*/ div#header { background: url(../images/header-bg.gif) no-repeat; height: 80px; margin-bottom: 20px; overflow: hidden; position: relative; } div.logo_screen { position: absolute; top: 15px; left: 0; width: 222px; height: 65px; z-index: 101; } /* Navigation ---------------------------------------------------*/ div#navigation { position: relative; height: 80px; } div#navigation ul { position: relative; overflow: hidden; margin-bottom: 0 !important; } div#navigation ul li { float: left; position: relative; overflow: hidden; } div#navigation ul li a { display: block; width: 100%; height: 100%; position: relative; background-position: 0 0; } div#navigation ul li a span { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-position: 0 0; } div#navigation ul li a span:hover { background-position: 0 0; } ul#minor_nav { width: 516px; height: 35px; position: absolute; top: 0; left: 448px; } ul#minor_nav li { height: 35px; } ul#minor_nav li a { color: #337a89; font-size: 13px; text-decoration: none; } ul#minor_nav li a span { background: url(../images/nav-minor-bg.gif) no-repeat; } ul#minor_nav li a span:hover { background-position: 0 -35px; } /* Individual Link Styles */ ul#minor_nav li.home { width: 64px; } ul#minor_nav li.home a span:hover { background-position: 0 -35px !important; } ul#minor_nav li.alt_energy { width: 146px; } ul#minor_nav li.alt_energy a span { background-position: -64px 0 !important; } ul#minor_nav li.alt_energy a span:hover { background-position: -64px -35px !important; } ul#minor_nav li.links { width: 130px; } ul#minor_nav li.links a span { background-position: -210px 0 !important; } ul#minor_nav li.links a span:hover { background-position: -210px -35px !important; } ul#minor_nav li.contact { width: 176px; } ul#minor_nav li.contact a span { background-position: -340px 0 !important; } ul#minor_nav li.contact a span:hover { background-position: -340px -35px !important; } ul#major_nav { width: 675px; height: 30px; position: absolute; top: 5px; left: 289px; background: url(../images/nav-major-bg.gif) no-repeat; } ul#major_nav li { height: 30px; } ul#major_nav li a { color: #00596b; font-size: 15px; text-decoration: none; } ul#major_nav li a span { background: url(../images/nav-major-bg.gif) no-repeat; } ul#major_nav li a span:hover { background-position: 0 -30px; } /* Individual Link Styles */ ul#major_nav li.projects { width: 110px; } ul#major_nav li.projects a span:hover { background-position: 0 -30px !important; } ul#major_nav li.services { width: 105px; } ul#major_nav li.services a span { background-position: -110px 0 !important; } ul#major_nav li.services a span:hover { background-position: -110px -30px !important; } ul#major_nav li.firm { width: 120px; } ul#major_nav li.firm a span { background-position: -215px 0 !important; } ul#major_nav li.firm a span:hover { background-position: -215px -30px !important; } ul#major_nav li.client { width: 130px; } ul#major_nav li.client a span { background-position: -335px 0 !important; } ul#major_nav li.client a span:hover { background-position: -335px -30px !important; } ul#major_nav li.bidding { width: 210px; } ul#major_nav li.bidding a span { background-position: -465px 0 !important; } ul#major_nav li.bidding a span:hover { background-position: -465px -30px !important; } /* Homepage Feature Projects ---------------------------------------------------*/ h2.feature_projects_heading { display: none; margin: 0 !important; } div#feature_projects { margin-bottom: 15px; width: 964px; height: 504px; position: relative; overflow: hidden; background: url(../images/homepage-feature-bg.gif) no-repeat; } div#feature_projects div.feature_project { position: relative; } /*div#feature_projects div.feature_project div.info { position: absolute; left: 661px; top: 0; width: 303px; height: 504px; padding-top:100px; }*/ /* IE VERSION */ div#feature_projects div.feature_project div.info { position: relative; float: right; width: 303px; height: 504px; padding-top:100px; } div#feature_projects div.feature_project div.info h3 { color: #fff; font-size: 24px; padding-left: 20px; padding-right: 22px; margin-bottom: 5px; font-weight: normal; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; } div#feature_projects div.feature_project div.info p.city_state { font-size: 18px; color: #aacad1; padding-left: 20px; padding-right: 22px; margin-bottom: 5px; } div#feature_projects div.feature_project div.info p.description { color: #eef5f6; padding-left: 20px; padding-right: 22px; font-size: 13px; line-height: 21px; height: 190px; overflow: hidden; } div#feature_projects div.feature_project div.info div.button { position: absolute; top: 380px; left: 25px; height: 85px; } /* IE VERSION: div#feature_projects div.feature_project div.info div.button { clear: right; float: right; margin-right: 120px; height: 85px; } */ div#feature_projects div.feature_project div.info div.button a { display: block; position: relative; } div#feature_projects div.feature_project div.info div.button a span { position: absolute; top: 0; left: 0; width: 260px; height: 85px; background: url(../images/button-view-project.gif) no-repeat; } div#feature_projects div.feature_project div.info div.button a span:hover { background-position: 0 -85px !important; } /*div#feature_projects div.feature_project div.photos { position: absolute; left: 0; top: 0; width: 661px; height: 504px; padding-top: 10px; padding-left: 12px; }*/ /* IE */ div#feature_projects div.feature_project div.photos { padding-top: 10px; padding-left: 12px; } div#feature_projects div.feature_project div.photos img { margin: 0; padding: 0; } div#feature_projects div.feature_project div.photos img.main_photo { width: 649px; height: 365px; margin-bottom: 5px; } div#feature_projects div.feature_project div.photos img.tmb { width: 153px; height: 105px; margin-right: 5px; } div#feature_projects div.feature_project div.photos img.tmb_last { width: 151px; height: 105px; } /* Homepage Bottom Boxes ----------------------------------------------*/ div#bottom_highlights { margin-bottom: 28px; height: 105px; position: relative; overflow: hidden; } div#bottom_highlights div.highlight { float: left; height: 105px; overflow: hidden; position: relative; } div#bottom_highlights div.highlight h3 { padding-top: 25px; margin-bottom: 0; font-size: 18px; color: #fff; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; } div#bottom_highlights div.highlight p { color: #fff; font-size: 12px; line-height: 16px; font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; } div#bottom_highlights div.highlight p a { color: #fff; text-decoration: none; } div#bottom_highlights div.highlight p a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Individual Boxes */ div#bottom_highlights div.energy { width: 322px; height: 105px; background: url(../images/bottom-box-alt-energy.gif) no-repeat; } div#bottom_highlights div.energy h3 { padding-right: 20px; padding-left: 115px; } div#bottom_highlights div.energy p { padding-left: 115px; padding-right: 20px; } div#bottom_highlights div.bidding { margin-left: 20px; width: 300px; height: 105px; background: url(../images/bottom-box-bidding.gif) no-repeat; } div#bottom_highlights div.bidding h3 { padding-left: 83px; padding-right: 20px; } div#bottom_highlights div.bidding p { padding-left: 83px; padding-right: 20px; } div#bottom_highlights div.news { margin-left: 20px; width: 302px; height: 105px; background: url(../images/bottom-box-bg-news.gif) no-repeat; } div#bottom_highlights div.news h3 { padding-left: 100px; padding-right: 20px; } div#bottom_highlights div.news p { padding-left: 100px; padding-right: 20px; } /* Subpage General -----------------------------------------------*/ div#content { position: relative; } div#content h1 { background: url(../images/content-header-bg.gif) no-repeat; margin: 0; min-height: 84px; padding-top: 38px; padding-left: 32px; font-size: 48px; color: #fff; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; } div#content h2.opener { background: url(../images/content-blurb-bg.gif) no-repeat; margin: 0; margin-bottom: 20px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; } div#content h2.opener span.text { display: block; padding: 20px 30px; font-weight: lighter; color: #333; font-size: 24px; line-height: 32px; } div#content h2.opener span.text em { font-style: normal; font-weight: bolder; color: #00596b; } div#content h2.opener span.bottom { display: block; width: 100%; height: 10px; background: url(../images/content-blurb-bg.gif) no-repeat bottom; margin: 0; } div.container_12 h3 { padding-left: 20px; } div.container_12 p { padding-left: 20px; } div.container_12 ul { font-size: 14px; list-style: square outside; margin-left: 45px; line-height: 19px; } div.container_12 li { padding-bottom: 10px; } div.container_12 ul ul { font-size: 12px; color: #444; } div.container_12 ul ul li { padding-bottom: 5px; } div.main_col { width: 620px; float: left; padding-left: 32px; padding-right: 30px; } div.main_col p, div#main_col ol, div#main_col ul, div.container_12 p, div.container_12 ul, div.container_12 ol { font-size: 14px; } div.main_col a. div#sub_col a { color: #2e7cc5 ;} div.main_col h3 { background: url(../images/main-col-h-divider.gif) no-repeat; margin-left: -35px; padding-left: 35px; padding-top: 16px; } div.sub_col { float: left; width: 205px; padding-left: 35px; padding-right: 30px; margin-left: 10px; line-height: 100%; } div.sub_col h3 {} div.sub_col ul { list-style: none; font-size: 14px; } div.sub_col p { font-size: 12px; } div.sub_col ul li {} div.sub_col ul li a {} /* /* Projects Page -----------------------------------------------*/ div#galleries h3 { padding: 10px; } div#galleries p {} div#galleries dl { line-height: 100%; min-height: 100px; /* IE6 */_height: 100px; } div#galleries dt { font-size: 14px; font-weight: bolder; } div#galleries dt.image { overflow: hidden; width: 300px; height: 69px; } div#galleries dt.image a { display: block; } div#galleries dt.image a img {} div#galleries dt a { text-decoration: none; } div#galleries dt a:hover { text-decoration: underline; } div#galleries dd { font-size: 12px; color: #444; } /* Project Details -----------------------------------------------*/ div.project_info { padding: 20px; } div.project_info span.type { color: #666; display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; } div.project_info h3 { margin: 0; font-weight: lighter; } div.project_info img { margin-left: -20px; } div.project_info p { font-size: 14px; padding-top: 10px; } div.gallery_photos { padding-top: 20px; } div.gallery_photos img { border: 1px solid #BFBDAA; } a.img { display: block; margin-bottom: 15px; } /* Firm Profile Page -----------------------------------------------*/ div#principals {} div#principals h2 { padding: 0 20px; font-size: 18px; } div#principals ul { font-size: 14px; list-style-position: inside; margin-left: 20px; } div#principals ul ul { font-size: 12px; width: 350px; } .cushioned { padding: 20px; } .v_cushioned { padding: 20px 0; } .h_cushioned { padding: 0 20px; } div#main_col table tr td { padding: 10px; } div#main_col table tr td h2 { font-size: 16px; } div#main_col table tr td h2 span.designations { font-size: 12px; font-weight: lighter; line-height: 16px; } div#main_col table tr td h2 span.license { font-size: 13px; font-weight: lighter; } div#main_col table tr td p { font-size: 12px; } div#main_col table tr td ul { list-style: none; font-size: 13px; margin-left: 10px; line-height: 18px; } div#main_col table tr td ul ul { margin-left: 20px; margin-right: 20px; font-size: 12px; line-height: 16px; list-style: square; } div#main_col table tr td ul ul li { padding-bottom: 6px; } /* Biddable Projects Page -----------------------------------------------*/ table#biddables { font-size: 14px; margin: 0 20px; } table#biddables tbody {} table#biddables th { padding: 10px; } table#biddables tbody tr { background: url(../images/hr.gif) no-repeat; } table#biddables td { padding: 10px; } table#biddables td h3 { font-size: 14px; margin: 0; line-height: 18px; } table#biddables td span.project_num { font-size: 12px; color: #666; } table#biddables td.date { color: #555; font-size: 12px; } div.biddable_detail h3 { padding-left: 0; } div.biddable_detail div.grid_4 p, div.biddable_detail div.grid_3 p { font-size: 12px; margin-bottom: 10px; } div.biddable_detail div.grid_3 p { line-height: 130%; margin-bottom: 15px; } div.biddable_detail div.grid_6 table { width: 100%; font-size: 11px; border-collapse: collapse; } div.biddable_detail div.grid_6 table tbody td { background: url(../images/hr.gif) no-repeat; } div.biddable_detail div.grid_6 table tbody td { padding: 5px; } /* Contact Form -----------------------------------------------*/ form#contact_form { margin-bottom: 20px; background-color: #dcd9c3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } form#contact_form fieldset { border: 0; padding: 20px 0; } form#contact_form fieldset div { margin-bottom: 10px; } form#contact_form fieldset div label { font-size: 12px; width: 130px; margin-right: 20px; float: left; text-align: right; } form#contact_form input, form#contact_form textarea, form#contact_form select { font-size: 14px; padding: 3px; } /* Form Errors -----------------------------------------------*/ div.form_errors { background-color: #fff; border: 2px solid #666; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 20px; } div.form_errors h3 { color: red; font-size: 16px; } div.form_errors p { font-size: 13px; margin: 0; font-style: italic; color: #555; } /* Footer -----------------------------------------------*/ div#footer { padding-top: 20px; background: url(../images/hr.gif) no-repeat; } div#footer p { text-align: center; font-size: 11px; color: #62858c; } div#footer p a {} /* Modal Dialogs -----------------------------------------------*/ .modal-overlay { position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#000; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:101; } .modal-window { position:fixed; top:50%; left:50%; margin:0; padding:0; z-index:102; } .close-window { position:absolute; width:32px; height:32px; right:8px; top:8px; background:transparent url('../images/close.png') no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5; } .close-window:hover { opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99; } /* Flash Energy Chart ---------------------------------------*/ div.school_info { margin-bottom: 20px; } div.custom_content { margin-bottom: 20px; } div#energy_chart { margin-bottom: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* eof file */