/**
 * Flash
 */

#flash {
  width: 960px;
  height: 200px;
  margin: 0;
}


/**
 * Home Nav
 */

#home-nav {
  width: 960px;
  height: 250px;
  background: #fff url(/images/home/bgs/home-nav.gif) left bottom no-repeat;
  border-top: 0;
  margin-bottom: 15px;
  overflow: hidden;
}

#home-nav .menu {
  float: left;
  width: 290px;
  margin: 0 30px;
  display: inline;
}

#home-nav .menu h4 {
  margin: 25px 0 15px 0;
}

#home-nav .menu ul {
  width: 285px;
  border-right: 5px solid #fff;
  list-style: none;
  margin: 0;
  padding: 0;
}

#home-nav .menu ul li {
  border-top: 1px solid #d5cebb;
  margin: 0;
  padding: 0;
}

#home-nav .menu ul li a {
  display: block;
  height: 23px;
  overflow: hidden;
  border-right: 1px solid #d5cebb;
  color: #5b3a14;
  font-family: 'Myriad Pro', Myriad, Tahoma;
  font-size: 13px;
  line-height: 23px;
  padding-left: 20px;
  text-decoration: none;
}

#home-nav .menu ul li a.active {
  color: #000066;
  border-right: none;
  background: #fff url('/images/home/icons/right-arrow.gif') 10px center no-repeat;
}

#home-nav .menu ul li a:hover {
  color: #000066;
}

#home-nav .info {
  float: right;
  width: 610px;
  height: 250px;
}

#home-nav .info .padding {
  display: none;
  width: auto;
  height: 250px;
  padding-right: 30px;
  overflow: hidden;
}

#home-nav .info h4 {
  font-size: 30px;
  font-weight: normal;
  margin: 20px 0 0 0;
}

#home-nav .info p {
  width: 450px;
}

#home-nav .info a {
  background: url(/images/home/icons/circle-arrow.gif) 0 no-repeat;
  padding-left: 18px;
  padding-right: 20px;
}


/**
 * I Need / My Company / My Role
 */

#i-need,
#my-company,
#my-role {
  display: none;
  width: auto;
  height: 250px;
  overflow: hidden;
}

#i-need {
  background: url(/images/home/bgs/i-need/i-need.jpg) right bottom no-repeat;
}

#my-company {
  background: url(/images/home/bgs/my-company/my-company.jpg) right bottom no-repeat;
}

#my-role {
  background: url(/images/home/bgs/my-role/my-role.jpg) right bottom no-repeat;
}


/**
 * Content
 */
 
#content {
  float: left;
  width: 633px;
  background: url(/images/home/bgs/partition.gif) center repeat-y;
  margin: 0;
}

#content h2, h3, h4, h5, h6 {
  margin: 0;
}


/**
 * Sidebar
 */

#sidebar {
  position: relative;
  float: right;
  width: 308px;
  background: url(/images/home/bgs/sidebar.jpg) bottom repeat-x;
  border: 1px solid #f1efe5;
}

#sidebar .padding {
  padding: 25px 30px;
}

#sidebar h3 {
  margin-top: 0;
}

#sidebar ul.satisfied-clients {
  list-style: none;
  margin: 15px 0;
  padding: 0
}

#sidebar ul.satisfied-clients li {
  display: inline;
  margin: 0;
  padding: 0;
}

#sidebar ul.satisfied-clients li img {
  width: 78px;
  height: 78px;
  border: 1px solid #f1efe5;
}

#sidebar ul.satisfied-clients li a:hover img {
  border: 1px solid #000066;
}

#sidebar h4 {
  margin-top: 24px;
}

#sidebar .tl {
  position: absolute;
  width: 4px;
  height: 4px;
  top: -1px;
  left: -1px;
  z-index: 100;
  background: url(/images/bgs/corners/tl.gif) no-repeat;
}

#sidebar .tr {
  position: absolute;
  width: 4px;
  height: 4px;
  top: -1px;
  right: -1px;
  z-index: 100;
  background: url(/images/bgs/corners/tr.gif) no-repeat;
}

#sidebar .bl {
  position: absolute;
  width: 5px;
  height: 5px;
  bottom: -1px;
  left: -1px;
  z-index: 100;
  background: url(/images/bgs/corners/sidebar/bl.gif) no-repeat;
}

#sidebar .br {
  position: absolute;
  width: 5px;
  height: 5px;
  bottom: -1px;
  right: -1px;
  z-index: 100;
  background: url(/images/bgs/corners/sidebar/br.gif) no-repeat;
}