/**
 * Home
 */

#home {
  margin: 0 15px;
}

#home h1 {
  background: url(/images/home/myriad-small.gif) 28px center no-repeat;
  color: #868686;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin: 10px 0;
  text-align: center;
}


/**
 * Slideshow
 */

#slideshow {
  background: #e7e7e7 url(/images/home/shadow.gif) left bottom repeat-x;
  position: relative;
  width: 920px;
  height: 391px;
}

#slideshow img.corners {
  height: 365px;
  left: 0;
  position: absolute;
  top: 0;
  width: 920px;
  z-index: 995;
}


/**
 * Slideshow > Scrollable
 */


#slideshow div.scrollable {
  position: relative;
  overflow: hidden;
  width: 920px;
  height: 365px;
}

#slideshow div.scrollable ul {
  position: absolute;
  width: 20000px;
  height: 365px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#slideshow div.scrollable ul li {
  float: left;
  height: 365px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 920px;
}

#slideshow div.scrollable ul li div.photo img {
  width: 920px;
  height: 365px;
}

#slideshow div.scrollable ul li div.details {
  position: absolute;
  width: 335px;
  height: 303px;
  top: 60px;
  right: 40px;
  z-index: 999;
}

#slideshow div.scrollable ul li div.details h2 {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 4px 0;
  padding: 0;
}

#slideshow div.scrollable ul li div.details h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  margin: 0;
  padding: 0;
}

#slideshow div.scrollable ul li div.details h3 {
  color: #333;
}

#slideshow div.scrollable ul li div.details p {
  color: #666;
}

#slideshow div.scrollable ul li div.details.inverse h3 {
  color: #fff;
}

#slideshow div.scrollable ul li div.details.inverse p {
  color: #f6f6f6;
}

#slideshow div.scrollable ul li div.details.inverse a {
  color: #fff;
}


/**
 * Slideshow > Prev / Next
 */

#slideshow a.browse {
  cursor: pointer;
  width: 27px;
  height: 26px;
  text-indent: -1000px;
  overflow: hidden;
}

#slideshow a.browse.left {
  background: url(/images/home/buttons/prev.gif) left top no-repeat;
  float: left;
} 

#slideshow a.browse.left:hover {
  background: url(/images/home/buttons/prev.gif) left bottom no-repeat;
}

#slideshow a.browse.right {
  background: url(/images/home/buttons/next.gif) right top no-repeat;
  float: right;
}

#slideshow a.browse.right:hover {
  background: url(/images/home/buttons/next.gif) right bottom no-repeat;
}

#slideshow a.browse.disabled {
  visibility: hidden !important;
}


/**
 * Slideshow > Navigator
 */

#slideshow .navi {
  position: absolute;
  top: 369px;
  left: 0;
  width: 820px;
  height: 26px;
  margin: 0 50px;
  text-align: center;
  z-index: 999;
}

#slideshow .navi a {
  background: #fff;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 4px;
  padding: 0;
  width: 8px;
}

#slideshow .navi a:hover {
  background: #fff;
  border: 1px solid #e7e7e7;
}

#slideshow .navi a.active {
  background: #fff;
  border: 1px solid #3399cc;
}


/**
 * Action Items
 */

#home #action-items {
  width: 920px;
  height: 185px;
  overflow: hidden;
}

#home #action-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#home #action-items ul li {
  float: left;
  width: 300px;
  height: 170px;
  background: url(/images/home/action-items/background.gif) left top no-repeat;
  margin: 0 10px 0 0;
  padding: 0;
}

#home #action-items ul li.last {
  margin: 0;
}

#home #action-items ul li h2 {
  color: #3399cc;
  font-size: 16px;
  font-weight: bold;
  margin: 15px 15px 10px 0;
}

#home #action-items ul li p {
  margin: 10px 15px 10px 0;
  height: 70px;
}

#home #action-items ul li p a.more {
  float: right;
  background: url(/images/home/action-items/arrow.gif) right 6px no-repeat;
  font-weight: bold;
  text-decoration: none;
  padding-right: 7px;
}

#home #action-items ul li img {
  float: left;
  width: 120px;
  height: 170px;
}

#home #action-items ul li {
  float: left;
  width: 300px;
  height: 170px;
  background: url(/images/home/action-items/background.gif) left top no-repeat;
  margin: 0 10px 0 0;
  padding: 0;
}