/*
 * Homepage Styles
 */

div#site-container div#portfolio-container {
  background: #141424;
  margin: 0;
  padding: 10px 0 0 0;
  width: 100%;
  height: 268px;
}
div#portfolio-container div#portfolios {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 960px;
}
div#portfolios ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 25px;
}
div#portfolios ul li {
  float: left;
  margin: 0;
  padding: 0 60px 0 0;
}
div#portfolios ul li img {
  display: block;
}
div#portfolios ul li p {
  margin: 15px 0 0 0;
  padding: 0;
}

/*
 * Introduction Container
 */
div#page-content div#introduction-container {
  float: left;
  margin: 35px 0 0 0;
  padding: 0;
  width: 595px;
}
div#introduction-container div#introduction {
  margin: 0;
  padding: 0 0 10px 25px;
  width: 575px;
}
div#introduction-container div#newsletter-commitment {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 595px;
}
div#newsletter-commitment div#newsletter {
  background: #f3f3f4;
  border: 1px solid #dcdcde;
  float: left;
  margin: 0 15px 0 0;
  padding: 10px 20px 10px 20px;
  width: 248px;
  height: 200px;
}
div#newsletter form#sign-up-form br {
  clear: both;
}
div#newsletter form#sign-up-form label {
  float: left;
  width: 60px;
  color: #082b4b;
  font-weight: bold;
  margin: 2px 0 0 0;
}
div#newsletter form#sign-up-form input.text {
  float: left;
  width: 150px;
  margin: 0 0 8px 0;
  padding: 0;
}
div#newsletter form#sign-up-form input#sign-up {
  background: url(/img/sign-up.gif) top left no-repeat;
  border: none;
  float: left;
  width: 70px;
  height: 24px;
  margin-left: 100px;
  padding: 0;
}
div#newsletter form#sign-up-form input#sign-up:hover {
  background: url(/img/sign-up-over.gif) top left no-repeat;
}
div#newsletter-commitment div#commitment {
  background: #f3f3f4;
  border: 1px solid #dcdcde;
  float: left;
  margin: 0;
  padding: 10px 20px 10px 20px;
  width: 248px;
  height: 200px;
}

#commitment img{
display:block;
margin:0 auto 0 auto;
}


div#newsletter-commitment div#commitment.wide {
  width: 550px;
}

/*
 * Latest news
 */
div#page-content div#latest-news {
  float: right;
  margin: 35px 0 0 0;
  padding: 0;
  width: 300px;
}
div#latest-news ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#latest-news ul li {
  margin: 0 0 20px 0;
  padding: 0;
  width: 250px;
}
div#latest-news ul li p {
  margin: 0;
  padding: 0;
}