/* undohtml.css */
/* (CC) 2004-2005 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address,abbr { font-style:normal }
/* End of undohtml.css */

/* -------------------------------------------------------

            GENERAL ELEMENT STYLING

---------------------------------------------------------- */

body {
  font: normal 12px/1.5 arial, verdana, sans-serif; }
hr {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  border: none;
  border-top: 1px solid #fff; }
a {
  color: #000; }
  a:hover {
    color: #999;}
p {
  margin-top: .6em;}

#nav:after,
#ca .image-slideshow:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
/* -------------------------------------------------------

            GENERAL LAYOUT ELEMENTS

---------------------------------------------------------- */

.hidden {
  display: none; }
#wrap {
  padding: 20px 2em 1em 2em;
  margin: 0;
  width: 930px;
  position: relative; }
  a#logo {
    width: 260px;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right; }
  #nav {
    height:125px;
    margin-left: 350px;
    width: 620px; }
    #nav li {
      width: 135px;
      display: block;
      float: left; }
    #nav a {
      display: block;
      text-transform: uppercase; }
    #nav .last {
      width: 100px; }
    #nav .hidden {
      display: none; }
    #nav .current {
      font-weight: bold; }
    #nav li ul {
      position: absolute;
      font-size: 10px;
      width: 160px; }
      #nav ul li {
        font-weight: normal; }
      #nav ul li.current {
        font-weight: bold; }
  #subnav {
    float:left;
    width: 200px;
    margin: 0 0 0 62px; }
    #subnav ul,
    #subnav #second-level-name {
      display: block;
      font-size: 10px;
      text-align: right;
      text-transform: uppercase; }
    #subnav #second-level-name {font-weight:bold;}
      #subnav #second-level-name span {border-bottom: 1px solid #999;}
    #subnav ul {
      list-style: none; }
      #subnav .current {
        font-weight: bold;}

  #ca {
    font-size: 11px;
    width: 500px;
    min-height: 550px;
    margin: 0 0 0 350px; }
    
  #ca  .teaser { 
    width: 145px;
    float: left;
    margin-right: 5px;
    padding-right: 10px; }
  #ca  .teaser.last { 
    padding-right: 0;
    margin-right: 0;}
      
      #ca  .teaser h2 { text-transform: uppercase;}
    
    #ca .image-slideshow {
      height: 355px; }
    #ca .image-slideshow li {
      overflow: hidden;
      float: left;
      width: 500px;
      height: 355px;
      position: relative; }
      #ca .image-slideshow li img { 
        position: absolute;
        bottom: 25px;
        left: 0; }
      #ca .image-slideshow li a.next-link, 
      #ca .image-slideshow li a.prev-link, 
      #ca .image-slideshow li span.image-number {
        position: absolute;
        bottom: 3px;
        display: block;
        width: 16px;
        height: 16px;
        color: #000;
        font-size: 1.2em;
        font-weight: bold;
        outline: none;
        cursor: pointer; }
      
      #ca .image-slideshow li span.image-number { 
        text-align: center;
        width: 30px;
        font-size: 1.1em;
        right: 20px; }
      #ca .image-slideshow li .next-link { right: 0px; }
      
      #ca .image-slideshow li .prev-link { right: 45px; }
        
      body.contact #ca ul{
        margin-bottom: 1em; }
      
      body.contact #ca a {
        text-decoration: underline; }
  
  .image-page #ca {
    width: 900px;
    min-height: 560px;
    margin: 0; }
    
    .image-page .image-container {
      position: relative;
      min-height: 560px;
      padding: 1em 0 1.4em 0;
      width: 850px;}
      
    .image-page .image-container img {float:right;}
    
    .image-page .image-container #prev-link, .image-page .image-container #next-link, .image-page .image-container .image-number {
      position: absolute;
      bottom: 1px;
      display: block;
      width: 16px;
      height: 16px;
      color: #000;
      font-size: 1.2em;
      font-weight: bold;
      outline: none;
      cursor: pointer; }

    .image-page .image-container .image-number { 
      bottom: 0;
      text-align: center;
      width: 30px;
      font-size: 1.1em;
      right: 19px; }

    .image-page .image-container #next-link { 
      right: 0px; }
      
    .image-page .image-container #prev-link { right: 45px; }
      
  #footer {
    width: 590px;
    border-top: 1px solid #666;
    height: 30px;
    margin: 20px 10px 0 260px; }
    
    #footer ul li {
      font-size: 10px;
      text-transform: uppercase;
      float: left; }
  
    #footer ul li.company {
      width: 240px;}
    #footer ul li.street, #footer ul li.city, #footer ul li.tel {
      text-align: right;
      width: 115px;}