/*----------------------------------------------------------
Standards-Compliant Layout CSS file for Zephyr Management
Created 18 December 2006 by Aaron Gustafson

For questions or support please contact:
  aabalone[red]
  6 Thorndal Circle
  Darien, Connecticut 06820
  203-655-1920
----------------------------------------------------------*/

/* =Classes */
.hide {
  position: absolute;
  top: 0;
  left: -999em;
}

/* =Branding */
#branding {
  margin: 0;
  height: 55px;
  border-bottom: 17px solid #959595;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#branding a {
  background: #fff;
  display: block;
  width: 143px;
  height: 43px;
  border: solid #fff;
  border-width: 12px 136px 17px 7px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#tagline {
  position: absolute;
  top: 45px;
  left: 52px;
  z-index: 2;
}
#cities {
  height: 72px;
  padding: 3px 0 0;
  width: 100%;
  position: absolute;
  top: 72px;
  left: 0;
}

/* =Nav */
#nav {
  line-height: 17px;
  list-style: none;
  margin: 0;
  width: 535px;
  position: absolute;
  top: 55px;
  left: 286px;
}
#nav li {
  float: left;
}
#nav a {
  border-right: 1px solid #fff;
  display: block;
  width: 106px;
  text-align: center;
  text-decoration: none;
}
#nav-login {
  position: absolute;
  bottom: 43px;
  left: 425px;
}
#nav-login a {
  border-radius: 10px;
  line-height: 1em;
  padding: 5px 0 6px;
  width: 93px
}
#nav-skip {
  text-indent: -999em;
  text-decoration: none;
  position: absolute;
  top: 40px;
  left: 286px;
}
#nav-skip:focus {
  text-indent: 0;
}
#site-details p {
  margin-bottom: 3px;
}
a#fnav-legal {
  margin: 0 6px 0 0;
}
a#fnav-privacy {
  margin: 0 6px;
}
#site-details ul {
  list-style: none;
  text-align: right;
  margin: 0;
  width: 190px;
  position: absolute;
  right: 37px;
  top: 14px;
}
#site-details li {
  display: inline;
  border-left: 1px solid #c1beaf;
  padding-left: 6px;
  margin-left: 6px;
}

li#fnav-contact {
  border: 0;
  padding: 0;
  margin: 0;
}

/* =Logged in */
#logged-in {
  position: absolute;
  top: 10px;
  left: 285px;
  z-index: 100;
}
#logged-in a {
  padding-left: 17px;
}


/* =Content */
#content {
  margin: 204px 0 0;
  padding: 0 37px 37px;
  /* max-width: 1100px; */
  min-width: 772px;
  min-height: 266px;
  position: relative;
}
.home #content {
  margin: 148px 0 0;
  padding: 18px 37px 0;
  width: 770px;
}
.funds #content dl,
.funds #content p,
.funds #content ul,
.funds #content ol {
  width: 620px;
}
.overview #content dl,
.overview #content p,
.overview #content ul,
.overview #content ol,
.legal #content dl,
.legal #content p,
.legal #content ul,
.legal #content ol,
.privacy #content dl,
.privacy #content p,
.privacy #content ul,
.privacy #content ol {
  width: 770px;
}
#content #quicklinks {
  width: auto;
}
#content #fund-nav,
#content #fund-nav ul {
  width: 135px;
}


/* =Homepage */
#welcome {
  color: #707070;
  border-bottom: 1px solid #c1beaf;
  padding: 0 0 17px;
  margin: 0;
  width: 772px;
}
.home #main {
  border-right: 1px solid #c1beaf;
  float: left;
  width: 503px; /* 64% */
  padding-right: 15px;
  margin: 0 15px 0 0; /* 0 -1px 0 0 */
}
.home #featured-article {
  border-bottom: 1px solid #c1beaf;
  padding-top: 14px;
  margin: 0 0 13px 0;
}
.home #reviews {
  border-left: 1px solid #c1beaf;
  /* float: left; */
  padding: 0 0 17px 15px; /* 0 0 1px 15px */
  margin: 14px 0 0 518px; /* 14px 0 0 */
  /* width: 31%; */
}
.home #reviews .meta span {
  display: block;
  height: 1px;
  text-indent: -999em;
}
.home #audio {
  border-right: 1px solid #c1beaf;
  width: 43%;
  float: left;
  padding: 5px 15px 17px 0;
  margin-right: -1px;
}
.home #video {
  border-left: 1px solid #c1beaf;
  float: left;
  padding: 5px 0 17px 15px;
  width: 50%;
}
#videolist {
  margin: 0;
  padding: 0;
}
#videolist li {
  clear: both;
  list-style: none; 
  width: 300px;
  margin: 0;
  padding: 10px 0 0;
}
#videolist .thumbnail,
.home #video .thumbnail {
  float: right;
  margin: 0 0 5px 15px;
  width: 119px;
  height: 83px;
}
.home #video .summary {
  text-align: right;
}

/* =Articles */
.article .back {
  position: absolute;
  top: -34px;
}
.article h1,
.article h6 {
  position: relative;
}
.article #section-head {
  position: absolute;
  top: -129px;
  left: -37px;
  height: 34px;
}
.article #content {
  padding-bottom: 35px;
}
.manager #content h6 {
  margin-bottom: 1em;
}
.manager .back {
  display: block;
}

/* =Site Details */
#site-details {
  border-top: 1px solid #c1beaf;
  clear: both;
  padding: 14px;
  position: relative;
}

/* =Interior Pages */
#section-head,
.landing.marketable-securities #section-head,
.landing.team #section-head {
  position: absolute;
  top: -144px;
  left: 0;
  right: 0;
  line-height: 34px;
  padding: 27px 0 11px 36px;
}
.landing #section-head {
  top: -129px;
}
.offices dl {
  float: left;
  width: 272px;
  padding-bottom: 13px;
  padding-right: 30px;
}
.offices dd {
  margin: 0 0 19px;
}
.offices dl dl {
  float: none;
  padding-bottom: 0;
}
.funds #content,
.landing #content {
  padding-left: 197px;
  min-width: 612px;
}
.overview #content {
  padding-bottom: 18px;
}
#quicklinks {
  background: #000;
  list-style: none;
  padding: 0 1px 0 34px;
  margin: 0;
  position: absolute;
  top: -56px;
  left: 0px;
  right: 0;
}
#quicklinks li {
  display: inline;
  padding: 0 10px 0 10px;
}
.funds #main {
  float: left;
  width: 100%;
  padding-bottom: 25px;
}
.landing #main {
  width: 508px;
}
.login #main {
  width: 608px;
}
.funds.private-equity #main,
.funds.marketable-securities #main {
  min-height: 333px;
}
#fund-nav {
  float: left;
  margin: -2px 0 37px -100%;
  padding: 0;
  width: 135px;
  position: relative;
  left: -197px;
}
.team #fund-nav {
  top: -3px;
  padding-left: 0px;
}
.landing #fund-nav {
  margin-left: -508px;
  padding-left: 1px;
}
.funds #fund-nav {
  padding-left: 0;
}
.login  #fund-nav {
  margin-left: -608px;
}
.login form {
  margin: 10px 0 15px;
}

#fund-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#fund-nav li a {
  display: block;
  padding: 3px 0 3px 6px;
}
#fund-nav ul {
  margin: 0;
  padding: 0;
  width: 135px;
}
#fund-nav li li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid;
}
#fund-nav ul li:last-child {
  border-bottom: 0;
}
#fund-nav li li a {
  padding: 6px 12px 6px 12px;
  text-decoration: none;
}

/* =Our Team */
.team #content {
  padding-left: 323px;
  min-width: 518px;
}
.team #main {
  position: relative;
  float: left;
  width: 498px;
  padding-bottom: 29px;
}
.team.landing #content {
  padding-left: 197px;
  min-width: 508px;
}
.team.landing #main {
  margin-top: -2px;
  padding-bottom: 20px;
  width: 508px;
}
.team.list #content {
  margin-bottom: 51px;
}
.team #fund-nav {
  margin: 1px 0 1em -498px;
  left: -323px;
}
.team.landing #fund-nav {
  margin: 1px 0 1em -508px;
  left: -198px;
}
#closed-notice {
  position: relative;
  top: 100px;
  left: -130px;
  text-align: center;
}
.funds #closed-notice {
  left: 0;
  width: 550px;
}
#content #closed-notice p {
  width: auto;
}
.team #fund-nav li {
  padding: 3px 0 3px 6px;
}
.team #fund-nav li li {
  padding: 0;
}
.team #fund-nav ul {
  margin: 3px 0 0 -6px;
}
#staff-nav-header {
  width: 134px;
  margin: 0;
  padding: 0 15px;
  position: absolute;
  top: 5px;
  left: -170px;
}
#staff-nav {
  list-style: none;
  float: left;
  margin: 0 0 0 -498px;
  padding: 0 0 61px;
  width: 164px;
  position: relative;
  left: -170px;
  top: 2em;
}
#staff-nav li {
  margin: 0;
  padding: 0;
}
#staff-nav a {
  display: block;
  padding: 0 15px;
}
li#by-photos {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid;
}
#headshots {
  border-top: 1px solid;
  list-style: none;
  margin: 5px 0 0;
  padding: 6px 0 0 2px;
}
#headshots li {
  float: left;
  margin: 0 6px 4px 0
}
#headshots img {
  border: 1px solid;
}
.team #main .vcard {
  border-top: 1px solid;
  margin: 5px 0 1em;
  padding: 134px 46px 28px;
  min-height: 163px;
}
.team #main .vcard * {
  position: absolute;
}
.team #main .vcard h1 {
  margin: 0;
  padding: 0;
  top: 29px;
  left: 177px;
  width: 300px;
}
.team #main .vcard h2 {
  margin: 0;
  padding: 0;
  top: 52px;
  left: 177px;
  width: 300px;
}
.team #main .vcard dl {
  margin: 0;
  padding: 0;
  top: 78px;
  left: 177px;
}
.team #main .vcard dd {
  margin: 0;
  padding: 0;
}
.team #main .vcard img {
  top: 28px;
  border: 1px solid;
}
.team #main .vcard dt,
.team #main .vcard dd,
.team #main .vcard dd *,
.team #main .vcard p {
  position: static;
}
.client-relations #main ul {
  margin: 0 0 5px 15px;
}
.client-relations #main li {
  padding-left: 10px;
}
.team.list #content {
  padding-left: 37px;
  min-width: 772px;
}
.team.list dl {
  float: left;
  width: 160px;
  margin-right: 31px;
}
.team.list #fund-list {
  width: 282px;
}
.team.list dt {
  padding-bottom: 5px;
  border-bottom: 1px solid;
  margin-bottom: 8px;
}
.team.list dd {
  margin-left: 0;
}
.team.list dd ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.team.list #fund-list ul {
  float: left;
  width: 140px;
  margin: 0;
}
.team.list dd a {
  display: block;
  padding: 0 8px;
  white-space: nowrap;
}

/* =Maps */
.map {
  border: 1px solid;
  display: block;
  margin: 1em 0 70px;
}

/* =Legal */
.legal #cities,
.privacy #cities,
.logout #cities,
.admin-how-to #cities {
  height: 0px;
}
.legal #content,
.privacy #content,
.logout #content,
.admin-how-to #content {
  margin-top: 76px;
  padding-bottom: 18px;
}
.legal #section-head,
.privacy #section-head,
.logout #section-head,
.admin-how-to #section-head {
  border-top: 19px solid;
  margin: 0 -37px;
  padding: 23px 37px 8px;
  position: static;
}

/* =Contact */
.contact #content {
  padding-bottom: 9px;
  padding-left: 111px;
  min-width: 698px;
}
.contact #content p {
  width: 597px;
}
.contact form {
  margin: 28px -58px;
  padding: 22px 58px 34px;
  width: 584px;
}
.contact form p {
  width: auto;
}
.contact form p+p {
  margin-top: -1em;
}
.contact form label {
  width: 190px;
}
.contact input {
  width: 340px;
}
.contact select {
  width: 350px;
}
.contact textarea {
  width: 340px;
}
.contact button {
  margin-left: 195px;
}
.error .e {
  padding-left: 25px;
}
.contact .errors {
  margin: 0 -37px -10px -111px;
  padding: 10px 37px 10px 111px;
  position: relative;
  top: -10px;
}
.contact button {
  top: -7px;
}

/* =Forms */
form {
  margin: 2em 0;
}
legend {
  margin: 0 0 1em;
  padding: 0;
}
form ol,
form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
form li {
  margin: 0 0 .75em;
  clear: both;
}
button {
  position: relative;
  cursor: pointer;
  border: 0;
  margin: 0 0 10px 145px;
  padding: 0;
  width: 96px;
  height: 25px;
  overflow: hidden;
}
button em {
  background: 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
button:focus em,
button:hover em,
button.sfhover em {
  background-position: 0 -25px;
}
form label {
  float: left;
  width: 140px;
  text-align: right;
  margin-right: 10px;
}
input {
  border: 1px solid;
  width: 200px;
  padding: 2px 4px;
}
select {
  border: 1px solid;
  width: 210px;
}
textarea {
  border: 1px solid;
  width: 202px;
  padding: 2px 4px;
}

label input {
  width: auto;
}
form li.error {
  position: relative;
}
li.error .e {
  white-space: nowrap;
  position: absolute;
  top: -2px;
  left: 560px;
}

/* =mp3player */
.overlay {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  background: #fff url(/images/layout/mp3bg-shadow2.jpg) top left repeat-x;
  visibility: hidden;
  position: absolute;
}
div.mp3 {
  width: 250px;
  height: 100px;
}
div.mov {
  background-image: none;
  width: 320px;
  height: 294px;
}
div.mov div {
  position: relative;
}
.overlay .drag {
  background: top left no-repeat;
  cursor: pointer;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.mp3 .drag {
  background-image: url(/images/layout/mp3player-drag.png);
}
.mov .drag {
  background-image: url(/images/layout/movplayer-drag.png);
  width: 320px
}
.overlay h4 {
  position: absolute;
  left: -999em;
}
.overlay p {
  font-family: Verdana, sans-serif;
  font-size: 9px;
  line-height: 140%;
  padding: 24px 5px 0 14px;
}
* html .overlay p {
  margin-top: 5px;
}
.overlay img {
  cursor: pointer;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
}
.overlay #player {
  display: block;
  position: relative;
  margin: 60px auto 0;
}
.mp3 #player {
  width: 200px;
}
.mov #player {
  margin-top: 16px;
}


/* =Permalink */
.permalink {
  position: absolute;
  left: -999em;
}