/**
 * CSS
 *
 * @author Georges-Etienne Legendre
 * @version 2.0
 */

/* **************************************************************** */

:link, :visited, :link:hover { color: #f58a01; }
:link:active { color: #000000; }

/* **************************************************************** */

body {
  color: #000;
  background: #2a4c6f url('../images/degrade.png') repeat-x;
}

#header {
  display: none;
}

/* **************************************************************** */
/* **** Decoration (flowers & border) **** */

#decoration {
  position: relative;
  width: 787px;
  height: 622px;
  margin: 100px auto 0 auto;
  overflow: visible;
}

#decoration-top {
  position: absolute;
  left: 73px;
  width: 689px;
  height: 13px;
  background: url('../images/decoration-top.png') no-repeat;
}

#decoration-bottom {
  position: absolute;
  top: 610px;
  left: 73px;
  width: 689px;
  height: 12px;
  background: url('../images/decoration-bottom.png') repeat-x;
}

#decoration-left {
  position: absolute;
  width: 73px;
  height: 622px;
  background: url('../images/decoration-left.png') no-repeat;
}

#decoration-right {
  position: absolute;
  right: 0;
  width: 25px;
  height: 622px;
  background: url('../images/decoration-right.png') no-repeat;
}

#flower-top {
  position: absolute;
  top: -86px;
  left: -94px;
  width: 483px;
  height: 139px;
  background: url('../images/flower-top.png') no-repeat;
}

#flower-left {
  position: absolute;
  left: -125px;
  top: 279px;
  width: 128px;
  height: 208px;
  background: url('../images/flower-left.png') no-repeat;
}

#flower-right {
  position: absolute;
  right: -152px;
  top: 507px;
  width: 152px;
  height: 146px;
  background: url('../images/flower-right.png') no-repeat;
}

/* **************************************************************** */
/* **** Container **** */

#container {
  position: absolute;
  top: 10px;
  left: 73px;
  width: 689px;
  height: 600px;
  background: #fff;
}

#menu {
  height: 118px;
  background: url('../images/bg-menu.png') no-repeat;
}

#menu ul.sections,
#menu ul.subsections {
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu ul.sections li,
#menu ul.subsections li {
  margin: 0;
  padding: 0;
  display: inline;
}

#menu ul.sections {
  font-size: 1.1em;
  font-weight: bold;
  padding: 14px 15px 5px 15px;
  height: 24px;
  overflow: hidden;
}

#menu ul.sections li {
  margin: 0 15px;
}

#menu ul.sections li a {
  color: #f58501;
  text-decoration: none;
}

#menu ul.sections li a:hover {
  color: #fff;
}

#menu ul.sections li.selected a {
  border-bottom: 2px solid #fff;
}

#menu ul.sections li.selected:hover a {
  color: #f58501;
}

#menu ul.subsections {
  font-size: 0.85em;
  padding-left: 220px;
  
}

#menu ul.subsections li {
  margin: 0 8px;
  background: url('../images/bullet-menu.png') no-repeat 0 50%;
  padding-left: 12px;
}

#menu ul.subsections li:hover {
  background: url('../images/bullet-menu-hover.png') no-repeat 0 50%;
}

#menu ul.subsections li.selected {
  background: url('../images/bullet-menu-selected.png') no-repeat 0 50%;
}

#menu ul.subsections li a {
  color: #26415f;
  text-decoration: none;
}

#content {
  position: relative;
  padding: 25px 25px 25px 25px;
  height: 432px;
  width: 635px; /* 580 */
  overflow: auto;
  font-size: 0.9em;
  line-height: 1.5em;
}

#content h1, #content h2,
#content h3, #content h4,
#content h5, #content h6 {
  color: #f58501;
}

#content h1 {
  font-size: 1.1em;
}

#content h2 {
  font-size: 0.95em;
}

#content h3 {
  font-size: 0.85em;
}

#content hr {
  width: 300px;
  border: 0;
  border-top: 1px solid #f58501;
}

#content ul {
  list-style: none;
  padding-left: 5px;
  margin: 10px 0;
}

#content ul li {
  background: url('../images/bullet.png') 0 50% no-repeat;
  padding-left: 10px;
}

#content label {
  font-weight: bold;
  color: #f58501;
}

#content label.phone {
  width: 70px;
  float: left;
  display: inline;

}

#content label.email {
  width: 50px;
  float: left;
  display: inline;
}

#content ul.portfolio-sections li {
  background: none;
  margin: 10px 0;
}

#content ul.portfolio-sections img {
  border: 2px solid #f58501;
}

#portfolio-panel h1 {
  padding-bottom: 1em;
}

#portfolio-panel img {
  border: 0;
}

#portfolio-panel .item {
  position: relative;
  padding: 2px 9px 9px 2px;
  width: 47px;
  height: 47px;
  float: left;
  background: url('../images/portfolio-item.png') no-repeat;
}

#portfolio-panel .selected {
  background: url('../images/portfolio-item-selected.png') no-repeat;
}

#portfolio-panel .selected a {
  cursor: default;
}


#portfolio-panel .fume {
  position: absolute;
  background: #fff;
  width: 47px;
  height: 47px;
  opacity: 0.4;
  cursor: pointer; /* IE Workaround */
  display: block;
}

#portfolio-panel .selected .fume,
#portfolio-panel .visited .fume,
#portfolio-panel .hover .fume {
  display: none;
}

#portfolio-panel .item a {
  outline: none;
}

#portfolio-nav {
  width: 166px;
  padding-top: 0.5em;
}

#portfolio-nav-next,
#portfolio-nav-prev {
  text-indent: -5000px;
  width: 11px;
  height: 13px;
  outline: none;
}

#portfolio-nav-next {
  background: url('../images/next.png') no-repeat;
  float: right;
}

#portfolio-nav-prev {
  background: url('../images/previous.png') no-repeat;
  float: left;
}

#portfolio-display {
  background: url('../images/loading.gif') 50% 50% no-repeat;
  position: relative;
  width: 430px;
  height: 425px;
  float: right;
  text-align: right;
}

#portfolio-display .image-nav {
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 415px;
}

#image-info {
  margin-bottom: 1em;
  text-align: left;
  height: 40px;
}

#image-info h2,
#image-info p {
  margin: 0;
  padding: 0;
  font-size: 0.95em;
  line-height: 1.2em;
}

#image-info h2 {
  font-size: 1em;
  padding-bottom: 0.2em;
}

#image-info-navigator {
  position: absolute;
  top: -2em;
  right: 1em;
}

#image-info-navigator .nav-page-selected,
#image-info-navigator .nav-page {
  padding: 1px 3px;
  border: 1px solid #f58501;
  background-color: #fff;
}

#image-info-navigator .nav-page {
  background-color: #f58501;
  color: #fff;
  text-decoration: none;
}

#footer {
  width: 770px;
  margin: 0 auto;
  padding-top: 15px;
  color: #8caed0;
  font-size: 0.8em;
  text-align: center;
}

#footer p {
  margin: 0;
  padding: 0;
}

/* Mozilla specific */

::-moz-selection {
  background: #fce83c;
}

#footer ::-moz-selection {
  background: #26415f;
}