/********************************************************************************************************************/ /********* RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ************************/ /********************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-family:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-weight: normal;text-align:left;} :focus{outline: 0;} ul, ol{list-style:outside;list-style:none;} caption{text-align:left;font-weight:normal;} em{font-style:italic;} strong{font-weight:bold;} sup{font-size:0.7em;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{quotes:"" "";} /* remove borders from linked images */ a img{border:none;} /* tables still need cellspacing to match in the markup */ table{border-collapse:collapse; table-layout:auto;} th, td{text-align:left;font-weight:normal;vertical-align:top;} /********************************************************************************************************************/ /***************************************** * GLOBAL PREDICTABLE ELEMENTS * ******************************************/ /********************************************************************************************************************/ body {width:100%; min-width:877px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:16px; } p {margin:10px 0;} a{color:#CBCACA;} a:hover{color:#c10126;} ul.disc{list-style:disc;margin-left:25px;} .floated_list {float:left; display:inline; width:45%; margin-top:5px;} .right_img {float:right; display:inline; border-left:5px #fff solid;} .small_img_left{float:left; display:inline; width:202px; height:170px; margin-bottom:12px; border:1px solid #333;} .small_img_right{float:right; display:inline; width:202px; height:170px; margin-bottom:12px; border:1px solid #333;} .large_img{float:left; display:inline; width:415px; margin-bottom:10px; border:1px solid #333;} /********************************************************************************************************************/ /***************************************** GLOBAL LAYOUT ELEMENTS ***************************************************/ /********************************************************************************************************************/ /* header with logo and search *********************************************************************************************************************/ #header_wrapper{width:872px; margin:0 auto;margin-bottom:0;} #logo a{float:left; display:inline; background:url(../images/logo.jpg) top left no-repeat; width:159px; height:71px; text-indent:-1000000px;margin:10px;margin-top:15px;} #search{float:right; display:inline; width:208px; margin-top:60px;margin-right:15px;margin-bottom:5px;} #search li {float:left; display:inline;} #search li input {width:154px;margin:0;} #search li.label {text-transform:uppercase; font-size:0.9em; color:#95979a;width:48px;} /* navigation and all nav states *********************************************************************************************************************/ /* creates top background */ #nav_wrapper_outer{float:left; display:inline;width:100%; background:#e8e9ea url(../images/nav_bg_top.gif) top left repeat-x;margin-bottom:5px;} /* creates bottom background */ #nav_wrapper_inner{float:left; display:inline; width:100%; background: url(../images/nav_bg_bottom.gif) bottom left repeat-x;} /* declares nav width and font treatments */ #nav{width:860px; margin:0 auto; font-family:"Times New Roman", Times, serif; font-size:0.97em;padding-left:8px;} /* li creates link widths and margins, i.e. spacing */ #nav li{float:left; display:inline; margin-right:25px;} #nav li.login {float:right;margin-right:0;} /* default nav link style */ #nav li a{text-indent:-1000000px; display:block; margin:3px 0; height:16px;} /* per page link styles, i.e. about page active */ #nav li.about a{width:79px; background: url(../images/about_us.gif) center no-repeat;} #nav li.about a:hover{width:79px; background: url(../images/about_us_f2.gif) center no-repeat;} #nav li.about a.active{width:79px; background: url(../images/about_us_on.gif) center no-repeat;} #nav li.projects a{width:78px; background:url(../images/projects.gif) center no-repeat;} #nav li.projects a:hover{width:78px; background:url(../images/projects_f2.gif) center no-repeat;} #nav li.projects a.active{width:78px; background:url(../images/projects_on.gif) center no-repeat;} #nav li.process a{width:72px; background:url(../images/process.gif) center no-repeat;} #nav li.process a:hover{width:72px; background:url(../images/process_f2.gif) center no-repeat;} #nav li.process a.active{width:72px; background:url(../images/process_on.gif) center no-repeat;} #nav li.media a{width:101px; background:url(../images/media_room.gif) center no-repeat;} #nav li.media a:hover{width:101px; background:url(../images/media_room_f2.gif) center no-repeat;} #nav li.media a.active{width:101px; background:url(../images/media_room_on.gif) center no-repeat;} #nav li.contact a{width:96px; background:url(../images/contact_us.gif) center no-repeat;} #nav li.contact a:hover{width:96px; background:url(../images/contact_us_f2.gif) center no-repeat;} #nav li.contact a.active{width:96px; background:url(../images/contact_us_on.gif) center no-repeat;} #nav li.login a{width:105px; background:url(../images/client_login.gif) center no-repeat;margin-right:12px;} #nav li.login a:hover{width:105px; background:url(../images/client_login_f2.gif) center no-repeat;} #nav li.login a.active{width:105px; background:url(../images/client_login_on.gif) center no-repeat;} /* subnav *********************************************************************************************************************/ #sub_nav{width:847px; margin:0 auto; clear:left;padding-left:8px;} #sub_nav li{font-size:0.95em;float:left; display:inline; margin:0 30px 0 0;padding:0 2px 3px 2px; color:#656668; font-size:10px;line-height:11px;} #sub_nav li a{color:#656668; padding:4px 0;text-transform:uppercase; text-decoration:none; font-family:"Times New Roman", Times, serif; font-size:10px;line-height:11px; font-weight:bold; letter-spacing:1px; } #sub_nav li a:hover{color:#c10126;} #content_wrapper{float:left; display:inline; position:relative; width:100%; background-color:#A7A7A7;} /* background colors differ on about and home */ div.home_content{background-color:#2e2e2e !important;margin-top:8px;} div.home_content #content{width:854px;} div.about_content{background-color:#EEEEEE !important;} /* all pages left and right col sections */ div.section{background:#666666 !important;} #content, #contentFeatured, #contentProjects{width:872px; margin:0 auto; border-left:5px #fff solid; border-right:5px #fff solid; position:relative; z-index:3; background:#505051 url(../images/content_bg.gif) top left repeat-x; overflow:hidden; color:#CBCACA;} #contentFeatured{border:0;} #contentProjects {padding-bottom:10px;} html > body #contentProjects {padding-bottom:2px;} /* content spans available width */ #full_col{float:left; display:inline; width:780px; margin:20px 0 40px 20px;} /* left column content */ #left_col{float:left; display:inline; width:380px; margin:20px 0 0 20px;} /* right column content */ #right_col{float:right; display:inline; width:420px; padding:20px 0 20px 20px; border-left:5px #fff solid;} #right_col p{color:#fff;} #right_col ul{float:left; display:inline; width:43%;margin-right:15px;} #right_col ul.right {width:43%;margin-left:15px;} #right_col ul li{margin-bottom:13px;} #right_col p.grayTxt {color:#cbcaca !important;} /* footer */ #footer_wrapper{width:872px; margin:0 auto;} #footer{float:left; display:inline; margin:20px 0 50px 107px; padding:4px; background:url(../images/foot_bg.gif) center no-repeat;} #footer div{float:left; display:inline; width:219px; height:77px; background:url(../images/wildcard_bg.gif) top left no-repeat; } #footer div img{display:block; margin:9px 8px 8px 9px;} /********************************************************************************************************************/ /****************************************** CHANGING CONTENT FORMATTING *********************************************/ /********************************************************************************************************************/ /* below content style footer options *******************************************************************************/ #bottom_home_faded{position:absolute; bottom:0; width:100%; height:48px; background:url(../images/homeFooterSideFade.gif) top left repeat-x;} #bottom_faded{position:absolute; bottom:-2px; width:100%; height:31px; background:url(../images/faded_overlay.png) top left repeat-x; z-index:4;} #bottom_bordered{position:absolute; margin-bottom:-7px; width:100%; height:7px; background:url(../images/bottom_border.gif) top left repeat-x; z-index:4;} /* home page flash embed *******************************************************************************/ #swfContent{position:relative; z-index:3;} /* about *******************************************************************************/ #content_wrapper .about{background:#fff url(../images/About_Image1.jpg) top right no-repeat;} #content_wrapper .about #left_col{float:left; display:inline; width:340px; margin:30px 0 0 20px; padding-bottom:100px; color:#555;} /* about > people */ #content_wrapper .about_people{background:#EAEAEA;} #content_wrapper .about_people #left_col{float:left; display:inline; width:320px; color:#555;} #content_wrapper .about_people #left_col ul{float:left; display:inline; width:75px; margin-right:0px; margin-top:10px;} #content_wrapper .about_people #left_col ul a{color:#555;} #content_wrapper .about_people #left_col ul a:hover{color:#c10126;} .person{width:270px !important; margin-top:15px !important;} /* full page gray area with no bars on featured projects and about > community projects pages *******************************************************************************/ #content_wrapper #fullSpreadWrapper {float:left; display:inline; position:relative; width:100%; background:#505051 url(../images/content_bg.gif) top left repeat-x;clear:left;} #content_wrapper #fullSpreadWrapper #left_col{ width:423px; margin:10px 27px 0 0;} #content_wrapper #fullSpreadWrapper #right_col{width:420px; padding:10px 0 0 0;} /* projects > featured links *******************************************************************************/ #content_wrapper .featured_list{background-image:none; background-color:#eee; } #content_wrapper .featured_list #left_col{width:280px;color:#555;} #content_wrapper .featured_list a{color:#555;} #content_wrapper .featured_list a:hover{color:#c10126;} #content_wrapper .featured #left_col{width:423px; margin-left:10px;} #content_wrapper .featured #right_col{width:417px; border:none; padding:20px 10px 0 0;} /* process *******************************************************************************/ #content_wrapper .process{} #content_wrapper .process #left_col{width:260px;} /* projects > types *******************************************************************************/ #project_type_list{margin-top:20px;} #project_type_list li {margin-bottom:3px;} .project_types #project_type_1, .project_types #project_type_2, .project_types #project_type_3, .project_types #project_type_4, .project_types #project_type_5, .project_types #project_type_6, .project_types #project_type_7, .project_types #project_type_8, .project_types #project_type_9, .project_types #project_type_10, .project_types #project_type_11, .project_types #project_type_12, .project_types #project_type_13{display:none;} p.delivery_method{display:none;} p#Preconstruction{display:block;}