/*Homepage content*/

#carousel {
  background: #fff;
  clear: both;
	margin: 0 auto;
	position: relative;
	width: 960px;
	height: 417px;
}

  #carousel .heroes {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 262px;
    z-index: 1000;
  }
    #carousel .heroes img {
      margin-bottom: 6px;
    }


  #carousel .slides {
    height: 417px;
    overflow: hidden;
    width: 960px;
  }
    #carousel .slides .slide {
      height: 417px;
      overflow: hidden;
      position: relative;
      width: 1190px;
    }
      #carousel .slides .slide .caption {
        background: #DDDDDD; /*url(/img/caption-bg.png);*/
        bottom: 20px;
        color: #333;
        font-size: .85em;
        font-weight: 500;
        left: 20px;
        line-height: 140%;
        max-width: 330px;
        padding: .5em 1em;
        position: absolute;
        text-align: left;

        text-shadow: none;
      }

 #carousel .slides .slide .caption strong {
     font-size: 1.2em;
     text-shadow: 1px 1px 1px #EEEEEE;

 }


#wrapper-bottom {
	background-color: #f5f5f5;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#home-content {
	overflow: auto;
	width: 960px;
	margin: 0 auto;
}
  #home-content h3 {
  	font-size: 1.5em;
  	font-weight: normal;
  	color: #666;
  	text-align: left;
  	display: block;

  	margin: 1em 0 .5em 0;
  }

  #home-content p {
    margin: 0 0 1em 0;
  }

#about, #news {
	float: left;
	width: 330px;
	text-align: left;
	margin-right: 30px;
}

#about h3 a,#news h3 a {
	font-weight: normal;
}

#offices {
	float: right;
	width: 220px;
	text-align: left;
	font-size: 0.9em;
	background-color: #fafafa;
	padding: 20px 0 20px 20px;
	color: #888;
}

#offices .address {
	line-height: 1.5em;
}

#offices h4 {
	margin:10px 0 -5px 0;
	color: #01629b;
    font-weight:bold;
    font-size:20px;
}