@import url(reset.css);

body {
	background: #1e5c00 url('img/head_back.png') repeat-x top;
  font-family: Tahoma;
  color: #fff;
}

#wrapper {
	width: 900px;
  margin-left: 80px;
}

#header {
  height: 170px;
  background: url('img/header.png') no-repeat 0 0;
  margin-left: -16px;
}

#portfolio {
  margin-top: 50px;
}

#portfolio #portfolio_header {
	background: url('img/folio.png') no-repeat 0 0;
  height: 58px;
  margin-left: -16px;
  margin-bottom: 15px;
}

#portfolio ul li{
  margin-bottom: 60px;
}

#portfolio ul li h2 {
  margin-left: -6px;
  margin-bottom: 9px;

}


#portfolio ul li h2 span.title {
	font-size: 14pt;
  background-color: #133900;
  color: #57B71E;
  padding: 4px 6px;
  border-bottom: 1px solid #217B00;
}

a, a:hover, a:visited, a:link {
  color: #57b71e;
}

#portfolio ul li div.url a {
	font-size: 10pt;
  color: #57b71e;
}

#portfolio div.url {
  margin-top: 10px;
}

#portfolio ul li .desc {
	font-size: 12pt;
  margin-top: 10px;
  line-height: 1.3em;
}

#portfolio ul li .desc p {
  margin-bottom: 15px;
}
#portfolio ul li .desc p:last-child {
  margin-bottom: 0px;
}


#contacts {
  position: absolute;
  background-color: #133900;
  border-bottom: 1px solid #217B00;
  height: 25px;
  top: 150px;
  width: 100%;
}

#contacts img {
  margin-top: 7px;
}

#contacts img#gsm {
  margin-left: 82px;
}
#contacts img#email,#contacts img#twitter {
  margin-left: 130px;
}

#about {
  margin-top: 30px;
  overflow: hidden;
}

#about .pic {
  border: 1px solid #57B71E;
  width: 252px;
  height: 322px;
  float: left;
}

#about .text {
  float: right;
  width: 620px;
  line-height: 1.5em;
}
#about .text p {
  margin-bottom: 15px;
}
#about .pic img {
  margin-top: 1px;
  margin-left: 1px;
}
ul.done {
  margin-top: 5px;
}

#portfolio ul.done li {
  margin: 0;
  display: inline;
  background: #000;
  padding: 3px 4px;
  font-size: 10px;
}
#portfolio ul.done li.clear {
  background: transparent;
}

#about #about_header {
	background: url('img/about.png') no-repeat 0 0;
  height: 32px;
  margin-left: -16px;
}