*{
  padding: 0;
  margin: 0;
}

body{
  font-family: arial, sans-serif;
  line-height: 130%;
  letter-spacing: 0.7px;
  margin-top: 80px;
}

span{
  display: none;
}

p{
  text-align: justify;
  margin-bottom: 12px;
}

ul{
  margin-bottom: 15px;
}

li{
  margin-left: 80px;
}

#wrap{
  width: 700px;
  margin: 0 auto;
}

#nav{
  width: 100%;
  height: 82px;
  overflow: auto;
}

.green{
  background-color: #24942B;
}

.yellow{
  background-color: #FFF000;
}

.orange{
  background-color: #F96B15;
}

.red{
  background-color: #E10915;
}

.blue{
  background-color: #0071BF;
}

#home{
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 254px;
  background: url("../img/home.png") no-repeat 0 -80px;
}

#home:hover{ 
  background-position: 0 -160px;
}

#nonprofit{
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  background: url("../img/nonprofit.png") no-repeat 0 -80px;
}

#nonprofit:hover{ 
  background-position: 0 -160px;
}

#portfolio{
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  background: url("../img/portfolio.png") no-repeat 0 -80px;
}

#portfolio:hover{ 
  background-position: 0 -160px;
}

#about{
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  background: url("../img/about.png") no-repeat 0 -80px;
}

#about:hover{ 
  background-position: 0 -160px;
}

#contact{
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  background: url("../img/contact.png") no-repeat 0 -80px;
}

#contact:hover{ 
  background-position: 0 -160px;
}

#content{
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
}

#footer{
  width: 100%;
  margin-left: 80px;
  margin-bottom: 112px;
}

#w3{
  display: block;
  float: left;
  width: 56px;
  height: 56px;
  margin-right: 10px;
  background: url("../img/w3.png") no-repeat 0 -56px;
}

#w3:hover{ 
  background-position: 0 -112px;
}

#flickr{
  display: block;
  float: left;
  width: 56px;
  height: 56px;
  margin-right: 10px;
  background: url("../img/flickr.png") no-repeat 0 -56px;
}

#flickr:hover{ 
  background-position: 0 -112px;
}

#css{
  display: block;
  float: left;
  width: 56px;
  height: 56px;
  margin-right: 10px;
  background: url("../img/css.png") no-repeat 0 -56px;
}

#css:hover{ 
  background-position: 0 -112px;
}

#up{
  display: block;
  float: left;
  width: 56px;
  height: 56px;
  margin-right: 10px;
  background: url("../img/top.png") no-repeat 0 -56px;
}

#up:hover{ 
  background-position: 0 -112px;
}

#blank{
  display: block;
  float: left;
  width: 56px;
  height: 56px;
  margin-right: 10px;
  background: url("../img/blank.png") no-repeat 0 0;
}

#blank:hover{ 
  background-position: 0 -56px;
}