/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

body
{
  background-color: #dfdfdf;
  color: #555;
  font-family: Trebuchet MS, Century Gothic, Arial;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 30px;
}

a
{
  color: #ff377c;
}

p
{
  margin-bottom: 10px;
}

h1
{
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}

h2
{
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}

.menu
{
  margin-bottom: 40px;
  text-align: center;
  color: #999;
}

  .menu a
  {
    color: #999;
  }
  
  .menu a.active
  {
    font-weight: bold;
  }


/* Showcase
-------------*/

#awOnePageButton .view-slide
{
  display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
  height: 350px; /* Same as showcase javascript option */
  overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
  /**/
}

/* Container when content is shown in slider */
.showcase
{
  position: relative;
  margin: auto;
}

  .showcase-content-container
  {
    background-color: #fff;
    -moz-border-radius: 5px; border-radius: 5px;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;
  }
  
  /* Navigation arrows */
  .showcase-arrow-previous, .showcase-arrow-next
  {
    position: absolute;
    background: url('../images/arrows.png');
    width: 33px;
    height: 33px;
    top: 220px;
    cursor: pointer;
  }
  
  .showcase-arrow-previous
  {
    left: -60px;
  }
  
  .showcase-arrow-previous:hover
  {
    background-position: 0px -34px;
  }
  
  .showcase-arrow-next
  {
    right: -56px;
    background-position: -34px 0;
  }
  
  .showcase-arrow-next:hover
  {
    background-position: -34px -34px;
  }
  
  /* Content */
  .showcase-content
  {
    background-color: transparent;
    text-align: center;
  }
    
    .showcase-content-wrapper
    {
      text-align: center;
      height: 330px;
      width: 600px;
      display: table-cell;
      vertical-align: middle;
    }
    
    /* Styling the tooltips */
    .showcase-plus-anchor
    {
      background-image: url('../images/plus.png');
      background-repeat: no-repeat;
    }
    
    .showcase-plus-anchor:hover
    {
      background-position: -32px 0;
    }
    
    div.showcase-tooltip
    {
      background-color: #fff;
      color: #000;
      text-align: left;
      padding: 5px 8px;
      background-image: url(../images/white-opacity-80.png);
    }
    
    /* Styling the caption */
    .showcase-caption
    {
      color: #fff;
      font-size: 12px;
      padding: 8px 15px;
      text-align: center;
      position: absolute;
      bottom: 10px; left: 10px; right: 10px;
      display: none;
      background-image: url(../slideshow/black-opacity-40.png);
      -moz-border-radius: 5px; border-radius: 5px;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;
    }
    
  .showcase-onepage .showcase-content
  {
    margin-bottom: 10px;
  }
  
  /* Button Wrapper */
  .showcase-button-wrapper
  {
    clear: both;
    margin-top: 1px;
    text-align: center;
  }
  
    .showcase-button-wrapper span
    {
      margin-right: 3px;
      padding: 2px 5px 0px 5px;
      cursor: pointer;
      font-size: 12px;
      color: #444444;
    }
  
    .showcase-button-wrapper span.active
    {
      color: #555;
      font-weight:bold;
    }
  
  /* Thumbnails */
  .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
  {
    height: 70px;
  }

  
  .showcase-thumbnail-wrapper
  {
    overflow: visible;
  }

    
    .showcase-thumbnail
    {
      width: 80px;
      height: 65px;
      cursor: pointer;
      border: solid 1px #e1e1e1;
      position: relative;
      padding:0px;
    }
    
      .showcase-thumbnail-caption
      {
        position: absolute;
        bottom: 2px;
        padding-left: 10px;
        padding-bottom: 5px;
        color:#555;
      }
      
      .showcase-thumbnail-content
      {
        padding: 7px;
        text-align: center;
      }
      
      .showcase-thumbnail-cover
      {
        background-image: url(../images/black-opacity-40.png);
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
      }
    
    .showcase-thumbnail:hover
    {
      border: solid 1px #545454;
    }
    
      .showcase-thumbnail:hover .showcase-thumbnail-cover
      {
        display: none;
      }
    
    .showcase-thumbnail.active
    {
      border: solid 1px #545454;
    }
    
      .showcase-thumbnail.active .showcase-thumbnail-cover
      {
        display: none;
      }
  
  .showcase-thumbnail-wrapper-horizontal
  {
    padding-top: 10px;
  }
  
    .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
    {
      margin-right: 1px;
      width: 82px;
      -moz-border-radius: 5px; border-radius: 5px;-moz-box-shadow: 0 0 5px #e1e1e1;-webkit-box-shadow: 0 0 5px#e1e1e1;box-shadow: 0 0 5px #e1e1e1;
    }
  
  .showcase-thumbnail-wrapper-vertical
  {
    padding-top: 10px;
  }
  
    .showcase-thumbnail-wrapper-vertical .showcase-thumbnail
    {
      margin-bottom: 10px;
    }
    
  .showcase-thumbnail-button-backward,
  .showcase-thumbnail-button-forward
  {
    padding: 7px;
    cursor: pointer;
  }
  
  .showcase-thumbnail-button-backward
  {
    padding-bottom: 0px;
    padding-right: 0px;
  }
  
    .showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
    .showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
    .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
    .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
    {
      background-image: url(../images/arrows-small.png);
      background-repeat: no-repeat;
      display: block;
      width: 17px;
      height: 17px;
    }
    
    .showcase-thumbnail-button-backward .showcase-thumbnail-vertical
    {
      background-position: 0 -51px;
      margin-left: 55px;
    }
    .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
    {
      background-position: -17px -51px;
    }
    
    .showcase-thumbnail-button-forward .showcase-thumbnail-vertical
    {
      background-position: 0 -34px;
      margin-left: 55px;
    }
    .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
    {
      background-position: -17px -34px;
    }
    
    .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
    {
      background-position: 0 -17px;
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
    {
      background-position: -17px -17px;
    }
    
    .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
    {
      background-position: 0 0;
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
    {
      background-position: -17px 0;
    }
    
    /* Hide button text */
    .showcase-thumbnail-button-forward span span,
    .showcase-thumbnail-button-backward span span
    {
      display: none;
    }
  


/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear
{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  float: none;
}

