/* CSS Document */

body
{
text-align:center; 
background-image:url('images/bgwood.jpg');
background-color:#bf7a22;
background-position:center center;
background-repeat:no-repeat;
color:#000000;
z-index:1;
overflow:auto;
margin: 0px auto 0px auto; 
width:100%;
height:100%;
}

* {
padding: 0;
margin: 0;
}

a:link 
{
text-transform:uppercase;
text-decoration:none;
color: #661111;
font-weight:bold;
}

a:visited 
{
text-transform:uppercase;
text-decoration:none;
color: #661111;
font-weight:bold;
}

a:active 
{
text-transform:uppercase;
text-decoration:none;
color:#a60000;
font-weight:bold;
}

a:hover 
{
text-transform:uppercase;
text-decoration:underline; 
color: #a60000;
font-weight:bold;
}


#wrapper
{

text-align:center;
margin: 0px auto 0px auto;
z-index:2;
width:1024px;
height:768px;
}

#navbar
  {
  height:50px;
  z-index:4;
  background-color:#661111;
  }

#mountains
{
height:188px;
z-index:5;
background-image:url('images/mountains.png');
background-repeat:no-repeat;
background-position:bottom right;  
}

#brewletter
{
height:188px;
z-index:5;
padding-top:25px;
padding-right:45px;
background-position:right top; 
}

#logo
  {
  height:188px;
  z-index:6;
  background:url('images/logo.png') no-repeat bottom left;
  }
  
#canvas
  {
  height:500px;
  width:100%;
  background:url('images/canvas.gif') no-repeat bottom right;
  z-index:3;
  overflow:hidden;
  }
  
#paper
  {
  height:500px;
  background:url('images/paper.png') no-repeat bottom left;
  z-index:15;
  }
  
  #paper-right
  {
  height:500px;
  background:url('images/paper.png') no-repeat bottom right;
  z-index:15;
  }
  
 #bigpaper
  {
  height:500px;
  background:url('images/bigpaper.png') no-repeat bottom center;
  z-index:15;
  } 

 #wornpaper
  {
  height:500px;
  z-index:15;
  } 

#brewtxt
  {
  height:500px;
  width:410px;
  overflow:auto;
  z-index:16;
  margin: 0px auto 0px auto;
  padding-top:130px;
  }
  
#txtwrapper
  {
  top:414px;
  width:1024px;
  height:354px;
  position:absolute;
  z-index:40;
  }
  
#badge
  {
  top:10px;
  float:right;
  }
  
#intro
  {
  overflow:auto;
  position:absolute;
  left:60px;
  width:360px;
  height:330px;
  }
  
#welcome
  {
  overflow:auto;
  right:70px;
  width:360px;
  height:330px;
  position:absolute;
  }
  
#buttonloc
  {
  right:5px;
  height:102px;
  width:102px;
  bottom:0;
  position:absolute;
  }  
  
#building
  {
  height:500px;
  background:url('images/building.png') no-repeat bottom right;
  z-index:13;
  }

#barrell
  {
  height:500px;
  background:url('images/barrell.png') no-repeat bottom left;
  z-index:13;
  }
  
#polaroid
  {
  height:500px;
  background:url('images/polaroid.png') no-repeat bottom left;
  z-index:13;
  }

#guitar
  {
  height:500px;
  background:url('images/guitar.png') no-repeat bottom right;
  z-index:13;
  }

#credit
  {
  text-transform:uppercase;
  font-size:.7em;
  color: #661111;
  font-family:verdana, sans-serif;
  }
  
#endbar
  {
  height:20px;
  z-index:4;
  background-color:#661111;
  color:#dd9e4f;
  padding-top:4px;
  text-transform:uppercase;
  font-size:.6em;
  letter-spacing:.4em;
  }
  
#nav {
float: right;
width: 60em;
margin: 0;
padding: .5em 0 0 2.3em;
list-style: none;
}

#nav li {
float: left;
margin: 0 1em 0 0;
padding: 0;
font-family: georgia, serif;
font-weight: bold;
text-transform: uppercase;
color: #ffd67e; 
letter-spacing: .25em;
font-size: 90%;
}

#nav a {
float: left;
display: block;
margin: 0;
padding: .6em 1.5em;
color: #ffd67e;
text-decoration: none;
border: 0;
border-bottom: none;
background: #661111;
}

#nav a:hover, body#home #nav-home a, body#brews #nav-brews a, body#events #nav-events a, body#menu #nav-menu a, body#location #nav-location a, body#contact #nav-contact a {
color: #f1c66a; 
padding-bottom: .6em;
border: 0;
background: #8b0101 url('images/tinybeer.png') no-repeat center left;
}