* {
  margin: 0;
}
html, body{
  height: 100%;
  margin:0;
  padding:0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:13px;
  background: url(../images/background-body.jpg) repeat; 
}

#wrapper{
    width:980px;
    margin: auto;
}

header{
    height:180px;
    background: url(../images/background.jpg) repeat;
    border-bottom: 8px solid #326632;
}

/* ---- NAV START ---- */

nav{
    height:17px;
    margin-top: -27px;
}

#nav-bar{
    float: right;
}


#nav-bar li{
    list-style: none;
    float: left;
    
}

#nav-bar a{
    text-decoration: none;
    color: #fff;
    padding: 10px 15px 11px 10px;
    background-color: #326632;
    border: 1px solid #326632;
    border-bottom: none;
}

#nav-bar a:hover{
    text-decoration: none;
    color: #70bf44;
    background-color: #3a3a3a;
    border: 1px solid #2a2a2a;
    border-bottom: none;
}

#nav-bar a:active{
    text-decoration: none;
    color: #70bf44;
    background-color: #3a3a3a;
    border: 1px solid #2a2a2a;
    border-bottom: none;
}

/* ---- NAV END ---- */


/* ---- CONTENT START ---- */

#content-top{
    position: absolute;
    width: 980px;
    margin-top: 10px; 
    height: 500px;
    background-color: #3a3a3a;
    float: left;
}

#content-top-gallery{
  position: relative;
  width: 972px;
  height: 496px;
  margin-left: 4px;
  margin-bottom: 5px;
  background-color: #fff;
}

#text-area{
  position: relative;
  width: 970px;
  height: 110px;
  background-color: #1a1a1a;
  opacity: 0.7;
  float: left;
  padding-top: 30px;
  top: -180px;
  
  color: #fff;
  text-align: center;
  font-size: 30px;
}

#text-area p{
  font-size: 17px;
  margin-top: 5px;
}

/*TOP END*/

#content-mid{
  position: relative;
  top: 510px;
  float: left;
  
}

#content-mid section{
  min-height: 130px;
  width: 650px;
  margin-top: 10px;
  padding: 10px;
  background-color: #F5F5F5;
  border: 1px solid #9a9a9a;
  border-style: dashed;
}

#content-mid section h2{
  color: #326632;
  font-size: 25px;
}

#content-mid section p{
  color: #1a1a1a;
}

/*MID END*/

/* ---- CONTENT END ---- */