* {
  outline: none;
}
html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font: .75em/1.3 Verdana, Arial, sans-serif;
  color: #000;
  background: #000 ;
  height: 100%;
	width: 100%;
}

/* Basics */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  color: #000000;
  margin: 0;
  padding: 0;
}

li a {
  color: #000000;
  text-decoration: none;
}

li a:hover {
  color: #89693b;
}

a {
  color: #000;
}


/* Centering layout */
#container {
  position: absolute;
  top: 50%;
  left: 50%;
	margin-top: -280px;
	margin-left: -501px;
}

/* Header */
#header {
  position: absolute;
  left: 0;
  top: 512px;
  width: 100%;
  z-index: 100;
}
  #header-content {
    position: fixed;
    width: 1001px;
    height: 80px;
  }

  /* Logo */
  #logo {
    float: left;
		margin: 0 0 0 34px;
		text-align: center;
		text-indent: -1000px;
		width: 159px;
    height: 80px;
    background: transparent url('logo2.swf') no-repeat 0 0;
    overflow: hidden;
  }
    #logo a {
      display: block;
      width: 159px;
      height: 80px;
    }

  #links {
    float: right;
    margin: 0 38px 0 0;
    padding: 0;
    z-index: 10;
  }
    #links li {
      display: inline;
      margin: 0;
      padding: 0;
      font-size: 14px;
      list-style-type: none;
      cursor: pointer;
    }
      #links li a {
        float: left;
        margin-left: 10px;
        color: #B99C70;
        text-transform: lowercase;
      }
      #links li a:hover {
          color: #DEC39B;
      }
      #links li a.active {
        color: #DEC39B!important;
      }

/* Content area */
#content {
  position: relative;
  margin: 0;
  width: 1005px;
}

  /* Basic sinppets definitions */
  #snippets_container {
    height: 561px;
    overflow: hidden;
  }
  #snippets {
  }
    #snippets div.snippet {
      position: relative;
      float: left;
      height: 510px; /* Don't forget about the shadow height */
    }
      #snippets div.spacer {
        width: 65px;
        background: transparent url(/images/spacer-column.gif) repeat scroll 0%;
        cursor:pointer;
      }
      #snippets div.mini-spacer {
        width: 8px;
        background: transparent;
      }

  /* Shadows */
  .shadow-bottom {
    position: absolute;
    top: 504px;
    left: 0;
    height: 6px;
    width: 100%;
    overflow: hidden;
  }
    .shadow-bottom .end {
      position: absolute;
      left: 6px;
      top: 0;
      background: url(/images/shadow-bottom.png) repeat-x 0 0;
      width: 100%;
      height: 6px;
    }
    .shadow-bottom .start {
      position: absolute;
      left: 0;
      top: 0;
      background: url(/images/shadow-bottom-start.png) no-repeat 0 0;
      width: 6px;
      height: 6px;
    }

  .shadow-right {
    position: absolute;
    right: -4px;
    top: 0;
    background: url(/images/shadow-right.png) no-repeat 0 0;
    height: 510px;
    width: 4px;
  }


/* Helpers */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

.latest_img {
	border: 0px solid #575757;
}

.img {
	border: 0px solid #575757;
}


/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}