* {margin:0; padding:0;} img { border: none; } a, a:hover, a:active {outline: none;} h1, h2, h3, h4, h5, h6 { font-weight: normal;} body { background:url(../images/bg.png) repeat-x #a0c5db; font-family:Arial, Helvetica, sans-serif; color: #535249; font-size: 12px; line-height: 18px;} /******HOME********/ body#home-body { background:url(../images/home_bg.png) repeat-x #a0c5db; } #flash { margin-top: 49px; float: left; width: 960px; height: 480px;background-color: #a0c5db;} #AltContent { text-align: center; padding: 80px 0 0 0;} #AltContent #getFlash { margin-top: 20px;} /**********GLOBAL*****/ #outer-cont { margin: 0 auto; width: 1004px; background: url(../images/content_bg.png) top left no-repeat; height: 1000px;} #inner-cont { width: 960px; margin: 0 22px; position:relative;} #inner-cont a#home { width: 136px; height: 80px; display: block; top: 0; left:0; text-indent: -999em; background:url(../images/erkelitian_logo.png) top left no-repeat; float: left; } #main { width: 960px; background-color: #fff; min-height: 558px; margin-top: 20px; float: left; padding: 0 0 10px 0; background-color: #fff; position: relative;} * html #main { height: 578px;} #main p { padding: 0 0 20px 0;} #main .full-page { padding: 10px 10px 0 10px;} #main #view-timeline { position: absolute; bottom: 417px; left: 30px; width: 250px; height: 20px; font-weight: bold;} .full-page h1.facts { background: url(../images/facts_head.png) top left no-repeat #e5e0d9; height: 40px; width: 940px; text-indent: -999em; margin-bottom: 10px;} .full-page h1.contact { background: url(../images/contact_head.png) top left no-repeat #e5e0d9; height: 40px; width: 940px; text-indent: -999em; margin-bottom: 10px;} .full-page h1.gallery { background: url(../images/gallery_head.png) top left no-repeat #e5e0d9; height: 40px; width: 940px; text-indent: -999em; margin-bottom: 10px;} .full-page #full-content { padding: 0 20px; } #main #facts-flash { float: left; width: 790px; } #main #bottom-flash { clear: both; margin: 0 0 0 10px;} #main #background { width: 960px; background:url(../images/two-col-bkrd.png) repeat-y; min-height: 568px;} * html #main #background { height: 568px;} #main #left-col { width: 620px; float: left; padding: 10px 10px 20px 10px; } * html #main #left-col { overflow: hidden;} #main #right-col { width: 320px; float: left; padding-bottom: 10px;} #right-col img.main { border-bottom: 10px solid #fff;} #right-col .featured { width: 290px; padding: 5px 10px 0 10px; } #right-col .list { padding: 10px 10px 0 10px; } /*featured section w/ project list callout at top*/ #right-col .list a#proj-list-btn{ background: url(../images/proj_list_btn.png) top left no-repeat; display: block; width:289px; height: 34px; margin-bottom: 14px; text-indent: -999em;} #right-col .list a:hover#proj-list-btn{ background: url(../images/proj_list_btn_over.png) top left no-repeat; } #right-col .featured h2 { font-size: 15px; line-height: 16px; color: #535249; } #right-col .featured #project-list { list-style-type: none; padding: 10px 0 0 0; } #right-col .featured #project-list li.border { border-bottom: 1px dotted #a9a9a9;} #right-col .featured li {padding-bottom: 15px; } #right-col .featured li #left { width: 140px; float: left; } #right-col .featured li #right { width: 150px; float: left; border-top: 1px dotted #a9a9a9;} #right-col .featured li #right ul { list-style-type:none; padding-top: 10px; } #right-col .featured li #right ul li { font-size: 11px; line-height: 15px; padding: 0;} #right-col .featured li #right ul li h3 { font-size: 12px; line-height: 18px; font-weight: bold; color: #6f8a9b;} #right-col .featured li #right ul li h3 a { color: #6f8a9b; text-decoration: none;} #right-col .featured li #right ul li h3 a:hover { text-decoration: underline;} #right-col .featured img.grn_bldg { margin-top: 0px;} #left-col .left-content { padding-left: 20px; width:610px; } #left-col h1 { height: 40px; width: 620px; text-indent: -999em; margin-bottom: 30px;} #left-col h1.about-us { background: url(../images/about_us_head.png) top left no-repeat #e5e0d9;} #left-col h1.history { background: url(../images/history_head.png) top left no-repeat #e5e0d9;} #left-col h1.awards { background: url(../images/awards_head.png) top left no-repeat #e5e0d9;} #left-col h1.news-events { background: url(../images/news-events-head.png) top left no-repeat #e5e0d9;} #left-col h1.construction { background: url(../images/construction_head.png) top left no-repeat #e5e0d9;} #left-col h1.real-estate { background: url(../images/real_estate_head.png) top left no-repeat #e5e0d9;} #left-col h1.historic { background: url(../images/historic_head.png) top left no-repeat #e5e0d9;} #left-col h1.sust { background: url(../images/sust_head.png) top left no-repeat #e5e0d9;} #left-col .left-cont-full { padding: 0 40px 0 20px; width:570px; } #left-col h2 { font-size: 13px; font-weight: bold; line-height: 18px; color: #535249;} #left-col h3 { font-size: 12px; font-weight: bold; line-height: 18px; color: #535249;} #left-col .content { float: left; width: 430px; padding: 0 20px 0 0;} #left-col .content img.quote { margin-top: 4px;} #left-col ul.normal-list { list-style-type: none; padding-bottom: 20px; } #left-col ul.normal-list li { background:url(../images/list-bul.png) left 3px no-repeat; padding-left: 9px; } #left-col ul.normal-list li a, a.back { font-weight: bold; color: #8bb7c4; text-decoration: none;} #left-col ul.normal-list li a:hover, a:hover.back { text-decoration: underline;} #left-col ul.normal-list li a span, a.back span {font-size: 13px;} #left-col h2.about { padding-bottom: 6px;} #left-col ul.about-list li { padding-bottom: 6px;} #left-col ul.founder-list { padding-bottom: 10px;} #left-col ul.indent { padding-left: 16px;} ul.subnav { width: 150px; float: left; list-style-type:none;} ul.subnav li {height: 21px; background:url(../images/subnav_bul.png) left 1px no-repeat; border-bottom: 1px solid #f5f3f2; padding: 8px 0 0 16px; font-size: 14px; line-height: 15px; } ul.subnav li.on { background:url(../images/subnav_bul_over.png) left 1px no-repeat; } ul.subnav li.on a { color: #464342;} ul.subnav li a { color: #b1b0a7; text-decoration: none;} /*****ABOUT US - BIO PAGE*********/ #left-col h2#bio {margin-top: 24px;} #left-col h4#mike { font-size: 11px; line-height: 18px; font-style:italic;} /*****SUSTAINABILITY PAGE*********/ #main .sust-flash { border-top: 10px solid #fff; height: 400px;} #left-col ul.sust-list { padding: 0 22px 50px 36px; width: 231px; float: left;} #left-col #sust-quote { float: left;} /******* PROJECT PAGE ******/ #single-page { padding: 10px 0 0 10px} #single-page h2{;height:25px;background: url(../images/projects_head.png) top left no-repeat #a4c6d0; width: 940px; text-indent: -999em;} #project-key{text-align:right;padding:10px 0} #projects{font:normal 11px/18px Verdana,Arial,sans-serif} #projects a {color: #535249; text-decoration:underline;} #projects a:hover {text-decoration: none;} #projects table{border-collapse:collapse;width:940px;} #projects table thead{background:#f2f1ef;height:32px} #projects table thead th{font:bold 9px/18px Verdana,Arial,sans-serif;color:#535249;text-align:left;padding:5px 15px} #projects table tbody td{padding:5px 15px;border-bottom:1px dotted #a9a9a9;color:#535249;} #projects table tbody td.recent{padding-bottom: 10px; border: none;} th.c1{width:25%} th.c2{width:8%;border-right:1px solid #e8e7e5;border-left:1px solid #ebebeb} th.c3{width:15%} th.c4{width:10%} th.c5{width:10%} th.c6{width:20%} th.c7{width:12%} td.c1{font-weight:bold;} td.c1 img { float: right;margin: 3px 0 0 5px;} #projects table tbody td.c2{border-right:1px solid #e8e7e5;border-left:1px solid #ebebeb; padding: 5px 15px 5px 28px;} td.c2 img{margin-right:2px;white-space:nowrap} td.c3{} td.c4{} td.c5{} td.c6{} td.c7{} td.c1 a{font-weight:bold; color:#535249;text-decoration:none;} td.c1 a:hover{font-weight:bold; color:#535249;text-decoration:underline;} #projects table tbody tr.sub td.c1{font-weight:normal;padding-left:50px} #single-page #pagination{margin-top:5px;text-align:right;font-size:10px;width:950px; } #single-page #pagination span.pag_num {padding:2px 5px;} #single-page #pagination span.gt {padding-right: 10px;} #single-page #pagination a{padding:2px 5px;text-decoration:none;color:#000;font-weight:bold; } #single-page #pagination a:hover{background:#a0c5db;color:#FFF} #single-page #pagination a.right,#pagination a.left{font-weight:bold;font-size:10px} #single-page #pagination a.right { margin-right: 10px;} div.hidden { display: none;} /************CONTACT PAGE*******/ #full-content .contact-info{width:300px;float:left;padding-top:25px;padding-left:20px} #full-content .contact-form{width:420px;float:left;padding-top:25px;} #full-content form{margin:0} #full-content #thank-you { padding-left: 240px; width: 100%} #full-content .error{border:3px solid #A1C5DB;background:#595758;color:#FFF;text-align:center;padding:10px;margin-bottom:10px;font:bold 11px/18px Arial,sans-serif;} #full-content h2{margin:0;padding:0;height:25px;text-indent:-666em;overflow:hidden;background:#a4c6d0 url('../images/contact.gif') no-repeat 15px 0px} .single-page h2{margin:0;padding:0;height:25px;padding-left:15px;font:normal 18px/25px Verdana,Arial,sans-serif;background:#a4c6d0;color:#FFF} #full-content #info-interest{margin-top:10px; width: 200px;} .contact-form table{border-collapse:collapse;width:100%} .contact-form table tbody tr{background:#f4f0e9} .contact-form table tbody tr td{border-bottom:5px solid #FFF;padding:0px 5px;vertical-align:middle;font:normal 11px/11px Arial,sans-serif;} .contact-form table tbody tr td.blank{background:#FFF;padding:10px 0px;border:0} .contact-form label{line-height:25px;} .contact-form input, .contact-form textarea{border:0;border-left:1px dotted #9F9F9F;padding-left:5px;background:transparent;font:bold 11px/11px Arial,sans-serif;} .contact-form input.nostyle{border:0} #contact-footer{clear:both;border-top:1px solid #ebebeb;padding:15px} #contact-footer .phone{width:300px;float:left;height:35px} #info-comments{height:50px;width:400px;margin-bottom:10px} #info-submit{border:0;outline:none;margin:0;width:auto;padding:0;overflow:visible;background:transparent;float: left;} #info-clear{border:0;outline:none;margin:0 10px 0 10px;width:auto;padding:0;overflow:visible;background:transparent; float: left;} #required { width: 241px; font-size: 10px; float: left; text-align: right; padding-top: 7px;} /********AWARDS******/ .awards-cont { width: 432px; margin-top: 1px;} .awards-cont .awards-left { width: 36px; float: left;} .awards-cont .awards-left h4 { color: #8bb7c4; font-weight: bold; font-size: 13px; line-height: 18px;} .awards-cont .awards-right { width: 396px; float: left;} /********GALLERY******/ #gallery-cont { width: 940px; } #gallery-cont #left-gallery { float: left; width: 675px; padding: 0 15px 0 0;} * html #gallery-cont #left-gallery { padding: 0;} #gallery-cont #left-gallery #large-img { margin: 0 0 20px 0; display:none;} #gallery-cont #left-gallery #caption { float: left; width: 573px; margin-left: 5px; color: #6c6b6b; line-height: 14px;} #gallery-cont #left-gallery #caption a { color: #6c6b6b; text-decoration: none;} #gallery-cont #left-gallery #caption a:hover { text-decoration: underline;} #gallery-cont #left-gallery #prev-next { float: right; width: 87px; margin-right: 10px} #gallery-cont #left-gallery #prev-next #next { float: right;} #gallery-cont #left-gallery #prev-next #prev { margin-right: 11px; float: left;} #gallery-cont #right { float: left; width: 241px; border: 1px solid #e5e0d9; padding: 13px 0 13px 7px; position: relative;} #gallery-cont #right #right-gallery { float: left; width: 241px;} #right-gallery #filter_form select{width: 230px; border: 2px solid #e5e0d9; padding: 1px; margin: 0 0 10px 2px; font-size: 12px; color: #333333; font-family:Arial, Helvetica, sans-serif;} #right-gallery img { float: left; margin: 4px 6px 0 0; border: 2px solid #fff;} #right-gallery img.over { float: left; margin: 4px 6px 0 0; border: 2px solid #e5e0d9;} img.preload { display: none;} /* pagination */ .pagination{ color: #c6c4b4; font-size: 10px; font-weight:bold; float: right; padding: 15px 10px 17px 0; position: relative; line-height: 11px; position: relative; line-height: 13px; } .pagination .num { display: block; float: left; width: 16px; text-align: center; } .pagination .div { float: left; color: #6c6b6b;} .pagination .num a { color: #81bac7; text-decoration: none;} .pagination img {padding:0; margin: 0; position: relative; top: 3px; float: left;} #right img.project_list { position: absolute; bottom: 17px; right: 10px;} #right .space { clear: both; width: 241px; height: 25px;} /********NAV******/ #inner-cont ul#nav { width: 757px; list-style-type: none; float: right; margin-top: 37px;} ul#nav li { float: left; margin-right: 10px; height: 14px;} ul#nav li.last { float: left; margin-right: 0px;} ul#nav li a { text-indent: -999em; display: block; height: 14px; overflow: hidden;} ul#nav li a.about_us { width: 59px; background:url(../images/nav/nav_about.png) 0px -14px no-repeat;} ul#nav li a.real_estate {width: 150px; background:url(../images/nav/nav_real_estate.png) 0px -14px no-repeat;} ul#nav li a.construction { width: 157px; background:url(../images/nav/nav_construction.png) 0px -14px no-repeat; } ul#nav li a.historic_restorations { width: 124px; background:url(../images/nav/nav_historic.png) 0px -14px no-repeat;} ul#nav li a.sustainability { width:81px; background:url(../images/nav/nav_sustainability.png) 0px -14px no-repeat;} ul#nav li a.gallery { width: 44px; background:url(../images/nav/nav_gallery.png) 0px -14px no-repeat;} ul#nav li a.contact { width: 68px; background:url(../images/nav/nav_contact.png) 0px -14px no-repeat;} ul#nav li a:hover, ul#nav li a.on { background-position: 0px 0px;} /********FOOTER******/ #footer-cont {clear: both;padding: 20px 0 0 320px; height: 430px; background:url(../images/footer_bg.png) bottom right no-repeat;} #footer { font-size: 10px; line-height: 14px; font-weight: bold; color: #5e849c;} #footer a { color: #5e849c; text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer ul#foot { list-style-type:none; float:left; width: 260px;} #footer ul#foot li ul#bot-nav { list-style-type: none;} ul#foot li ul#bot-nav li { padding: 0 10px 0 6px; background:url(../images/bot_nav_bul.png) right 3px no-repeat; float: left; } ul#foot li ul#bot-nav li.first { padding: 0 10px 0 0;} ul#foot li ul#bot-nav li.last { padding: 0 0 0 6px; background: none;} #callout, .callout-link-screen { width: 372px; height: 110px; } #callout { float: right; color: #fff; background: #464342; /*border: 2px solid #fff;*/ font: 11px/14px "proxima-nova", Helvetica, sans-serif; background-image: url(../images/footer-callout/footer-callout-initial.jpg); background-size: cover; } #callout:hover { background-image: url(../images/footer-callout/footer-callout-hover.jpg); } .callout-link-screen { text-indent: -9999999px; overflow: hidden; opacity: 0; } #callout div { float: right; width: 204px; padding: 11px 15px; } #callout span { font-size: 14px; } #callout span span { color: #e5e0d9; } #callout div a{ display: inline-block; background: url('../images/right-arrow.png') no-repeat left center; margin-top: 2px; padding-left: 10px; text-transform: uppercase; color: #a0c5db; } #callout > a { display: inline-block; height: 100%; } .callout-img { height: 100%; } /*******ADMIN********/ #admin-nav{ padding: 25px 0 0 40px;} #admin-nav a{color:#333} #admin-nav a:hover{color:#A1C5DB} /* @group clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ /* @end */ /*news and events page*/ .news-page { } .news-page a.back { background: url('../images/double-left-arrow.png') no-repeat left center; padding-left:10px; margin-bottom: 20px; display: block; } .news-page ul li{ list-style:none; margin-bottom:20px; } .news-page ul li li{ list-style:circle; } .news-page h2 { text-transform: capitalize; } .news-page h4, .news-page h4 a { color: #8BB7C4; font-weight: bold; font-size: 13px; line-height: 18px; } .news-page h5 { font-weight: normal; font-size: 13px; line-height: 18px; font-style: italic; padding-bottom: 10px; } .news-page a.read-more { color: #8BB7C4; font-weight: bold; font-size: 13px; background: url('../images/double-right-arrow.png') no-repeat right center; padding-right: 10px; text-decoration: none; display: inline; } /*admin*/ .admin { padding:20px; } .admin table tr td { padding: 5px 0; vertical-align: top; }