/* ============================================================================================================= Bruno Correia - Sep 2009 ============================================================================================================= */ .clear { clear:both; } .float-left { float:left; } .float-right { float:right; } .clear-left { clear:left; } /* ============================================================================================================= ============================================================================================================= */ body { font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; color:#444; text-align:center; background:#E3E1D2 url(./images/bg_body.jpg) repeat; } p, ul, ol { margin-bottom:10px; } address { font-style:normal; margin-bottom:20px; } a { text-decoration:none; color:#E0AA0F; font-weight:bold;} a:link, a:active, a:visited { text-decoration:none; } a:hover { text-decoration:none; color:#444; } * a:focus, * a:active { outline:none; -moz-outline-style:none; border:0; } /* ============================================================================================================= ============================================================================================================= */ #wrapper { width:1020px; min-height:700px; height:auto !important; height:700px; margin:0 auto; background:transparent url(./images/bg_dropshadow.png) repeat-y; } #contanier { width:960px; min-height:700px; height:auto !important; height:700px; background:#E7E5D6 url(./images/bg_distressed.jpg); text-align:left; margin:0 auto; position:relative; } #header { padding-top:98px; background:url(./images/bg_brand.png) no-repeat; } #header a.brand { position:absolute; display:block; width:190px; height:0px; top:10px; left:20px; padding-top:80px; background:transparent; overflow:hidden; } /* ============================================================================================================= ============================================================================================================= */ #navigation { width:960px; margin:0 auto; text-align:left; background:url(./images/bg_navigation.jpg) repeat-x; } #navigation ul { width:960px; height:36px; } #navigation ul li { float:left; display:block; } #navigation ul li a { float:left; display:block; width:100%; height:36px; text-indent:-9999px; } #navigation ul li.home { width:108px; } #navigation ul li.home a { background:url(./images/nav_home.jpg) no-repeat; } #navigation ul li.who_we_are { width:150px; } #navigation ul li.who_we_are a { background:url(./images/nav_who_we_are.jpg) no-repeat; } #navigation ul li.what_we_do { width:150px; } #navigation ul li.what_we_do a { background:url(./images/nav_what_we_do.jpg) no-repeat; } #navigation ul li.photo_gallery { width:168px; } #navigation ul li.photo_gallery a { background:url(./images/nav_photo_gallery.jpg) no-repeat; } #navigation ul li.faq { width:100px; } #navigation ul li.faq a { background:url(./images/nav_faq.jpg) no-repeat; } #navigation ul li.request { width:150px; } #navigation ul li.request a { background:url(./images/nav_request_info.jpg) no-repeat; } #navigation ul li.contact { width:134px; } #navigation ul li.contact a { background:url(./images/nav_contact.jpg) no-repeat; } #navigation ul li a:hover { background-position:top right; cursor:pointer; } #navigation ul li ul { float:left; display:none; overflow:hidden; width:0px; height:36px; background:url(./images/bg_subnav.jpg); } #navigation ul li.contact ul { float:right; } #navigation ul li.current_page.photo_gallery ul { float:left; width:552px; display:block; } #navigation ul li.current_page.contact ul { float:right; width:534px; display:block; } #navigation ul li:hover > ul { display:block; } #navigation ul li ul li { height:36px; float:left; display:block; } #navigation ul li.commercial a { width:168px; background:url(./images/nav_commercial.jpg) no-repeat; } #navigation ul li.custom_residential a { width:200px; background:url(./images/nav_custom_residential.jpg) no-repeat; } #navigation ul li.case_studies a { width:184px; background:url(./images/nav_case_studies.jpg) no-repeat; } #navigation ul li.job_opportunities a { width:184px; background:url(./images/nav_job_opportunities.jpg) no-repeat; } #navigation ul li.patriot_program a { width:150px; background:url(./images/nav_patriot_program.jpg) no-repeat; } #navigation ul li.request_literature a { width:184px; background:url(./images/nav_request_literature.jpg) no-repeat; } #navigation ul li.contact_boulderscape a { width:200px; background:url(./images/nav_contact_boulderscape.jpg) no-repeat; } #navigation ul li ul li a:hover { background-position:top right; cursor:pointer; } #navigation ul li.current_page > a { background-position:top right; } /* ============================================================================================================= ============================================================================================================= */ #content { min-height:480px; height:auto !important; height:480px; padding:36px; } #content p { width:558px; margin-bottom:10px; font-size:12px; line-height:18px; } #content.home p { width:588px; } #content ul { margin-top:20px; } #content ul li { list-style:disc outside; margin-bottom:10px; margin-left:20px; width:440px; } #content.home { background:url(./images/bg_home.png) no-repeat 710px 450px; } #content.who_we_are { background:url(./images/bsi_whoweare.png) no-repeat 590px 10px; } #content.what_we_do { background:url(./images/bg_what_we_do.png) no-repeat 590px 10px; } #content.faq { background:url(./images/bsi_faq.png) no-repeat 590px 10px; } #content.request { background:url(./images/bg_contact.png) no-repeat 660px 0px; } #content.job_opportunities { background:url(./images/bsi_job.png) no-repeat 590px 10px; } #content.sustainability { background:url(./images/bsi_sustain.png) no-repeat 590px 10px; } #content.our_affiliates { background:url(./images/bsi_affiliates.png) no-repeat 590px 10px; } #content.patriot_program { background:url(./images/bsi_patriot.png) no-repeat 590px 10px; } #content.contact { background:url(./images/bsi_contact.png) no-repeat 590px 10px; } #content.contact p { margin-bottom:20px; } #content h1 { margin-bottom:10px; width:490px; height:24px; text-indent:-9999px; } #content.photo_gallery h1 { text-indent:0; } #content.home h1 { background:url(./images/h1_home.png) no-repeat left top; } #content.who_we_are h1 { background:url(./images/h1_who_we_are.png) no-repeat left top; } #content.what_we_do h1 { background:url(./images/h1_what_we_do.png) no-repeat left top; } #content.case_studies h1 { background:url(./images/h1_case_studies.png) no-repeat left top; } #content.faq h1 { background:url(./images/h1_faq.png) no-repeat left top; } #content.request_literature h1 { background:url(./images/h1_request_literature.png) no-repeat left top; } #content.news_press h1 { background:url(./images/h1_news_press.png) no-repeat left top; } #content.sustainability h1 { background:url(./images/h1_sustainability.png) no-repeat left top; } #content.request h1 { background:url(./images/h1_request.png) no-repeat left top; } #content.our_affiliates h1 { background:url(./images/h1_our_affiliates.png) no-repeat left top; } #content.job_opportunities h1 { background:url(./images/h1_job_opportunities.png) no-repeat left top; } #content.patriot_program h1 { background:url(./images/h1_patriot_program.png) no-repeat left top; } #content.contact h1 { background:url(./images/h1_contact.png) no-repeat left top; } #content.privacy_policy h1 { background:url(./images/h1_privacy_policy.png) no-repeat left top; } #content.thankyou h1 { background:url(./images/h1_thankyou.png) no-repeat left top; } /* ============================================================================================================= ============================================================================================================= */ h2 { text-indent:-9999px; height:14px; width:180px; background:url(./images/h2_wall_applications.png) no-repeat; margin-bottom:10px; } .case_studies h2 { background:url(./images/h2_case_studies.png) no-repeat; } .news_press h2 { width:180px; background:url(./images/h2_upcoming_projects.png) no-repeat; } #content.faq p { width:520px; margin-bottom:10px; padding:0 10px 0 35px; } .faq div { display:none; width:565px; margin:0; padding:0; } .faq h2 { height:20px; width:565px; margin-bottom:0; margin-top:10px; } .faq h2.q1 { background:url(./images/faq1.png) no-repeat; } .faq h2.q2 { background:url(./images/faq2.png) no-repeat; } .faq h2.q3 { background:url(./images/faq3.png) no-repeat; } .faq h2.q4 { background:url(./images/faq4.png) no-repeat; } .faq h2.q5 { background:url(./images/faq5.png) no-repeat; } .faq h2.q6 { background:url(./images/faq6.png) no-repeat; } .faq h2.q7 { background:url(./images/faq7.png) no-repeat; } .faq h2.q8 { background:url(./images/faq8.png) no-repeat; } .faq h2.q9 { background:url(./images/faq9.png) no-repeat; } .faq h2.q10 { background:url(./images/faq10.png) no-repeat; } .faq h2.q11 { background:url(./images/faq11.png) no-repeat; } .faq h2.q12 { background:url(./images/faq12.png) no-repeat; } .faq h2.q13 { background:url(./images/faq13.png) no-repeat; } .faq h2.q14 { background:url(./images/faq14.png) no-repeat; } .faq h2.q15 { background:url(./images/faq15.png) no-repeat; } .faq h2.q16 { background:url(./images/faq16.png) no-repeat; } .faq h2:hover { cursor:pointer; background-position: 0 -20px; } /* ============================================================================================================= ============================================================================================================= */ h3 { position:absolute; bottom:18px; } h3 a { display:block; padding-left:20px; background:url(./images/sidepanel_arrow.png) no-repeat 0 4px; } h3 a:link, h3 a:active, h3 a:visited { color:#f2f0ec; text-decoration:none; font-weight:normal; } h3 a:hover { color:#cec7ba; text-decoration:none; font-weight:normal; } /* ============================================================================================================= ============================================================================================================= */ #sub-content { width:888px; height:182px; margin-left:auto; margin-right:auto; position:absolute; display:inline; } #sub-content ul { display:block; float:left; } #sub-content ul li { overflow:hidden; display:inline; float:left; width:284px; height:184px; background-color:#444; } #sub-content li:hover { background-color:#2B2C2A; cursor:pointer; } #sub-content li.current_page { background:#918364; } #sub-content li.current_page a { cursor:default; } /* ============================================================================================================= ============================================================================================================= */ #panel { height:362px; width:558px; margin-bottom:32px; padding:14px; background:#585956; float:left; } #panel img { display:block; float:left; } .home #panel { width:860px; float:none; } .home #panel_img { width:860px; height:362px; overflow:hidden; } .case_studies #panel_img { width:558px; height:362px; overflow:hidden; } /* ============================================================================================================= ============================================================================================================= */ #sidepanel { width:256px; height:362px; padding:14px; float:right; position:relative; } #sidepanel p { width:256px; } #content #sidepanel ul { margin-top:0; } #content #sidepanel li { width:270px; margin-left:0; font-weight:normal; line-height:18px; list-style:none; } #content.what_we_do #sidepanel { background:url(./images/sidepanel1.jpg); } #content.case_studies #sidepanel { background:url(./images/sidepanel2.jpg); } #content.what_we_do #sidepanel li, #content.case_studies #sidepanel li { margin-bottom:6px; } #content.news_press #sidepanel { background:url(./images/sidepanel2.jpg); } #content.news_press #sidepanel li { margin-bottom:12px; } #content.case_studies #sidepanel li a { color:#444; } #content.case_studies #sidepanel li a:hover { color:#777; } #content.case_studies #sidepanel li a.current { background:#E0AA0F; } /* ============================================================================================================= ============================================================================================================= */ #gallery_sidebar { width:188px; float:right;} #gallery_sidebar ul { margin-top:0; } #gallery_sidebar ul li { list-style:none; margin-bottom:0; margin-left:0; width:auto; } #gallery_sidebar ul.categories { display:block; padding:0 14px 0 14px; height:192px; margin:0; } #gallery_sidebar ul.categories.residential { height: 118px; } #gallery_sidebar ul.categories li { display:block; float:left; height:12; width:160px; margin-bottom:6px; } #gallery_sidebar ul.categories li a { display:block; float:left; width:160px; height:12px; text-indent:-9999px; overflow:hidden; } ul.categories li a.com_1 { background:url(./commercial/categories/cat1.png) no-repeat; } ul.categories li a.com_2 { background:url(./commercial/categories/cat2.png) no-repeat; } ul.categories li a.com_3 { background:url(./commercial/categories/cat3.png) no-repeat; } ul.categories li a.com_4 { background:url(./commercial/categories/cat4.png) no-repeat; } ul.categories li a.com_5 { background:url(./commercial/categories/cat5.png) no-repeat; } ul.categories li a.com_6 { background:url(./commercial/categories/cat6.png) no-repeat; } ul.categories li a.com_7 { background:url(./commercial/categories/cat7.png) no-repeat; } ul.categories li a.com_8 { background:url(./commercial/categories/cat8.png) no-repeat; } ul.categories li a.com_9 { background:url(./commercial/categories/cat9.png) no-repeat; } ul.categories li a.res_1 { background:url(./residential/categories/cat1.png) no-repeat; } ul.categories li a.res_2 { background:url(./residential/categories/cat2.png) no-repeat; } ul.categories li a.res_3 { background:url(./residential/categories/cat3.png) no-repeat; } ul.categories li a.res_4 { background:url(./residential/categories/cat4.png) no-repeat; } ul.categories li a.res_5 { background:url(./residential/categories/cat5.png) no-repeat; } ul.categories li a:hover { background-position: 0 -15px; } ul.categories li a.current_category { background-position: 0 -15px; } #gallery_panel { width:700px; float:left; } #gallery_panel_medium { width:700px; height:480px; background:url(./images/bg_distressed_gallery.jpg); text-align:center; } /* #gallery_panel_medium img { display:block; } */ #gallery_sidebar ul.thumbs { display:block; float:left; height:284px; padding:12px; padding:0; } #gallery_sidebar ul.thumbs li { float:left; display:block; width:82px; height:62px; margin-left:12px; margin-bottom:12px; background:#EF980E; } #gallery_sidebar ul.thumbs li:hover { cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #gallery_sidebar ul.thumbs li img { display:block; } img.selected { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } div.scrollable { position:relative; overflow:hidden; width:200px; height:284px; } div.scrollable.residential { height:358px; } #gallery_sidebar div.scrollable ul.items { position:absolute; height:20000em; display:block; } #gallery_sidebar ul.pages { margin: 0 0 0 12px; padding: 14px 12px 0 12px; } #gallery_sidebar ul.pages li { display:block;} #gallery_sidebar ul.pages li a { height:22px; width:61px; display:block; overflow:hidden; text-indent:-9999px; margin:0; padding:0;} #gallery_sidebar ul.pages li.prev_img a { background:url(./images/back.png) no-repeat; } #gallery_sidebar ul.pages li.next_img a { background:url(./images/next.png) no-repeat; } #gallery_sidebar ul.pages li.more a { clear:both; width:90px; background:url(./images/more_images.png) 0 0 no-repeat; margin-left:31px;} #gallery_sidebar ul.pages li.disabled a { clear:both; width:90px; background:url(./images/prior_images.png); } #gallery_sidebar ul.pages li a:hover { cursor:pointer; background-position:bottom left; } #gallery_contanier { width:888px; } #caption { height:35px; clear:left; color:#444; width:700px; font-size:12px; float:left; padding-top:10px; } #caption a { text-transform:uppercase; font-size:12px; } #caption a:link { color:#E2750E; text-decoration:none; } #caption a:visited { color:#E2750E; text-decoration:none; } #caption a:active { color:#E2750E; text-decoration:none; } #caption a:hover { color:#999; text-decoration:none; } #caption pre.description { float:left; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; color:#444; padding-top:2px; } #caption span.download { float:right; } #caption span.download a { margin-bottom:6px; } #caption span.download a.download { float:left; display:block; width:135px; height:22px; background:url(./images/download_image.png) top left no-repeat; } #caption span.download a.download:hover { background-position: bottom left; } #caption span.download a.pdf { float:left; display:block; width:120px; height:22px; background:url(./images/download_pdf.png) top left; margin-left:24px; } #caption span.download a.pdf:hover { background-position: bottom left; } /* ============================================================================================================= ============================================================================================================= */ #content.news_press ul li, #content.our_affiliates ul li { list-style:none; margin:0; margin-bottom:12px; } #content.news_press ul li a, #content.our_affiliates ul li a { text-decoration:none; display:block; text-indent:-9999px; height:62px; width:586px; } #content.news_press ul li a.aug09 { background:url(./images/news_aug09.png); } #content.news_press ul li a.jul09 { background:url(./images/news_jul09.png); } #content.news_press ul li a.dec08 { background:url(./images/news_dec08.png); } #content.our_affiliates ul li a.af1 { background:url(./images/af1.jpg); } #content.our_affiliates ul li a.af2 { background:url(./images/af2.jpg); } #content.our_affiliates ul li a.af3 { background:url(./images/af3.jpg); } #content.our_affiliates ul li a.af4 { background:url(./images/af4.jpg); } #content.our_affiliates ul li a.af5 { background:url(./images/af5.jpg); } #content.our_affiliates ul li a.af6 { background:url(./images/af6.jpg); } #content.our_affiliates ul li a.af7 { background:url(./images/af7.jpg); } #content.our_affiliates ul li a.af8 { background:url(./images/af8.jpg); } #content.news_press ul li a:hover, #content.our_affiliates ul li a:hover { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } /* ============================================================================================================= ============================================================================================================= */ #footer { height:248px; padding:0px 36px 36px 36px; background:url(./images/bg_footer.jpg) no-repeat 0 64px; position:relative; } #footer.gallery { height:148px; padding:36px; background:url(./images/bg_footer_gallery.jpg) no-repeat; } #footer a:link, #footer a:visited, #footer a:active { color:#F4F4F4; text-decoration:none; } #footer a:hover { color:#F4F4F4; text-decoration:underline; } #copyright { color:#F4F4F4; font-size:11px; line-height:14px; bottom:20px; position:absolute; width:888px; } #footer_info { height:70px; width:560px; position:absolute; bottom:90px; } #footer p { color:#F4F4F4; font-size:12px; line-height:17px; font-weight:normal; background:url(./images/footer_p_background.png) -64px -12px no-repeat; margin-bottom:0; padding:20px 120px 20px 36px; width:620px; position:absolute; left:0; min-height:160px; height:auto !important; height:160px; } #footer_endcap { width:1020px; height:36px; margin:0 auto; background:transparent url(./images/bg_dropshadow_footer.png); } /* ============================================================================================================= ============================================================================================================= */ textarea { resize:none; overflow:auto;} div.request p { margin-bottom:20px; } #content.request div.req_in p:first-child { padding:0; margin-bottom:10px; font-weight:bold; width:auto; } #content.request div.req_in { margin-bottom:18px; } #content.request div.req_description p:first-child { padding:0; font-weight:bold; } div.request span { margin-left:20px; } div.request #blockspam { display:none; } div.request div.leftcol { width:416px; float:left; } div.request div.rightcol { width:416px; float:right; } div.request div.rightcol { padding-top:90px; } div.request input, div.request textarea { display:block; font-family:Helvetica, Arial, sans-serif; line-height:16px; font-size:12px; color:#444; border:0; outline:none;} div.request select { display:block; width:300px; } div.request input { border:none; width:408px; height:16px; padding:4px; margin-bottom:10px; } div.request input.file_1 { cursor:pointer; } div.request textarea { border:none; width:408px; height:140px; padding:4px; margin-bottom:10px; display:block; } div.request input[type=checkbox] { display:inline; height:24px; width:auto; padding:0; margin:0; margin-right:5px; vertical-align:middle; } div.request label.message { clear:left; } div.request input#firstname, div.request input#lastname { width: 198px; } #mail_address { display:none; width:416px; margin:0; padding:0; overflow:auto; } #mail_address div input { width:100px; margin-right:4px; } #mail_address div input#city { width:184px; } #mail_address div input#zip { margin:0; } #mail_address div label { padding-bottom:0; } #mail_address div fieldset { float:left; } #mail_address div label.error, div.request label.error { display:inline; background:#E7B517; float:none; font-weight:normal; } input#submitbutton { width:100px; height:25px; background:url(./images/submit.jpg) no-repeat top right; cursor:pointer; text-indent:-9999px; float:left; margin-bottom:0; } input#submitbutton:hover, input#submitbutton:active, input#submitbutton:visited { background-position:bottom right; cursor:pointer; } /* ============================================================================================================= ============================================================================================================= */ div.job_opportunities form { width:416px; } div.upload_file { width:416px; border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:20px; } div.upload_file input[type=submit] { border:none; text-decoration:none; display:block; width:100px; height:25px; background:url(./images/upload.jpg) no-repeat top right; float:left; clear:left; text-indent:-9999px;} div.upload_file input[type=hidden] { display:none; } div.upload_file input[type=submit]:hover, div.upload_file input[type=submit]:active, div.upload_file input[type=submit]:visited { background-position:bottom right; cursor:pointer; } #content p.feedback { color:#E0AA0F; font-weight:bold; float:right; width:auto; padding-top:4px; margin:0; } /* ============================================================================================================= ============================================================================================================= */ p.credits, p.credits a { color:#969387; font-weight:normal; font-size:11px; } p.credits a { text-decoration:underline; }