.clear {
  clear: both;
}

body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10pt;
  padding: 30px 0 20px 200px;
  background-color: #fff;
  color: #000;
  min-width: 740px;
  overflow: hidden;
}

a {
  color: #666;
}

a:hover {
  color: #000;
}

b,
strong {
  font-weight: bold;
}

em,
i {
  font-style: italic;
}

.title {
  width: 600px;
  position: relative;
  margin-bottom: 50px;
}

.title h1 {
  font-size: 24pt;
  margin-left: -5px;
}

.title p {
  position: absolute;
  right: 0;
  bottom: 6px;
}

.title a {
  font-size: 8pt;
  color: #999;
  letter-spacing: 3px;
  text-decoration: none;
}

.title a:hover {
  color: #333;
}

.content {
  position: relative;
}

.info {
  position: absolute;
  left: -200px;
  width: 990px;
  height: 550px;
  padding: 0 20px 0 200px;
  background-color: #fff;
  z-index: 20;
  display: none;
}

.info .col1 {
  width: 330px;
  float: left;
}

.info .col1 p {
  margin-bottom: 10px;
}

.info .col2 {
  width: 330px;
  float: left;
}

.info .col2 p {
  margin-bottom: 10px;
  font-size: 9pt;
}

.info img {
  margin-bottom: 30px;
}

.gallery {
  position: absolute;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
  position: relative;
  min-width: 790px;
  min-height: 540px;
}

#slider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

#slider a {
  border: 0;
  display: block;
}

.nivoSlider {
  position: relative;
  list-style: none;
}

.nivoSlider li {}

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  clear: both;
}


/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
}


/* The slices and boxes in the Slider */

.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  background-color: #666;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
}


/* Caption styles */

.nivo-caption {
  position: absolute;
  left: -200px;
  top: 170px;
  color: #333;
  width: 170px;
  z-index: 8;
  text-align: right;
}

.nivo-caption p {
  margin: 0;
}

.nivo-caption a {
  display: inline !important;
}

.nivo-html-caption {
  display: none;
}


/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
  position: absolute;
  top: -40px;
  z-index: 9;
  cursor: pointer;
  line-height: 30px;
  color: #999;
}

.nivo-directionNav a:hover {
  color: #000;
}

.nivo-prevNav {
  left: -12px;
  padding: 0 10px;
}

.nivo-nextNav {
  left: 15px;
  padding: 0 10px;
}


/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
  /* Set it so we could calculate the offsetLeft */
  position: absolute;
  top: -40px;
  left: 50px;
  height: auto;
  width: 640px;
  overflow: auto;
}

.nivo-controlNav ul {
  display: block;
  height: 30px;
  /* max width here, for users without javascript */
  /* removing default styling */
  list-style: none;
  overflow: auto;
}

.nivo-controlNav ul li {
  display: inline;
  float: left;
}

.nivo-controlNav ul li a {
  display: block;
  text-decoration: none;
  padding: 0 10px;
  line-height: 30px;
  color: #999;
  position: relative;
  z-index: 9;
  cursor: pointer;
}

.nivo-controlNav a.active {
  font-weight: bold;
}

.nivo-controlNav ul li a:hover {
  color: #000;
}