/* START LAYOUT - GLOBAL */

body {
  padding: 0;
  margin: 0;
  }
body, p, a, td, h3, h4, dt, dd {
  color: #000000;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  line-height: 17px;
  }
a {
  cursor: pointer;
  }      
#container_main {
  width: 772px;
  height: 577px;
  padding: 33px 0 0 0;
  margin: 0 auto;
  }
#container_navbar {
  width: 772px;
  height: 67px;
  padding: 0;
  margin: 0px auto 10px auto;
  }
    /* START HEADER AND TOP NAVIGATION */
    h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
      font-weight: lighter;
      font-size: 32px;
      color: #39241a;
      float: left;
      padding: 0;
      margin: 0;
      line-height: 38px;
      border: 0px;
      text-decoration: none;
      } 
    ul#topnav_list {
      float: left;
      font-weight: normal;
      margin: 0px 0px 0px 0px; 
      padding: 16px 0px 0px 0px;  
      line-height: 0px;
      list-style-type: none;
      border-bottom: 1px solid #39241a;
      width: 513px;
      } 
    ul#topnav_list li {
      float: right;
      color: #fff;  
      margin: 0px 8px 0px 7px;
      padding: 0;
      line-height: 18px;
      width: auto;
      }
    #contact ul#topnav_list li#nav_contact,
    #news ul#topnav_list li#nav_news,
    #biography ul#topnav_list li#nav_biography,
    #statement ul#topnav_list li#nav_statement,
    #artwork ul#topnav_list li#nav_artwork,
    #memory ul#topnav_list li#nav_artwork,
    #flux ul#topnav_list li#nav_artwork,
    #birds ul#topnav_list li#nav_artwork,
    #cycles ul#topnav_list li#nav_artwork,
    #cycles1 ul#topnav_list li#nav_artwork,
    #history ul#topnav_list li#nav_artwork,
    #mapping ul#topnav_list li#nav_artwork,
    #country ul#topnav_list li#nav_artwork,
    #bounty ul#topnav_list li#nav_artwork
     { color: #39241a !important; }        
    ul#topnav_list li a {
      color: #39241a;
      font-size: 12px;
      height: 18px;
      outline: 0px;
      padding: 0;
      margin: 0;
      text-decoration: none;
      }
    /* END HEADER AND TOP NAVIGATION */
    
/* END LAYOUT - GLOBAL */

    /* START STATEMENT PAGE */

    #statement_box {
      width: 744px;
      margin: 0 auto;
      }
    #statement_box img {
      float: left;
      margin: 0px 20px 470px 0px;
      }
    #statement_box p {
      margin:  40px 18px 0px 30px;
      padding: 0;
      }
        
    /* START STATEMENT PAGE */
    
    /* START BIOGRAPHY PAGE */

    #jump_to_menu {
      width: 132px;
      float: left;
      margin: 0;
      padding: 0;
      margin: 20px 0 0 20px;
      text-align: left;
      display: inline;
      line-height: 15px;      
      }
    #jump_to_menu li {
      list-style-type: none;
      line-height: 15px;
      }
    #jump_to_menu a {
      font-weight: bold;
      text-decoration: none;
      line-height: 15px;      
      }
    #jump_to_menu a:hover { 
      text-decoration: underline; 
      }    
    #biography_box {
      width: 620px;
      float: right;
      line-height: 20px;
      text-align: left;
      margin: 20px 0 0 0;
      display: inline;
      }
    #biography_box p {
      margin: 3px 0;
      }      
    h3 {
      color: #859dc8;
      font-size: 11px;
      line-height: 11px;
      font-weight: bold;
      margin: 27px 0 12px 0;
      text-align: left;
      }
    dl {
      margin: 0;
      padding: 0;
      list-style-type: none;
      list-style: none;
      }  
    dt {
      width: 55px;
      float: left;
      padding: 0;
      margin: 0;
      line-height: 19px;      
      }  
    dd {            
      white-space: nowrap;
      padding: 0;
      margin: 0;
      line-height: 19px;      
      }

    /* END BIOGRAPHY PAGE */
    
    /* START NEWS PAGE */

    #news_box {
      width: 744px;
      margin: 0 auto;
      }
    #news_box img {
      float: left;
      margin: 0px 20px 0px 0px;
      padding: 0;
      border: 0;
      display: inline;
      }
    #news_box p {
      margin:  40px 18px 0px 30px;
      padding: 0;
      }

    /* END NEWS PAGE */
    
    /* START CONTACT PAGE */
    
    #contact_box {
      width: 568px;
      height: 385px;
      margin: 0 auto;
      }
    #contact_box img {
      float: right;
      }
    #contact_box p  {
      line-height: 20px;
      padding: 100px 0 0 0;
      text-align: left;
      }
    #contact_box a {
      color: #859dc8;
      text-decoration: none;
      font-weight: bold;
      line-height: 22px;
      }
 
    /* END CONTACT PAGE */  
      
    /* START MAILING LIST PAGE */
          
    #mailing_list {
      width: 602px;
      height: 321px;
      }
    #mailing_list p {
      margin: 17px 0;
      }
    h4 {
      text-align: left;
      width: 602px;
      margin: 20px 0 10px 0;
      padding-bottom: 0;
      }
    .first_row {
      width: 100px;
      }  

    /* END MAILING LIST PAGE */    

    /* START INDEX PAGE */

    body {
      background-color:#FFFFFF;
      background-repeat: no-repeat; 
      background-position: center center;
      }
    .quotes {
      font-size: 10px;
      font-style: italic;
      text-align: left;
      line-height: 14px;
      float: left;
      width: 160px;
      padding: 0;
      margin: 15px 0px 0px 20px;
      display: inline;
      }
    #feature {
      display: block;
      width: 100%;
      height: 543px;
      outline: none;
      }

    /* END INDEX PAGE */
    
/* START LAYOUT - ARTWORK */

/* HIDE ALL BUT #Piece_1 (Replaces JavaScript) */
#piece_1 { text-align: center; }
#piece_2, #piece_3, #piece_4, #piece_5, #piece_6, #piece_7, #piece_8, #piece_9, #piece_10, #piece_11, #piece_12, #piece_13, #piece_14, #piece_15, #piece_16 
{ display: none; text-align: center; }  
  
#container_navbar_left {
  width: 140px;
  height: auto;
  padding: 0;
  margin: 0;
  float: left;
  font-size: 11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  }
      /* START ARTWORK LEFT SIDE NAVIGATION */
        ul#artnav_list {
          margin: 0px 0px 0px 5px;
          padding: 0;
          }
        ul#artnav_list li { 
          height: 17px;
          list-style-type: none;
          }
        ul#artnav_list li a {
          padding: 0; 
          margin: 0;         
          font-weight: normal; 
          text-decoration: none; 
          }
        ul#artnav_list li#archive a { 
          padding: 0 0 0 18px;
          }
        ul#artnav_sublist {
          margin: 0;
          padding: 0;
          }
        ul#artnav_sublist li { 
          height: 17px;
          list-style-type: none;
          display: block;
          }
        ul#artnav_sublist li a {
          padding: 0 0 0 36px; 
          margin: 0;         
          font-weight: normal; 
          text-decoration: none; 
          } 
        ul#artnav_sublist li a:hover {       
          font-weight: bold; 
          }                    
        
        #memory ul#artnav_sublist,
        #cycles ul#artnav_sublist,
        #cycles1 ul#artnav_sublist,
        #history ul#artnav_sublist { display: block !important; }

        #bounty #nav_bounty a,
        #birds #nav_birds a,
        #country #nav_country a,
        #flux #nav_flux a,
        #mapping #nav_mapping a,
        #memory #nav_memory a,
        #cycles #nav_cycles a,
        #cycles1 #nav_cycles1 a,
        #history #nav_history a
          { font-weight: bold !important; }          
        ul#artnav_list li a:hover {
          font-weight: bold !important;
          }
          
          
                    
      /* END ARTWORK LEFT SIDE NAVIGATION */
      
#container_artwork {
  width: 600px;
  height: auto;
  padding: 0 0 0 21px;
  margin: 0;
  float: left;
  }
  #container_artwork a {
    text-decoration: none;
    text-align: center;
    outline: none;
    }
  #container_artwork a#piece_1 {
    display: block;
    }
  #container_artwork span {
    color: #000000;
    font-size: 9px;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px 0px 0px 0px;
    text-align: center;
    display: block;
    }
#container_thumbnails {
  width: 129px;
  padding: 0px 0px 0px 0px;
  margin: 20px auto 0 auto;
  overflow: hidden;
  list-style-type: none;
  }
  
  /* START THUMBNAIL'S SPRITE */
  li#thumb_01, li#thumb_02, li#thumb_03, li#thumb_04, li#thumb_05, li#thumb_06, li#thumb_07, li#thumb_08, li#thumb_09, li#thumb_10, li#thumb_11, li#thumb_12, li#thumb_13, li#thumb_14, li#thumb_15, li#thumb_16 {
    background-repeat: no-repeat;
    list-style-type: none;
    float: left;
    margin: 0px 3px 3px 0px;
    background-color: transparent;        
  } 
  li#thumb_01 {background-position:0px 0px}
  li#thumb_02 {background-position:-40px 0px}
  li#thumb_03 {background-position:-80px 0px}
  li#thumb_04 {background-position:-120px 0px}
  li#thumb_05 {background-position:0px -40px}
  li#thumb_06 {background-position:-40px -40px}
  li#thumb_07 {background-position:-80px -40px}
  li#thumb_08 {background-position:-120px -40px}
  li#thumb_09 {background-position:0px -80px}
  li#thumb_10 {background-position:-40px -80px}
  li#thumb_11 {background-position:-80px -80px}
  li#thumb_12 {background-position:-120px -80px}
  li#thumb_13 {background-position:0px -120px}
  li#thumb_14 {background-position:-40px -120px}
  li#thumb_15 {background-position:-80px -120px}
  li#thumb_16 {background-position:-120px -120px}
  li#thumb_01 a, li#thumb_02 a, li#thumb_03 a, li#thumb_04 a, li#thumb_05 a, li#thumb_06 a, li#thumb_07 a, li#thumb_08 a, li#thumb_09 a, li#thumb_10 a, li#thumb_11 a, li#thumb_12 a, li#thumb_13 a, li#thumb_14 a, li#thumb_15 a, li#thumb_16 a {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
  }           

#birds #container_thumbnails li {background-image: url(../../artwork/birds/images/thumbs.png);}
#country #container_thumbnails li {background-image: url(../../artwork/country/images/thumbs.png);}
#flux #container_thumbnails li {background-image: url(../../artwork/flux/images/thumbs.png);}
#mapping #container_thumbnails li {background-image: url(../../artwork/mapping/images/thumbs.png);}
#memory #container_thumbnails li {background-image: url(../../artwork/memory/images/thumbs.png);}
#cycles #container_thumbnails li {background-image: url(../../artwork/cycles/images/thumbs.png);}
#cycles1 #container_thumbnails li {background-image: url(../../artwork/cycles_1/images/thumbs.png);}
#history #container_thumbnails li {background-image: url(../../artwork/history/images/thumbs.png);}
#bounty #container_thumbnails li {background-image: url(../../artwork/bounty/images/thumbs.png);}

  /* END THUMBNAIL'S SPRITE */
  
#container_quotes {
  width: 165px;
  padding: 24px 13px 0px 0px;
  margin: 0;
  font-size: 10px;
  font-style: italic;
  line-height: 14px;
  text-align: left;
  overflow: visible;
  float: right;
  }
  
.off { display: none !important; }
.on { display: block !important; }

#country_statement { display: block; text-decoration: none; margin: 15px 0 0 5px; width: 75px; outline: none; color: #859DC8; font-weight: bold; }

#popup_statement { position: absolute; z-index: 1; width: 300px; height: 300px; background: #fff; padding: 20px 30px; margin: 0 auto; left: 0; top:150px; bottom: 0; right:0; border: 1px solid #39241A; -webkit-box-shadow: 5px 5px 5px #39241A; -moz-box-shadow: 5px 5px 5px #39241A; box-shadow: 5px 5px 5px #39241A;  }
    
  
/* END LAYOUT - ARTWORK */