/* PDA - Planners Designers Architects - by Booyant, Inc. Contact Info: team@booyant.com / 781.367.0071 VERSION 1.0 CONTENTS ---------- 1.BODY 2.DEFAULT STYLING 3.HEADINGS 4.LINKS 5.IMAGES 6.LAYOUT 7.BRANDING/MASTHEAD 8.NAVIGATION 9.SITEINFO/FOOTER 10.HOME PAGE 11.PRIMARY CONTENT 12.SECONDARY CONTENT 13.INTERNAL PAGES 14.FORMS ------------------- */ @import url(reset.css); /* RESET CSS */ /* 1.BODY ---------------------------------------------------------------------- */ body {font-family: Arial, Verdana, sans-serif; font-size: 62.5%; color: #8E8B86; background: #fff; padding:0; margin: 0;} html {height: 100%; margin-bottom: 1px;} ul#nav_access { position:absolute; top:-9999px; left:-9999px; } /* 2.DEFAULT STYLING ---------------------------------------------------------------------- */ div#content-primary {font-size: 1.2em; line-height: 1.6em;} div#content-primary ul { margin: 0.8em 0em 1.4em 0em;} div#content-primary ul li { /*margin: 0em 0em 0.3em 1.5em; padding-left: 1em;*/ background: url(/images/bullet.gif) left 6px no-repeat; margin: 10px 36px; padding-left:14px;} div#content-primary ul li ul {margin: 0.3em 0em 0.6em 1em; list-style: circle; } div#content-primary ul li ul li {background: none; padding-left: 0;} div#content-primary dl {} div#content-primary dt {font-weight: bold; margin-bottom: 0.2em;} div#content-primary dd {margin-bottom: 0.6em;} div#content-primary ol { list-style:decimal; list-style-position:outside; } div#content-primary ol li { margin-left:3em; } p {margin-bottom: 1.2em; line-height: 1.8em;} hr { height:0; border:0; border-top:1px dotted #ccc; margin: 0.8em 0 0.2em 0; } blockquote { font-style:italic; background:#eee; padding:1.2em; margin: 0.8em 0 2.8em 0; } blockquote cite { display:block; font-style:normal; text-transform:uppercase; font-size:0.8em; letter-spacing:1px; color:#666; margin-top: 0.5em;} pre { } pre code { } code { } abbr { border-bottom:1px solid #ccc; cursor:help; } abbr:hover { border-color:#999; } del { color:#999; } strong { font-weight:bold; } em { font-style: italic; } sup { font-size:0.75em; position:relative; top:-3px; } em {font-style:italic;} div.directions strong {color: #000;} div.directions {padding-top: 20px;} div.directions h3 {margin-bottom: 0.3em;} /* 3.HEADINGS ---------------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { margin-bottom: 0.3em;} h1 {font-size: 2.7em; color:#939598; margin-bottom: 0.7em; line-height: 1em; font-weight: 100;} h2 {text-indent:-9999em; height: 64px; } h3 {color:#8E8B86; font-size:16px;line-height:23px; margin-bottom: 30px; } h4 {font-size: 1em; color: #000; font-weight: bold; } h5 {font-size: 1.2em; } h6 {font-size: 1.2em; font-style: italic;} /* 4.LINKS ---------------------------------------------------------------------- */ a { } a:link, a:visited, { } a:hover, a:focus {} /* 5.IMAGES ---------------------------------------------------------------------- */ img {} img.fl { float:left; } img.fr { float:right; } /* 6.LAYOUT ---------------------------------------------------------------------- */ div#container {margin:0 auto; background: url(../images/bodyBackground.gif) left top repeat-y; width: 950px; height: 100%; padding-bottom: 100px;} div#wrap {width: 792px; padding-right: 24px; } #main-body {clear: both; margin-top: 0px; /*background: #fff;*/} div#header {padding: 0 0 0 82px; background: #fff;} div#main-nav {float:left; width: 168px; position: relative;} div#section-nav { } div#content-primary { width:488px; float:right; padding: 118px 88px 0 48px; background-position: left 0px; background-repeat: no-repeat;} .pg-about div#content-primary {background-image: url(../images/headers/about.jpg) ;} .pg-services div#content-primary {background-image: url(../images/headers/services.gif) ;} .pg-contact div#content-primary {background-image: url(../images/headers/contact.jpg) ;} #footer {clear: both;padding: 3em 0; } .clear {clear: both; height: 0px; line-height: 0px; overflow: hidden; margin: 0; padding: 0;} .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* 7.BRANDING/MASTHEAD ---------------------------------------------------------------------- */ #header h1 {float: left; width:100%; height:33px; text-indent:-9999em; margin:40px 0 10px 0; padding:0; } #header h1 a {background: url(../images/logo.jpg) top left no-repeat; width:451px; height:33px; display: block; } /* 8.NAVIGATION ---------------------------------------------------------------------- */ #main-nav {font-size: 1.2em; background: url(../images/line.jpg) right 0px no-repeat; } #main-nav ul {margin-top: 13px; padding-top: 100px; border-right: 1px solid #d02433; } div#main-nav li {margin: 20px 0; } div#main-nav li.about {margin-bottom: 0;} #main-nav ul li a {display:block; height:8px; text-indent:-9999px; background-repeat: no-repeat; background-position: 0 0; } #main-nav ul li ul li a { height:10px; } #main-nav ul li a:hover, #main-nav ul li a.selected {background-position: 0 -8px;} #main-nav ul li ul li a:hover, #main-nav ul li ul li a.selected {background-position: 0 -10px;} #main-nav ul li ul {margin: 0px 0px 26px 25px; border: none; padding: 0;} #main-nav ul li ul li {margin: 16px 0;} #main-nav ul li ul a {color:#9d9a96;padding-left: 15px;} #main-nav a:hover {color: #80272f;} img.line-overlap {position: absolute; top: 118px; right: -1px;} li.services a {background-image:url(../images/nav/navServices.jpg);} li.construction a {background-image:url(../images/nav/navConstruction.jpg);} li.news-events a {background-image:url(../images/nav/navNews.jpg);} li.portfolio a {background-image:url(../images/nav/navPortfolio.jpg);} li.about a {background-image:url(../images/nav/navAboutUs.jpg);} li.advanced-strategies a {background-image:url(../images/nav/services/advanced-strategies.jpg);} li.architecture-planning a {background-image:url(../images/nav/services/architecture-planning.jpg);} li.sustainable-design a {background-image:url(../images/nav/services/sustainable-design.jpg);} li.interior-design a {background-image:url(../images/nav/services/interior-design.jpg);} li.engineering a {background-image:url(../images/nav/services/engineering.jpg);} li.corporate-overview a {background-image:url(../images/nav/about/corporate-overview.jpg);} li.leadership-team a {background-image:url(../images/nav/about/leadership-team.jpg);} li.testimonials a {background-image:url(../images/nav/about/testimonials.jpg);} #utility-nav {float: right; font-size: 0.9em; margin-top:10px; } #utility-nav li {float: left;} #utility-nav li a:link, #utility-nav li a:visited {display: block; text-decoration: none; color: #720A0D; letter-spacing:2px; margin-left:15px;} #utility-nav li a:hover {text-decoration: none; color:#8E8B86;} /* 9. SITEINFO/FOOTER ---------------------------------------------------------------------- */ #footer ul {font-size: 1em;} div#footer li {float:left; margin-right:3em; background: none;} #footer a:link, #footer a:visited {color: #666; display: block;} #footer a:hover {color: #000;} /* 10.HOME PAGE ---------------------------------------------------------------------- */ /* 11.PRIMARY CONTENT ---------------------------------------------------------------------- */ div#content-primary ul#management li {margin: 0 0 20px 0; padding: 0; background: none;} div#content-primary ul#contact li {margin: 0 0 2px 0; padding: 0; background: none; text-transform: uppercase; } div#content-primary ul#contact li.tel {margin-top: 8px; } div#content-primary ul#contact li.email {text-transform: lowercase;margin-top: 8px;} div#content-primary ul#contact h3 {margin-bottom: 0.6em;} ul#management li strong {text-transform:uppercase; color: #000; display: block;} ul#management li em {display: block; padding-bottom: 5px;} /* 12.SECONDARY CONTENT ---------------------------------------------------------------------- */ /* 13.INTERNAL PAGES ---------------------------------------------------------------------- */ div#media {width: 100%; height: 91px; background-position: right top; background-repeat: no-repeat; background-color: #fff; padding-bottom: 12px;} .pg-services div#media {background-image: url(../images/banners/pdawebbd.jpg);} .pg-about div#media {background-image: url(../images/banners/pdawebbd2.jpg);} .pg-contact div#media {background-image: url(../images/banners/pdawebbd.jpg);} div.page-indicator {width: 100%; height: 19px; margin-bottom: 20px;background: #fff;} .pg-services div.page-indicator {background: #fff url(../images/services.jpg) left top no-repeat;} .pg-about div.page-indicator {background:#fff url(../images/about.jpg) left top no-repeat;} .pg-contact div.page-indicator {background:#fff url(../images/contact.jpg) left top no-repeat;} .pg-services li.about ul, .pg-about li.services ul, .pg-contact li.services ul, .pg-contact li.about ul {display: none;} div.expand {padding: 0px 0px 0px 0px; margin-bottom: 6px;} div.expand div.col1 {float:left; margin: 0px 0px 0px 18px; width: 70px; } div.expand div.col2 {float: right; width: 400px; padding-top: 0px;} div.expand div.col1 img {border: 1px solid #ccc; background: #fff; padding: 2px;} /*jquery bit*/ div.more_content { display:none; clear: both; padding: 1em 0;} a.expand_button {display: block; padding-left: 18px; color: #58595b; text-decoration: none;} a#expand {background: #edeeee url(../images/icn_expand.jpg) top left no-repeat; } a#contract {background: #edeeee url(../images/icn_close.jpg) top left no-repeat; } /* 14.FORMS ---------------------------------------------------------------------- */ .newsletter {width: 194px; float: left; padding: 10px 0; } input.searchBox {float: left; width: 158px; height: 17px; padding-left: 4px;} .newsletter label {font-weight: bold; color: #000; padding-bottom: 3px; display: block;} .newsletter input {border: 1px solid #c5c6c8;} .newsletter input.submit {float: right; border: none; } div#content-primary ul#errors li {margin: 0; padding: 0; color: #f00; font-weight: bold; background: none; position: absolute; top: 32px; left: 206px;} div#content-primary ul#errors {position: relative;}