/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Site
-------------------------------------------------------------- */
  
  .fleft
  {
    display: block;
    float: left;
  }
  
  .fright
  {
    display: block;
    float: right;
  }
  
  .clear
  {
    clear: both;
  }
  
  body
  {
    font-family: Gill Sans Regular, Gill Sans, Gill Sans MT, sans-serif;
    background-color: #020010;
  }
  
  a, a:link, a:hover, a:visited
  {
    color: #FFFFFF;
  }
  
  a:hover
  {
    text-decoration: underline;
  }
  
  .Header
  {
    width: 902px;
    height: 100px;
    
    position: relative;
    display: block;
    padding: 0px 0px 0px 0px;
    
    margin-left: auto;
    margin-right: auto;
  }
  
  .Navigation
  {
    width: 902px;
    height: 40px;
    
    position: relative;
    padding: 0px 0px 0px 0px;
    
    margin-left: auto;
    margin-right: auto;
    
    background-image: url('/Images/ZanaccoNavigation.png');
  }
  
  .Body
  {
    width: 902px;
        
    position: relative;
    padding: 0px 0px 0px 0px;
    
    margin-left: auto;
    margin-right: auto;
    
    color: #ffffff;
  }
  
  .Navigation .Wrapper
  {
    width: 510px;
    height: 40px;
    
    position: relative;
    padding: 0px 0px 0px 0px;
    
    margin-left: auto;
    margin-right: auto;
    
    color: #020010;
    text-align: center;
    font-size: 10pt;
  }
  
  .Navigation .Wrapper .Collections
  {
    width: 300px;
    height: 20px;
    
    position: absolute;
    top: 0px; left: 0px;
    
    float: left;
    padding: 0px 0px 0px 0px;
    
    background-color: #FFFFFF;
    z-index: 999;
  }
  
  .Navigation .Wrapper .About
  {
    width: 100px;
    height: 20px;
    
    position: absolute;
    top: 0px; left: 305px;
    
    float: left;
    padding: 0px 0px 0px 0px;
    
    background-color: #FFFFFF;
  }
  
  .Navigation .Wrapper .Contact
  {
    width: 100px;
    height: 20px;
    
    position: absolute;
    top: 0px; left: 410px;
    
    float: left;
    padding: 0px 0px 0px 0px;
    
    background-color: #FFFFFF;
  }
  
  .Navigation .Wrapper .Blog
  {
    width: 70px;
    height: 20px;
    
    position: absolute;
    top: 0px; left: 560px;
    
    float: left;
    padding: 0px 0px 0px 0px;
    
    background-color: #FFFFFF;
  }
  
  .Navigation .Wrapper .Press
  {
    width: 70px;
    height: 20px;
    
    position: absolute;
    top: 0px; left: 636px;
    
    float: left;
    padding: 0px 0px 0px 0px;
    
    background-color: #FFFFFF;
  }
  
  .Navigation .Wrapper .Extrude
  {
    height: auto;
  }
  
  .Navigation a, .Navigation a:link, .Navigation a:hover, .Navigation a:visited,
  .Navigation .Wrapper .Extrude a, .Navigation .Wrapper .Extrude a:link, .Navigation .Wrapper .Extrude a:hover, .Navigation .Wrapper .Extrude a:visited
  {
    color: #000000;
  }
  
  .Navigation .Wrapper .Extrude a:hover
  {
    text-decoration: underline;
  }
  
  .Container
  {
    width: 510px;
    height: 370px;
    
    position: relative;
    padding: 0px 0px 0px 0px;
    
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 10px;
    
    color: #FFFFFF;
    text-align: center;
  }
  
  .Container p
  {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Gill Sans Regular, Gill Sans, Gill Sans MT, sans-serif;
    font-size: 12px;
  }
  
  .Container span
  {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Gill Sans Regular, Gill Sans, Gill Sans MT, sans-serif;
    font-size: 12px;
    
    display: block;
  }
  
  .Home
  {
    background-image: url('/Images/zanacco_home_opt1.png');
  }
  
  .Index
  {
    background-image: url('/Images/zanacco_index_opt1.jpg');
  }
  
  .Scroller
  {
    width: 510px;
  }
  
  .Meta
  {
    width: 510px;
    padding: 20px 0px 0px 0px;
    position: relative;    
    margin-left: auto;
    margin-right: auto;
  }
  
  .Footer
  {
    width: 510px;
    height: 15px;
    
    position: relative;
    padding: 0px 0px 0px 0px;
    
    margin-left: auto;
    margin-right: auto;
    
    clear: both;
  }
  
  .Small
  {
    color: #FFFFFF;
    text-align: center;
    font-size: 10px;
  }
  
  .Small a, a:link, a:visited, a:hover
  {
    padding: 0px 4px 0px 0px;
  }
  
  .Back
  {
    position: absolute;
    top: 20px;
    left: 0px;
  }
  
  .Next
  {
    position: absolute;
    top: 20px;
    right: 0px;
  }
  
  .Underline
  {
    text-decoration: underline;
  }
  
  .Underline a, .Underline a:link, .Underline a:hover, .Underline a:visited
  {
    text-decoration: none;
    color: #000000;
  }