body {
  color: #ddd;
  cursor: default;
  margin: 0;
  padding: 0;
  font: 96%/1.4em Frutiger, Myriad, Lucida, 'Lucida Grande', Verdana, sans-serif;
  background: #151515 url('images/body_bg.jpg') 0 0 repeat-x;
}

a {
  color: #aaa;
}
a:hover {
color: #fff;
}

a img {
  border: 0 none;
}


h3 {
  color: #ffdfbf;
  font-size: 1.2em;
  margin: 20px 0 5px;
}

#root {
  width: 960px;
  margin: 0 auto;
}

#main {
  background: #000;
  position: relative;
  width: 100%;
}

#notice {
  padding: 30px 60px;
  position: absolute;
  top: 30px;
  background: #222;
}

#header {
  height: 250px;
}

#header h1 {
  position: absolute;
  top: 0;
  background: url('images/header_logo.gif') 50% 0 no-repeat;
  height: 188px;
  width: 960px;  
}

#header h1 * {
  display:none;
}

#footer {
  clear:both;
  margin-bottom: 30px;
  height: 68px;
  background: url('images/footer.gif') 0 0 no-repeat;
}

#footer * { display: none; }

#nav { 
  font-size: 14px; 
  text-align: center; 
  background: url('images/nav_frame.gif') 0 20px no-repeat;
}

#h_project { background-image: url('images/h_project.gif'); }
#h_squamish { background-image: url('images/h_squamish.gif'); }

#nav h1 { 
  height: 60px;
  width: 230px; 
  margin: 0;
  padding: 0;
  float: left; 
  background-repeat: no-repeat; 
  background-position: 20px 100%; }
#nav h1 * { display: none; }

#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { display: inline; padding: 0; margin: 0; }
#nav a { text-decoration: none; }

ul#nav_sections { 
  z-index: 2; 
  height: 40px;
  width: 720px;
  margin: 0 auto;
  overflow: hidden; 
  position: relative; 
}

ul#nav_sections li { position: relative; }
ul#nav_sections a { display: block; float:left; height: 40px; background-image: url('images/nav.png'); }

#nav_home       a { width:  93px; background-position:      0 0; }
#nav_project    a { width: 127px; background-position:  -93px 0; }
#nav_squamish   a { width: 138px; background-position: -220px 0; }
#nav_developer  a { width: 151px; background-position: -358px 0; }
#nav_news       a { width:  79px; background-position: -509px 0; }
#nav_contact    a { width: 132px; background-position: -588px 0; }

#nav_home       a:hover { background-position:      0 -40px; }
#nav_project    a:hover { background-position:  -93px -40px; }
#nav_squamish   a:hover { background-position: -220px -40px; }
#nav_developer  a:hover { background-position: -358px -40px; }
#nav_news       a:hover { background-position: -509px -40px; }
#nav_contact    a:hover { background-position: -588px -40px; }

#nav_home       a:active { background-position:      0 -80px; }
#nav_project    a:active { background-position:  -93px -80px; }
#nav_squamish   a:active { background-position: -220px -80px; }
#nav_developer  a:active { background-position: -358px -80px; }
#nav_news       a:active { background-position: -509px -80px; }
#nav_contact    a:active { background-position: -588px -80px; }

#nav_home.current       a { background-position:      0 -120px; }
#nav_project.current    a { background-position:  -93px -120px; }
#nav_squamish.current   a { background-position: -220px -120px; }
#nav_developer.current  a { background-position: -358px -120px; }
#nav_news.current       a { background-position: -509px -120px; }
#nav_contact.current    a { background-position: -588px -120px; }



ul#nav_sections a * { display: none; }
ul#nav_sections li.current a { color: #fff; text-decoration: underline; cursor: default;}

ul#nav_pages  { display: block; text-align: left; margin: 0 20px; padding: 30px 0 6px; position: relative; border-bottom: 1px solid #999;}
ul#nav_pages li a { margin-right: 0px; padding: 3px 10px; color: #ddd; font-weight: bold; white-space: nowrap; }
ul#nav_pages li.current a { color: #B7AA91; text-decoration: none; }
ul#nav_pages li a:hover { color: #B7AA91; }

#content {
  padding: 40px;
  position: relative;
  height: 1%;
}

#content:after {
  content:'.';
  display:block;
  clear:both;
  height: 0;
  visibility: hidden;
}

div.photos {
  display: inline;
  position: relative;
  float: right;
  margin: 0 0 20px 40px;
}

div.photos img {
  display:inline;
  vertical-align:bottom;
  margin: 0 15px 15px 0;
}