/* ManhasDesign.com screen styles version: 11/09 */ /* Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } a, a:link { color:#0083c1; text-decoration:none; } a:hover { text-decoration:underline; } em { font-weight:bold; } :focus { outline: 0; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } screen { font-size:11px; } /* common */ a:link { color:#3cc1ca; } a:visited { color:#2ca3ab; } a:hover { color:#1ae3f1; } p { margin:12px 0 24px; } /* Layout */ body { background:#000 url(../images/body_bg-darker.jpg) repeat-x top center; color:#fff; width:100%; min-width:940px; font-family:"myriad pro", "myriad", helvetica, arial, sans-serif; font-size:12px; line-height:18px; } #header, h2#tagline, #content_wrapper, #footer { display:block; position:relative; margin:0 auto; width:940px; } #header { display:block; height:215px; background:url(../images/logo.jpg) no-repeat 100% 53px; } #header h1, #header h2 { text-indent:-9999px; } #header h1 { float:right; display:block; height:118px; width:182px; margin-top:55px; } #header h1 a { display:block; height:100%; width:100%; } #header h2 { position:absolute; } h2#tagline { height:83px; text-indent:-9999px; background:url(../images/tagline.png) no-repeat 100% 30px; } #content_wrapper { } #main_content { width:720px; display:block; position:relative; float:left; } #featured_project { position:relative; display:block; float:left; margin:0 11px 0 0; width:400px; height:307px; background:#c2bc30; } #featured_project a { display:block; position:absolute; z-index:1; top:38px; left:1px; width:300px; height:269px; } #featured_project a:hover span.view_project { left:208px; } #featured_project ul.rotating_images { position:absolute; z-index:0; top:0; } #featured_project ul.rotating_images li { display:none; } #featured_project ul.rotating_images li.one { display:block; position:absolute; top:0; } #featured_project a span.view_project { display:block; position:absolute; z-index:3; left:-9999px; top:177px; width:192px; height:91px; text-indent:-9999px; background:url(../images/view_project.png) no-repeat 100% 100%; } #featured_project h3 { position:relative; z-index:2; display:block; margin:0; width:400px; height:38px; text-indent:-9999px; background:url(../images/featured-project-h3.jpg) no-repeat top left; } #featured_project .title { position:absolute; top:0; z-index:2; display:block; height:102px; width:398px; text-indent:-9999px; background:url(../images/featured_text.png) no-repeat 0 0; } #noteworthy { position:relative; display:block; width:270px; height:307px; padding:0 0 0 38px; float:left; background:url(../images/noteworthy_bg.png) repeat 0 0; } #noteworthy h3 { display:block; position:absolute; top:0; left:0; text-indent:-9999px; width:38px; height:307px; background:url(../images/noteworthy_h3.jpg) no-repeat top left; } #noteworthy .launch { display:block; padding:9px 19px 10px 12px; border-bottom:solid 1px #100e0e; border-top:solid 1px #181515; } #noteworthy .launch.news { border-top:none; } #noteworthy .launch.drawing_board { border-bottom:none; } #noteworthy .launch h4 { font-size:12px; color:#c1c1c1; font-weight:normal; text-transform:uppercase; margin:0 0 4px 0; } #noteworthy .launch h5 { font-size:12px; margin:0 0 5px 0; } #noteworthy .launch span.view_all { display:block; text-align:right; } #noteworthy .launch h5 a { color:#868078; } #noteworthy .launch h5 a:visited { color:#736d66; } #noteworthy .launch h5 a:hover { color:#a6a29c; text-decoration:none; } #selected_projects { margin:15px 0 0 0; height:406px; display:block; float:left; position:relative; clear:left; background:url(../images/selected-projects_bg.png) repeat top left; } #selected_projects h3 { display:block; float:right; text-indent:-9999px; height:406px; width:40px; background:url(../images/selected-projects-h3.jpg) no-repeat top right; } #selected_projects ul { } #selected_projects ul li { display:block; float:left; width:316px; height:96px; margin:20px 0 0 20px; } #selected_projects ul li img { display:block; float:left; width:159px; height:94px; border:solid 1px #0b6066; margin:0 15px 0 0; } #selected_projects ul li:hover img { border-color:#24cbd7; } #selected_projects ul li h4 { color:#bbafa1; font-size:14px; font-weight:normal; margin:64px 0 0 0; } #selected_projects ul li h5 { color:#b0c72a; font-size:12px; } #selected_projects ul li a { text-indent:-9999px; position:absolute; margin-top:-111px; margin-left:-5px; width:336px; height:116px; background:url(../images/selected-projects-hover_bg.png) no-repeat 0 -9999px; } * html #selected_projects ul li a { background:url(../images/selected-projects-hover.gif) repeat 0 -9999px; } #selected_projects ul li a:hover { background-position:0 100%; } #services { float:left; margin:0 0 0 40px; width:180px; background:url(../images/services-border.jpg) no-repeat top left; } #services h3 { margin:0; font-size:14px; text-indent:-9999px; display:block; width:176px; height:50px; background:url(../images/services-h3.png) no-repeat 16px 14px; } #services ul { font-family:helvetica, arial, sans-serif; } #services ul li { margin:0 0 19px 16px; color:#bebdbd; font-size:.92em; font-weight:normal; } #services ul li.last-child { margin-bottom:0; } #services a.external_link:hover { text-decoration:none; } #services a.external_link span.pop-up { position:absolute; margin:-100px 0 0 -9999px; padding-bottom:15px; display:block; width:400px; color:#BEBDBD; background:#000; background:rgba(0,0,0,0.9); cursor:pointer; } #services a.external_link span.pop-up span.h4 { font-size:1.2em; color:#B0C72A; display:block; margin:10px 15px 0 15px; } #services a.external_link span.pop-up img { float:left; margin:10px 15px 0 15px; } #services a.external_link span.pop-up span.p { display:block; margin:5px 0; } #services a.external_link span.pop-up span.p.visit_site { font-size:1.1em; color:#3cc1ca; } #services a.external_link:hover span.pop-up { margin-left:-350px; } #services a.external_link span.pop_up:hover { cursor:pointer; } #footer { position:relative; display:block; clear:both; padding:45px 0 0 0; } #footer ul#main_nav { display:block; float:left; width:520px; } #footer ul#main_nav li { display:block; float:left; } #footer ul#main_nav li a { color:#cbbfbf; text-transform:uppercase; display:block; background:url(../images/footer-nav-bg.png) repeat 0 100%; padding:13px 30px; border-left:solid 1px #0c0d0b; border-right:solid 1px #272525; } #footer ul#main_nav li a:hover { text-decoration:none; background-position:0 0; } #footer ul#main_nav li#about_us a { border-left:none; } #footer ul#main_nav li#contact_us a { border-right:none; } #footer #credentials { color:#4d4d4d; text-transform:uppercase; text-align:right; display:block; float:left; position:relative; width:200px; margin-right:40px; } #footer #credentials dl dd { color:#717171; } #footer #credentials ul { margin-top:30px; display:block; } #footer #credentials ul li { display:block; float:left; } #footer #credentials ul li#USBC { width:75px; height:76px; background:url(../images/USBC-logo.png) no-repeat top left; margin:0 12px 0 54px; } #footer #credentials ul li#USBC a { letter-spacing:-100px; text-indent:-9999px; color:#000; font-size:1px; display:block; width:100%; height:100%; } #footer #credentials ul li#ASID { width:59px; height:92px; background:url(../images/ASID-logo.png) no-repeat top left; } #footer #credentials ul li#ASID a { letter-spacing:-100px; text-indent:-9999px; color:#000; font-size:1px; display:block; width:100%; height:100%; } #footer #credentials ul li#LEED { clear:left; float:right; margin:14px 0 0 0; display:block; height:64px; width:59px; } #footer #credentials ul li#LEED a { display:block; height:100%; width:100%; background:url(../images/LEED_logo.png) no-repeat top left; letter-spacing:-100px; text-indent:-9999px; color:#000; font-size:1px; } #footer #vcard { font-size:.95em; padding-bottom:120px; color:#686868; display:block; float:left; width:160px; background:url(../images/footer-border.jpg) no-repeat top left; padding-left:16px; } #footer #vcard span.fn, #footer #vcard div.org, #footer #vcard span.country-name { position:absolute; margin-left:-9999px; height:0; } #footer #vcard div.adr { margin-bottom:24px; } #footer #vcard div.tel { margin-top:24px; } #footer #vcard div.tel abbr { color:#c2bc30; display:block; } /* featured & selected projected random content */ .jsclass body .randomcontent{ display: none; } /* gallery */ #page_controls { display:block; float:left; margin-left:0; margin-top:-65px; text-transform:uppercase; } #page_controls a, #page_controls a:visited { padding:2px 2px 2px 16px; background:url(../images/page-control-arrow.png) no-repeat 0 2px; } #page_controls a:hover { text-decoration:none; } #project_details { display:block; float:right; width:300px; height:424px; } #project_details h3 { margin:40% 0 0 0; font-size:24px; color:#bbafa1; } #project_details.short h3 { margin:70% 0 0 0; } #project_details h4 { font-size:12px; color:#b1c72a; margin:3px 0 24px 0; } #project_details blockquote { font-size:13px; font-weight:normal; font-style:italic; color:#85837d; line-height:24px; font-family:Georgia, "Times New Roman", "Times", serif; margin:0 20px 17px 0; } #project_details cite { display:block; font-size:12px; font-weight:normal; color:#a89577; margin-bottom:24px; } #project_details.multiple cite { margin-top:-12px; } #primary_photo { display:block; float:left; width:600px; min-height:427px; margin:0 40px 45px 0; } #primary_photo img { border:solid 8px #000; display:block; position:relative; margin:auto; } ul.gallery { } ul.gallery li { margin-bottom:10px; } ul.gallery li img { position:absolute; display:none; } ul.gallery li:hover img { opacity:1.0; } ul.gallery li.active img { display:block; } #gallery_controls { position:absolute; display:none; clear:left; float:left; color:#e0e0d8; width:160px; } #gallery_controls h6 { color:#373534; background:url(../images/pagination-arrow.png) no-repeat 80% 1px; } #gallery_controls ul#pagination { display:block; width:auto; min-width:30px; padding-right:32px; background:url(../images/pagination-arrow.png) no-repeat 100% 1px; } #gallery_controls ul#pagination li { display:inline; padding:2px 2px 6px 2px; } #gallery_controls ul#pagination li.active { background:#5f5b5b; color:#000; } h4#javascript_message { clear:both; float:left; font-size:1.4em; color:#373534; } /* about us */ body#AboutUs #main_content, body#ProjectList #main_content, body#ContactUs #main_content { float:none; width:940px; color:#868078; } body#AboutUs #main_content h3, body#ProjectList #main_content h3, body#ContactUs #main_content legend { font-size:1.4em; color:#C2BC30; } body#AboutUs #main_content h4 { text-transform:uppercase; color:#ede8e1; } #pam_manhas, #philosophy, ul.project_list { padding:15px 15px 30px 15px; width:410px; display:block; float:left; line-height:24px; font-size:1.05em; } #pam_manhas { padding-right:40px; } #philosophy { padding-left:50px; background:url(../images/services-border.jpg) no-repeat 0 100%; } body#AboutUs #main_content em { color:#ede8e1; font-weight:normal; } body#AboutUs #main_content #philosophy p.preamble em { font-style:italic; } /* project list */ ul.project_list { width:390px; font-size:.98em; } body#ProjectList #main_content h3 { margin-left:15px; } ul.project_list.two { margin-left:90px; } ul.project_list li { display:block; width:390px; border-bottom:solid 1px #2c2927; } ul.project_list li a { display:block; width:100%; } ul.project_list li a:hover { padding-right:15px; margin-right:-15px; background:#22201f; background:rgba(255,255,255,0.065); text-decoration:none; } ul.project_list.two li a:hover { padding-left:15px; padding-right:0; margin-left:-15px; margin-right:0; } ul.project_list li a img { display:none; float:left; height:auto; width:80px; margin:-5px 0 0 405px; border:solid 1px #24cbd7; } ul.project_list.two li a img { margin-left:-97px; } ul.project_list li a:hover img { display:block; position:absolute; } ul.project_list li span { font-size:.9em; display:block; width:100%; text-align:right; margin-top:-24px; } ul.project_list li a span { color:#B0C72A; } /* contact form */ body#ContactUs #main_content h3 { position:absolute; color:#C2BC30; margin:132px 0 0 148px; font-size:2.2em; } body#ContactUs #main_content p#form_instructions { position:absolute; margin:176px 0 0 148px; color:#5f5b56; font-size:1.2em; } body#ContactUs #main_content p#form_instructions em { font-size:.75em; font-weight:normal; color:#46433e; font-style:italic; font-family:georgia, "times new roman", "times", serif; } fieldset { margin-left:400px; display:block; white-space:normal; } legend { position:absolute; text-indent:-9999px; } label { float:left; display:block; width:130px; text-align:right; color:#868078; margin-top:6px; margin-right:12px; } input.textbox, textarea { overflow:hidden; font-size:1.2em; font-weight:normal; width:200px; letter-spacing:.04em; color:#9a9287; margin-bottom:15px; background:#232020; background:rgba(35,32,32,0.5); border:solid 1px #0a0a0a; padding:5px; font-family:"Myriad Pro", "Myriad", helvetica, arial, sans-serif; } input.textbox:focus, textarea:focus { background:#2e2929; background:rgba(46,41,41,0.5); } textarea { width:386px; } input.button { background:none; border:none; text-align:left; display:block; font-size:1.4em; color:#3CC1CA; margin-left:140px; margin-bottom:45px; padding:0; } input.button:hover { color:#1AE3F1; cursor:pointer; } h4.form_message { display:block; margin-left:540px; font-size:1.2em; } /* News */ #news_wrapper { width:1100px; height:auto; position:relative; display:block; margin:0 auto; } .content_block { display:block; width:577px; margin:0 auto 60px auto; padding:60px 0 40px 0; xborder:solid 1px #141412; border-top:none; border-bottom:none; } .content_block.current { background:url(../images/content_block_bg.png) no-repeat 0 0; } #content_wrapper.news.posts .content_block { padding:60px 40px 20px 40px; width:497px; } /* Posts */ #content_wrapper.news.posts .content_block .entry { line-height:24px; font-size:12.5px; color:#666059; font-weight:normal; } #content_wrapper.news.posts h3 { display:block; font-size:18px; font-weight:normal; font-style:normal; color:#c2bc2e; margin:0 0 8px 0; } #content_wrapper.news.posts h4.filed_in strong a { color:#fff; } #content_wrapper.news.posts h4.filed_in strong a:hover { text-decoration:none; color:#2ca3ab; } /* Categories */ h3.filed_in, h4.filed_in { font-size:12px; color:#e6e6e6; font-style:italic; display:block; margin:0 0 19px 40px; letter-spacing:.03em; } h4.filed_in { margin-left:0; } h3.filed_in strong, h4.filed_in strong { margin-left:4px; font-weight:normal; font-size:13px; color:#fff; text-transform:uppercase; font-style:normal; } #content_wrapper.news.categories h4 { display:block; font-size:18px; font-weight:normal; font-style:normal; padding:12px 40px 14px 40px; border-bottom:solid 1px #141412; } #content_wrapper.news.categories h4 a { color:#c2bc2e; } #content_wrapper.news.categories h4 a:hover { color:#ede526; text-decoration:none; } /* News Slider */ #myController { display:none; } #content_wrapper.news { position:relative; height:100%; display:block; margin:0 auto; } #content_wrapper.news.posts #mySlides.content_block.current.js { padding:60px 0 20px 257px; background:none; height:auto !important; } #jFlowSlide { display:block; height:100%; overflow:hidden; } .jFlowSlideContainer { display:block; position:relative; width:577px !important; height:auto !important; background:url(../images/content_block_bg_left.png) no-repeat 0 0; } .jFlowSlideContainer .post { width:497px; margin:0 0 0 40px; position:relative; z-index:15; } .post .jFlowSlideContainer { width:497px !important; background:none; float:none !important; } /* Gradients */ .gradients { xdisplay:none; } .gradients .grad { position:absolute; height:100%; width:300px; display:block; z-index:20; top:0; background:none; padding:0; } .gradients .grad.left { left:0; background:url(../images/grad_left.png) repeat-y top left; } .gradients .grad.right { right:0; background:url(../images/grad_right.png) repeat-y top right; } /* jFlow Controls */ .jflow_navigation { position:absolute; width:100%; height:100%; z-index:25; display:block; } span.jFlowPrev, span.jFlowNext { display:block; position:absolute; height:100%; width:260px; top:0; text-indent:-9999px; z-index:25; } span.jFlowPrev { left:0; } span.jFlowNext { right:0; } /* page backgrounds */ div#background { position:absolute; top:215px; left:0; width:100%; height:729px; overflow:hidden; } body#CityGrill div#background { background:url(../images/501CityGrill_body_bg.jpg) no-repeat top left; } body#Oro div#background { background:url(../images/Oro_body_bg.jpg) no-repeat top left; } body#TequilaRanch div#background { background:url(../images/TequilaRanch_body_bg.jpg) no-repeat top left; } body#LaCigale div#background { background:url(../images/LaCigale_body_bg.jpg) no-repeat top left; } body#SpiritsNightClub div#background { background:url(../images/SpiritsNightClub_body_bg.jpg) no-repeat top left; } body#Watermans div#background { background:url(../images/Watermans_body_bg.jpg) no-repeat top left; } body#Amici div#background { background:url(../images/Amici_body_bg.jpg) no-repeat top left; } body#JavaMoon div#background { background:url(../images/JavaMoon_body_bg.jpg) no-repeat top left; } body#LuckyOyster div#background { background:url(../images/LuckyOyster_body_bg.jpg) no-repeat top left; } body#AtlasStrawbridge div#background { background:url(../images/AtlasStrawbridge_body_bg.jpg) no-repeat top left; } body#AtlasGreatneck div#background { background:url(../images/AtlasGreatneck_body_bg.jpg) no-repeat top left; } body#BabyBoomers div#background { background:url(../images/BabyBoomers_body_bg.jpg) no-repeat top left; } body#JustGeorges div#background { background:url(../images/JustGeorges_body_bg.jpg) no-repeat top left; } body#Gatorville div#background { background:url(../images/Gatorville_body_bg.jpg) no-repeat top left; } /* sIFR */ object:hover, object param:hover { cursor:pointer; }