* {
  margin: 0;
  padding: 0;
  border: 0;
  }
body {
  font-family: arial, sans-serif;
  font-size:100%;
  background: #21310e url('../images/i-bg.png') repeat-x;
  }
p {
  font-size:13px;
  line-height:1.5em;
  color:#eee;
  margin: 1em 0;
  }
#content a {
  color:#899e39;
  text-decoration:none;
  }
#content a:hover {
  color:#fff;
  } 
#constrain {
  width:990px;
  margin: 25px auto 10px auto;
}
#logo {
  position:absolute;
  top: 136px;
}
#nav {
  list-style-type:none;
  margin: 0 0 0 300px;
}
#nav li {
  display:inline-block;
  width: 226px;
  height: 226px;
}
#nav span.head {
  color:#b6d53f;
  font-size: 1.5em;
  font-weight:normal;
  background: transparent url('../images/i-arrow.png') no-repeat right 5px;
  padding-right: 12px;
}
#nav li img {
  position:absolute;
  z-index:1;
  }
#nav a {
  display:block;
  text-decoration:none;
  background:transparent url('../images/i-nav-box.png');
  padding: 6px;
  height:214px;
}
#nav a span.link {
  background: transparent url('../images/i-overlay.png');
  display:block;
  padding: 12px;
  font-size:0.75em;
  color:#cdcdcd;
  position:relative;
  z-index:2;
  margin-top: 120px;
}
#nav a:hover span.link {
  background-position: 0 -75px;
}
#nav a:hover {
  background-position: -226px;
}
#nav li a:active {
  background-position: -452px;
}
.p-gallery #nav li#gallery a, .p-tutorials #nav li#tutorials a, .p-wtf #nav li#wtf a {
  background-position: 0 -226px;
  }
#content-wrap {
  width:989px;
  margin-top: 20px;
}
#content {
  background:#1c2b0d;
  margin: -5px 0;
  padding: 6px 10px;
  min-height:245px;
  width:969px;
}


/* Footer */
#footer {
  text-align:right;
  margin: 30px 0 0 0;
}
#footer p {
  color:#7a836e;
  font-size:0.75em;
}
#footer a {
  color:#7a836e;
  text-decoration:none;
}
#footer a:hover {
  color:#a7b09a;
}

/* Home page */
#home-gallery {
  width:665px; 
  }
#home-gallery a {
  float:left;
  width: 156px;
  height: 240px;
  margin: 0 5px;
}
#home-gallery a img {
    position: absolute;
    z-index:1;
    border: 1px solid #899e39;
    margin-top: 3px;
}
#home-gallery a:hover img {
  border: 1px solid #b7ce5e;
  }
#content .zoom img, #content a:hover .zoom img {
  border: 0;
}
a:hover .zoom {
  padding: 8px;
}
.zoom {
  background: transparent url('../images/g-90.png');
  width:  16px;
  height: 16px;
  padding: 5px;
  display:block;
  position:absolute;
  z-index:2;
}
#home-gallery .zoom {
  margin: 218px 0 0 131px;
}
#c-gallery .zoom {
  margin: 149px 0 0 149px;
}
#home-ad, #wtf-ad {
  width:300px;
  height:250px;
  }
#home-ad {
  float:right;
  }
#wtf-ad {
  float:left;
  margin-right: 10px;
}
#home-gallery, #c-wtf {
  height: 250px;
}
#gallery-ad {
  padding: 10px;
  margin: 7px;
}
#tutorial-ad {
 background:#34441f;
 float:left;
 padding:9px 8px 9px 9px;
 margin: 0 0 12px 0; 
}
#gallery-ad-side {
  float:right;
  width:120px;
  margin: 165px -150px 0 0;
  padding-left: 20px;
  }
#tutorial-ad-side {
  float:right;
  width:120px;
  margin: 165px 20px 0 0;
  padding-left: 20px;
  }
  
#gallery-ad-btm {
  width: 174px;
  height:134px;
  display:inline-block;
  margin: 7px;
  vertical-align: top;
  padding: 40px 0 0 0;
}
.placement {
    border: 1px solid #899e39;
    float:left;
  }  
/* Button */
#content .button {
  background: transparent url('../images/g-button.png') no-repeat;
  height:32px;
  line-height:32px;
  width:232px;
  color:#1c2b0d;
  text-decoration:none;
  padding: 0 0 0 10px;
  display: block;
  font-size:12px;
  }
#content a.button:hover {
  background-position: 0 -32px;
  }
#content a.button:active {
  background-position: 0 -64px;
  }


#wtf-txt {
  vertical-align:top;
  float:right;
  width:460px;
  }
#info-txt {
  vertical-align:top;
  float:right;
  width:770px;
  margin: -1em 10px 0 0;
  }
  
h1 {
  text-indent: -10000px;
  width:182px;
  float:right;
  margin: 0 7px 0 0;
  }
h1#h1-gallery {
  background: transparent url('../images/g-gallery.jpg') no-repeat;
  height:487px;
  }
h1#h1-tutorials {
  background: transparent url('../images/g-tutorials.jpg') no-repeat;
  height:538px;
  }
  
#c-gallery {
  margin: -7px 200px 0 0;
  }
#c-gallery img {
  border: 1px solid #899e39;
  position:absolute;
  }
#c-gallery a {
  width: 174px;
  height:174px;
  display:inline-block;
  margin: 7px;
  }
  
/* Tutorials */

.tutorial-list {
 margin: 0 15px 12px 0;
 float:left;
}
.tutorial-list a {
 background:#34441f;
 width: 220px;
 padding: 9px;
 font-size:12px;
 display:block;
 cursor:pointer;
}
.tutorial-list img.tutn {
  position:absolute;
  z-index: 1;
  }
.tutorial-list .program {
  position:absolute;
  z-index:2;
  margin:120px 0 0 0;
  line-height:20px;
  background: transparent url('../images/g-90.png');
  text-align:right;
  display:block;
  width:168px;
  padding: 0 20px 0;
  color:#eee;
  font-size:11px;
  }
.tutorial-list span.program img {
  position:absolute;
  margin: -5px -5px 0 5px;
  }
.tut-info {
  position:relative;
  display:block;
  padding: 150px 0 0 0;
  min-height: 3em;
  }
.tutorial-list a {
  color:#eee;
  }
.tutorial-list a:hover {
  color:#fff;
  background:#3b4c25;
  }
#content .tutorial-list a:visited {
     color:#75892a;
}
#content p.intro-text {
  margin: 10px; 
  line-height:2em;
}
.tutorial-final {
  width:203px;
  height:159px;
  padding: 45px 0 0 35px;
  background:#34441f;
}