@charset "utf-8";

body {
font-family: Arial, Verdana; 
font-size: 12px; 
margin: 0 auto;
background: #231f20;
color: #000000;
text-align: center;
}

a {
outline: none;
}

img { 
border: 0; 
}

p {
  line-height: 16px;
}

#container {
  width: 480px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}

#main {
  margin-top: 40px;
}

h1 {
  font-size: 20px;
  color: #ffffff;
  #text-transform: uppercase;
  padding-bottom: 4px;
}

h2 {
  font-size: 18px;
  color: #e6e7e8;
  padding-top: 9px;
}

h3 {
  font-size: 18px;
  color: #70c043;
  padding-top: 15px;
}

a:link, a:visited {
  color: #70c043;
}

a:hover {
  color: #ffffff;
}

#portfolioBox {
  margin-top: 30px;
  margin-bottom: 35px;
  height: 50px;
}

a.showPortfolio {
  display: block;
  width: 250px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto;
}

a:link.showPortfolio, a:visited.showPortfolio {
  background: url(../images/button.png) 0px 0px;
}

a:hover.showPortfolio {
  background: url(../images/button.png) 0px -50px;
}

#adress {
  width: 480px;
  float: left;
}

.block {
  width: 240px;
  float: left;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

#adress p {
  font-size: 14px;
  color: #e6e7e8;
  padding-bottom: 7px;
}

#portfolioForm {
  display: none;
  width: 360px;
  height: 50px;
  margin: 0 auto;
  background: url(../images/formBack.png);
}

#formInput {
  width: 191px;
  height: 28px;
  display: block;
  background: url(../images/formInput.png);
  border: 0;
  margin-top: 12px;
  margin-left: 15px;
  float: left;
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #231f20;
  padding-left: 10px;
}

#formInput.errorForm {
  color: red;
}

#formSubmit {
  width: 128px;
  height: 28px;
  float: left;
  margin-top: 12px;
}