/*
   application.css

   Created by [the creator] on Jun 03, 2009.
   Copyright 2009 Full Steam Marketing & Design. All rights reserved.
*/

/*  Import Default Generic Rules
----------------------------------------------- */
@import url(reset.css);
@import url(generic.css);

body {
  background: #fff url('design/ucp-body-bkgd.png') repeat-y top center;
  /* background: #fff url('design/960-grid-template-v1.png') repeat-y center top;  */
}

#wrapper {
  background: transparent url('design/ucp-wrapper-bkgd.jpg') no-repeat center top;
  margin: 0 auto;
}
.content .inner {
  width: 960px;
  margin: 0 auto;
}


/*  Specialized Wireframe Rules
----------------------------------------------- */
.hidden {
  visibility: hidden;
}
.inactive a, .inactive li a {
  color: #bbb !important;
}
.sourcefile {
  background-color: #ff3;
  color: #c00;
}
.sourcefile:before {
  content: "Source: ";
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  font-family: "Helvetica Neue", arial, sans-serif;
  letter-spacing: -0.02ex;
  font-weight: normal;
}
.content img {
  float: left;
  margin: 0 2em 1em 0;
}
.content img.rgt {
  float: right;
  margin: 0 0 1em 2em;
}
.content dfn {
  border-bottom: none;
  font-weight: bold;
  font-style: normal;
}
.content a:link, .content a:visited {    
  color: #46607C;
}
.content h1 a:link, .content h1 a:visited {
  clear:both;
  text-decoration: none;
}
.content a:hover {
  color: #444;
}

/* Navigation
----------------------------------------------- */
.content ul.navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content ul.navigation li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0 1.5em 0 0;
  text-indent: 0;
}
.content ul.navigation li:before, .content ul.gallery-list li:before { display: none; } /* removing bullets for navigation unordered lists */


/*  Structure
----------------------------------------------- */
.content #header {
  width: 960px;
  margin: 0;
  float: left;
}
.content #header #logo {
  background-color: #fff;
  height: 195px;
  float: left;
  margin: 0;
}
.content #header #logo a {
  background: #fff url('design/ucp-home-logo-tagline.gif') no-repeat bottom center;
  display: block;
  width: 218px;
  height: 340px;
  margin: 0;
  padding: 15px 0 20px 32px;
  text-indent: -999px;
  overflow: hidden;
}
.content #header img {
  margin: 0;
}
.content #header #tagline {
  float: left;
  height: 60px;
  margin: 140px 0 0 0;
  padding: 0 20px;
  width: 670px;
  background: #46607c url('design/ucp-article-bkgd.png') repeat-x top center;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
}
.content #tagline p {
  background: transparent url('design/ucp-title-about.gif') no-repeat top left;
  margin-top: 15px;
  text-indent: -999px;
  overflow: hidden;
}


/*  Main Nav
----------------------------------------------- */
#nav {
  background: #46607c url('design/ucp-nav-bkgd.png') repeat-x top center;
  width: 100%;
  height: 58px;
}
#nav .navigation {
  display: block;
  width: 960px;
  margin: 0 auto;
}
#nav .navigation li {
  height: 58px;
  float: left;
  line-height: 58px;
  display: block;
  padding: 0;
  margin: 0;
}
#nav a {
  background: transparent url('design/ucp-nav.gif') no-repeat 0 0;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  height: 58px;
  width: 86px;
  text-indent: -999px;
  overflow: hidden;
  /* temp rules */
  color: #fff;
}
#nav li#nv-about a { background-position: 0px 0; margin-left: 3px;}
#nav li#nv-services a { background-position: -86px 0; width: 103px;}
#nav li#nv-process a { background-position: -189px 0; width: 143px; }
#nav li#nv-experience a { background-position: -332px 0; width: 128px; }
#nav li#nv-news a { background-position: -460px 0; width: 140px; }
#nav li#nv-precedents a { background-position: -600px 0; width: 133px; }
#nav li#nv-contact a { background-position: -733px 0; width: 135px; }

#nav li#nv-email a { background-position: -880px 0; width: 35px; margin-left: 6px;}
#nav li#nv-chat a { background-position: -915px 0; width: 39px; }

#nav li#nv-about a:hover, .about-page #nav li#nv-about a { background-position: 0px -58px; }
#nav li#nv-services a:hover, .services-page #nav li#nv-services a { background-position: -86px -58px; }
#nav li#nv-process a:hover, .process-page #nav li#nv-process a { background-position: -189px -58px; }
#nav li#nv-experience a:hover, .experience-page #nav li#nv-experience a { background-position: -332px -58px; }
#nav li#nv-news a:hover, .news-page #nav li#nv-news a { background-position: -460px -58px; }
#nav li#nv-precedents a:hover, .precedents-page #nav li#nv-precedents a { background-position: -600px -58px; }
#nav li#nv-contact a:hover, .contact-page #nav li#nv-contact a { background-position: -733px -58px; }

#nav li#nv-email a:hover { background-position: -880px -58px; }
#nav li#nv-chat a:hover { background-position: -915px -58px; }


#nav li#nv-home a {
  background: transparent url('design/ucp-home-nav.gif') no-repeat 0 0;
  width: 78px;
}
#nav li#nv-home a:hover, .home-page #nav li#nv-home a { background-position: 0px -58px; }

/*  Sidebar content
----------------------------------------------- */
.content .aside {
  width: 230px;
  float: left;
  margin: 175px 0 0;
  padding: 0 20px 0 0;
}

* html .content .aside {
  margin-top: 0;
  padding: 0;
}
.content .aside h2 {
  padding-left: 16px;
}
.content .aside #sub-nav {
  display: block;
  margin: 0;
  padding: 0;
}
.content .aside #sub-nav li {
  background: #4d4d4d url('design/ucp-aside-nav-bkgd.jpg') repeat-x top center;
  line-height: 1.4em;
  float: left;
  width: 234px;
  font-size: 16px;
  padding: .4em 0 .4em 16px;
  margin: 0;
  text-indent: 0;
  color: #fff;
  list-style: none;
}
.content .aside #sub-nav li a {
  background-color: #dcdcdc;
  color: #666;
  text-decoration: none;
  float: left;
  width: 234px;
  margin: -.4em 0 -.4em -16px;
  padding: .4em 0 .4em 16px;
}
.content .aside #sub-nav li:before { display: none; }


/*  Content Area
----------------------------------------------- */
.content .article {
  background-color: #fff;
  float: left;
  width: 710px;
  margin: 0;
  min-height: 320px;
}
* html .content .article {
  margin-top: -175px;
}
.content .article .section {
  float: left;
  width: 550px;
  padding: 20px 20px 0;
}
.content .article h1 {
  font-size: 300%;
  font-weight: lighter;
  color: #46607c;
}
.content .article .section h1 {
  margin-top: 0.5em;
  line-height: 1em;
}
.content .article h1 span.location,
.content .article h1 span.year {
  font-size: 62.5%;
  color: #999;
}
.content .article .back {
  font-size: 37.5%;
  margin-left: .5ex;
  text-transform: uppercase;
}
.content .article a.back:link, .article a.back:visited {
  color: #aaa;
  text-decoration: none;
  padding: 0 0.5ex;
}
.content .article a.back:hover {
  color: #c33;
  background-color: #eee;
}
.content .article cite {
  display: block;
  padding-right: 2em;
  text-align: right;
  color: #4c6b85;
  font-size: 110%;
}
.content .article blockquote {

  background-color: #fff5ee;
  margin-bottom: 0.5em;
  font-style: italic;
  color: #d2691e;
  font-size: 110%;
}

.content .article blockquote acronym:first-child:before, 
.content .article blockquote acronym:first-child:after,
.content .article blockquote span:first-child:before, 
.content .article blockquote span:first-child:after {
  content: '';
}

.content .article .images {
  position:relative;
  width: 120px;
  height: 600px;
  float: right;
  margin: 0;
  padding: 0;
}

.about-page .content .article img,
.experience-page .content .article img, 
.process-page .content .article img,
.services-page .content .article img {
  margin: 2px 0 0;
  padding: 0;
}


/*  Home Page
----------------------------------------------- */
/* Aside */
.home-page .content .aside {
  margin-top: 0;
  background: #ccc url('design/ucp-home-aside.jpg') repeat-x top;
  padding-left: 15px;
  width: 215px;
}
* html .home-page .content .aside {
  padding: 0 20px 0 15px;
}
.home-page .content .aside #press-room h2.title {
  background: transparent url('design/ucp-aside-title-news-room.gif') no-repeat -13px 0;
  text-indent: -9999px;
  height: 23px;
  overflow: hidden;
}
.home-page .content .aside h3.year {
  font-size: 120%;
  color: #666;
  margin-top: 0;
}
.home-page .content .aside .press-item + .press-item {
  clear:both;
  margin: 0 0 1.5em;
  border-top: 1px dotted #aaa;
  float: left;
}
.home-page .content .aside .press-item img {
  margin: 0 0 1em;
}
.home-page .content .aside .press-item h2 {
  margin: 0 0 0.3em;
  padding: 0;
  font-size: 125%;
}
.home-page .content .aside .press-item h1  {
  margin-bottom: 0.2em;
}

/*.home-page .content .aside #pfbe-image {
  clear: both;
  margin: 10px 0 0 0;
  height: 113px;
  background: transparent url('/images/home/ucp-logo-pfbe-enrol-prac.gif') no-repeat center top;
}*/

.home-page .content .aside #pfbe-image h2.title {
  text-indent: -9999px;
}

/* Article */
.home-page .content .article {
  width: 710px;
  padding: 0;
  margin: 0;
}
.home-page .content .article .section {
  width: 670px;
  height: 140px;
  color: #ffe8ca;
  padding: 0 20px;
  overflow: hidden;
}
.home-page .content .article .section p {
  overflow: hidden;
  font-size: 12px;
  line-height: 1.8em;
}
.home-page .content .article .section a:link, .home-page .content .article .section a:visited {
  color: #fff;
}
.home-page .content .article .section a:hover, .home-page .content .article .section a:focus {
  text-decoration: none;
  padding-right: 14px;
}
.home-page .content .article .section h2 a:hover, .home-page .content .article .section h2 a:focus {
  background: transparent url('design/link-arrow.gif') no-repeat 100% 60%;
  padding-right: 14px;
}

.home-page .content .article .section h2 {
  margin-top: 20px;
  font-size: 20px;
}
.home-page .content .article .section img {
  float: left;
  margin: 0 20px 0 -20px;
}

* html .home-page .content .article .section img {
  background-color: #c00;
  margin: 0;
  display: block;
  
}
.home-page #visioning.section img,
.home-page #project-management.section img,
.home-page #real-estate-services.section img {
  margin: 0 -20px 0 20px;
  float: right;
}
.home-page #tagline {
  background: #46607c url('design/ucp-home-tagline.png') repeat-x top center;
  float: left;
  height: 54px;
  width: 630px;
  margin: 0;
  padding: 10px 60px 10px 20px;
  color: #fff;
  font: normal normal 100 200%/1.4em "Helvetica Neue", arial, sans-serif;
  text-indent: -9999px;
  overflow: hidden;
}
.home-page #visioning.section {
  background: #676767 url('design/ucp-live-bkgd.png') repeat-x top left;
}
.home-page #finance.section {
  background: #463 url('design/ucp-play-bkgd.png') repeat-x top left;
}
.home-page #project-management.section {
  background: #b67214 url('design/ucp-dream-bkgd.png') repeat-x top left;
}
.home-page #entitlements.section {
  background: #548ac5 url('design/ucp-participate-bkgd.png') repeat-x top left;
}
.home-page #real-estate-services.section {
  background: #676767 url('design/ucp-live-bkgd.png') repeat-x top left;
}


/*  Home Page Fader Box
----------------------------------------------- */
.home-page #fader-box {
  width: 710px;
  height: 375px;
  float: left;
}
.home-page #fader-box h2 {
  letter-spacing: 0em;
}
.home-page #fader-box a:link,
.home-page #fader-box a:visited {
  color: #fff;
}
.home-page #fader-box a:hover,
.home-page #fader-box a:active,
.home-page #fader-box a:focus {
  background-color: #000;
  text-decoration: none;
}
.home-page #fader-box .tgl {
  width: 710px;
  height: 375px;
  float: left;
}
.home-page #fader-box .fader-text {
  width: 200px;
  float: left;
  background-color: transparent;
  padding: 0 20px;
  font-size: 14px;
  color: #ddd;
}
.home-page #fader-box #fade-1 {
  background: transparent url('/images/home/ucp-home-header-img.jpg') no-repeat top left;
}
.home-page #fader-box #fade-2 {
  background: transparent url('/images/home/ucp-home-header-img-2.jpg') no-repeat top left;
}
.home-page #fader-box #fade-3 {
  background: transparent url('/images/home/ucp-home-header-img-3.jpg') no-repeat top left;
}
.home-page #fader-box #fade-4 {
  background: transparent url('/images/home/ucp-home-header-img-4.jpg') no-repeat top left;
}
.home-page #fade-2 .fader-text, .home-page #fade-4 .fader-text {
  float: right;
}
.home-page #fader-box #fade-5 {
  background: transparent url('/images/home/ucp-home-header-img-5.jpg') no-repeat top left;
}


/*  About
----------------------------------------------- */
.about-page .content #header {
  background: transparent url('design/ucp-header-about.jpg') no-repeat top right;
}
.about-page .content #tagline p {
  background: transparent url('design/ucp-title-about.gif') no-repeat top left;
}
.about-page .content table#associates {
  border: none;
  border-left: none;
}
.about-page .content #associates td.logo {
  width: 220px;
  height: 60px;
  border: none;
  text-align: center;
  vertical-align: middle;
}
.about-page .content #associates td.logo img {
  float: none;
  margin: auto;
}
.about-page .content #associates td.text {
  width: 100%;
  height: 60px;
  border: none;
  text-align: center;
  vertical-align: middle;
}

/*  Bios
----------------------------------------------- */
.bio blockquote {
  width: 320px;
}
#bio-photo {
  float: right;
  padding-left: 10px;
  margin-right: -60px;
}

.bio a.pdf, .experience-page .content .article a.pdf  {
  padding-left: 20px;
  background: transparent url('design/pdf-icon.gif') no-repeat top left;
  padding-bottom: 5px;
}


/*  Services
----------------------------------------------- */
.services-page .content #header {
  background: transparent url('design/ucp-header-services.jpg') no-repeat top right;
}
.services-page .content #tagline p {
  background-image: url('design/ucp-title-services.gif');
}

/*  Experience
----------------------------------------------- */
.experience-page .content #header {
  background: transparent url('design/ucp-header-experience.jpg') no-repeat top right;
}
.experience-page .content #tagline p {
  background-image: url('design/ucp-title-experience.gif');
}

.experience-page .content .article a {
  margin: 0;
  padding: 0;
}


/*  Our Process
----------------------------------------------- */
.process-page .content #header {
  background: transparent url('design/ucp-header-process.jpg') no-repeat top right;
}
.process-page .content #tagline p {
  background-image: url('design/ucp-title-our-process.gif');
}

/*  Press Room
----------------------------------------------- */
.news-page .content #header {
  background: transparent url('design/ucp-header-news.jpg') no-repeat top right;
}
.news-page .content #tagline p {
  background-image: url('design/ucp-title-news-room.gif');
}
.news-page .content .article {
  width: 710px;
  float: left;
}
.news-page .content #releases h1 {
  font-size: 180%;
  line-height: 1.2em;
  margin-bottom: 0;
}
.news-page .content h2.year {
  background-color: #ddd;
  font-size: 500%;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding-top: 14px;
  line-height: .75em;
  text-indent: 18px;
}
* html .news-page .content h2.year {
  letter-spacing: -0.3em;
  
}
.news-page .content #releases .press-item h2 {
  font-size: 140%;
  margin: 0 0 .5em;
  line-height: 1.2em;
}
.news-page .content #releases .press-item {
  margin: 2em 0;
}
.news-page .content #releases .press-item + .press-item {
  border-top: 1px dashed #aaa;
}

.news-page .content #releases .press-item img {
  float: none;
}

/*  Precedents
----------------------------------------------- */
.precedents-page .content #header {
  background: transparent url('design/ucp-header-precedents.jpg') no-repeat top right;
}
.precedents-page .content #tagline p {
  background-image: url('design/ucp-title-precedents.gif');
}

/* photo pages
----------------------------------------------- */
.precedents-page .content ul.gallery-list {
  margin: 1em -3px 1em 0;
  padding: 0;
}
.precedents-page .content li.gallery-pictures {
  float: left;
  background-color: #eee; 
  width: 200px;
  height: 100%;
/*  margin-right: 10px;
  margin-bottom: 2em;*/
  margin: 0 6px 10px 6px;
  padding: 0 0 0 0;
}

* html .precedents-page .content li.gallery-pictures {
  display: inline;
}
.precedents-page .content .section {
  width: 640px;
  padding-bottom: 2em;
}
.precedents-page .content .gallery-pictures dl {
  border: 1px solid #ddd;
  width: 100%;
  margin: 0;
  height: 250px;
  overflow: hidden;
}
.precedents-page .content .gallery-pictures dt {
  display: block;
  height: 182px;
  width: 184px;
  padding: 0;
  margin-top: 9px;
  margin-left: 9px;
}
.precedents-page .content .gallery-pictures dd {
  background-color: #eee;
  margin: 0;
  padding: 5px 12px 10px 12px;
  font: normal normal normal 12px/1.2em 'Lucida Grande', Arial, sans-serif;
  text-align: left;
  text-indent: 0;
}
.precedents-page .content .gallery-pictures dt img {
  display: block;
  background-color: #eee;
  border: 1px solid transparent;  
  text-align: center;
  margin: 1px auto;
}
.precedents-page .content .gallery-pictures dt a:hover img {
  border: 1px solid #06c;
}
.precedents-page .content .gallery-pictures a {
  border: none;
}
.precedents-page .content .gallery-pictures a:hover {
  text-decoration: underline;
}



/*  Contact Us
----------------------------------------------- */
.contact-page .content #header {
  background: transparent url('design/ucp-header-contact.jpg') no-repeat top right;
}
.contact-page .content #tagline p {
  background-image: url('design/ucp-title-contact-us.gif');
}
.contact-page .content .article img {
  float: right;
  margin-right:-140px;
}

/* Error Rules
----------------------------------------------- */
.error, .fieldWithErrors {
  padding: 2px;
  /* margin: right; */
}
.fieldWithErrors input.textfield, .fieldWithErrors input, .fieldWithErrors textarea {
  border: 1px solid #c00 !important;
  background-color: #fee !important;
}
#errorExplanation {
  margin: 10px 32% 20px 0;
  border: 1px solid #c00;
  padding-top: 0;
  padding-bottom: 12px;
  background-color: #fff5f5;
}
#errorExplanation h2 {
  background: #c00 url("images/alertbad_icon.gif") no-repeat left;
  margin: 0;
  padding: 5px 5px 6px 30px;
  border: inherit;
  font-size: 12px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}
#errorExplanation p {
  margin: 10px 10px 0 10px;
  padding: 5px;
  font-size: 11px;
  color: #c00;
}
#errorExplanation ul {
  margin-left: 30px;
}
#errorExplanation ul li {
  padding-right: 10px;
  color: #c00;
  font-size: 11px;
  list-style: square;
}



/*  Error Page
----------------------------------------------- */
.error-page .content #header {
  background: transparent url('design/ucp-header-precedents.jpg') no-repeat top right;
}
.error-page .content #tagline p {
  background-image: url('design/ucp-title-oops.gif');
}


/*  End Cap
----------------------------------------------- */
#end-cap {
  clear: both;
  background: transparent url('design/ucp-endcap-bkgd.png') repeat-y top center;
  min-width: 960px;
  width: 100%;
  float: left;
  margin: 0 auto;
  padding: 20px 0;
}
#end-cap .inner {
  min-height: 200px;
  width: 780px;
}
#end-cap h4 {
  margin-top: 0;
}

#end-cap h4 + h4 {
  margin-top: 1.14em;
}

#end-cap .navigation li {
  display: block;
  line-height: 1.0em;
  padding: .4em 10px .4em 0;
}

#end-cap a {
  text-decoration: none;
  color: #444;
}

#end-cap h4 a {
  color: #c87b17;
}

#end-cap .col {
  float: left;
  width: 140px;
}
#end-cap .bigcol {
  width: 180px;
  float: left;
  margin: 0;
  border-left: 1px solid #ddd;
  padding-left: 38px;
  text-align: center;
}

#end-cap .bigcol p a#youtube-link {
  float: left;
}

#end-cap .bigcol p a#youtube-logo, #end-cap .bigcol p a#youtube-link {}

#end-cap .bigcol p a#youtube-logo {
  display: block;
}

#end-cap .bigcol p {
  float: left;
}

#end-cap img {
  margin: 0;
  padding: 0;
}
/* Footer
----------------------------------------------- */
#footer {
   clear: both;
   background: #fff url('design/ucp-footer-bkgd.png') no-repeat top center;
   padding: 10px 0;
  /* font-size: 12px;  */
}
#footer address {
  text-align: center;
}