/*
 * landing page
 */
div#page-content div#introduction {
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
  _width: 288px;
}
div#page-content div#introduction.with-completed {
  width: 600px;
}
div#page-content div#introduction.with-both {
  width: 288px;
}
div#introduction p.view-all {
  margin: 10px 0 0 0;
  padding: 0;
}
div#page-content div#current,
div#page-content div#completed {
  background: #f3f3f4;
  border: 1px solid #dcdcde;
  float: left;
  margin: 0 0 0 30px;
  padding: 15px;
  width: 248px;
  height: 330px;
}

div#page-content div#current div.list-container,
div#page-content div#completed div.list-container {
  float: left;
  margin: 0;
  padding: 1px;
}
div#page-content ul.portfolios {
  list-style-type: none;
  margin: 0 10px 0 10px;
  padding: 0;
  width: 185px;
}
div#page-content ul.portfolios li {
  margin: 0;
  padding: 0;
}
div#page-content ul.portfolios li div.details {
  background: #fff;
  margin: 0;
  padding: 5px;
  height: 235px;
}
div#page-content ul.portfolios li div.link {
  margin: 10px 0 0 0;
  padding: 0;
  height: 24px;
}
div#page-content div.arrow {
  float: left;
  margin: 0;
  padding: 60px 0 0 0;
  width: 20px;
}


/*
 * list all page
 */
div#page-content div#portfolio-container {
  background: #f3f3f4;
  border: 1px solid #dcdcde;
  overflow: hidden;
  margin: 0;
  padding: 20px;
  width: 918px;
}
div#portfolio-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#portfolio-container ul li {
  clear: both;
  background: #fff;
  overflow: hidden;
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 5px;
}
div#portfolio-container ul li {
  display: block;
}
div#portfolio-container ul li div.image {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  width:
}
div#portfolio-container ul li div.image img {
  display: block;
}
div#portfolio-container ul li div.details {
  overflow: hidden;
}
div#portfolio-container ul li div.details div.title {
  float: left;
}
div#portfolio-container .normal {
  font-weight: normal;
}
div#portfolio-container ul li div.details div.link {
  float: right;
}
div#portfolio-container ul li div.details div.link img.view-in-detail {
  float: left;
}
div#portfolio-container ul li div.details div.summary {
  clear: right;
  margin: 0;
  padding: 10px 0 0 0;
}


/* portfolio details page */
div#page-content div#view-all {
  float: right;
  margin: 0;
  padding: 0;
}
div#view-all img {
  display: block;
}
div#portfolio-container {
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 955px;
}
div#portfolio-container div#portfolio-extras {
  background: #dcdcde;
  float: left;
  margin: 0 20px 0 0;
  padding: 5px;
  width: 185px;
}
div#portfolio-container div#portfolio-extras.extras-spacer {
  background: #f3f3f4;
}
div#portfolio-extras ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#portfolio-extras ul li {
  margin: 0 0 5px 0;
  padding: 5px;
}
div#portfolio-extras ul li img {
  display: block;
  margin: 0;
}
div#portfolio-extras div.file {
  background: url(/img/file-bg.jpg) top left repeat-x;
  border: 1px solid #fff;
  margin: 0 0 1px 0;
  padding: 5px;
  height: 28px;
}
div#portfolio-extras div.file img {
  float: left;
  display: block;
  margin: 0 10px 0 0;
  padding: 0;
}


div#portfolio-container div#portfolio-detail {
  background: #fff;
  float: left;
  margin: 0;
  padding: 5px;
  width: 690px;
}
div#portfolio-detail div#title {
  margin: 0;
  padding: 10px 0 10px 0;
}
div#portfolio-detail p.summary {
  font-style: italic;
}