BODY {  
text-align: center;
margin: auto;
width: 800px;
background-color: #000000;
}

p {
color: #FFFFFF;
text-align: left;
font-family: Century Gothic, Verdana, Trebuchet MS, Avant Garde, san-serif;
font-size: 14px;
}

li {
color: #FFFFFF;
text-align: left;
font-family: Century Gothic, Verdana, Trebuchet MS, Avant Garde, san-serif;
font-size: 14px;
}

.header {
width: 800px;
text-align: center;
margin-top:10px;
border-bottom: 1px solid #7F7F7F;
}

.container{
margin-left: auto;
margin-right:auto;
width:1000px;
}

.front {
  text-align: center;
  vertical-align: middle; 
  margin-top: 200px;
}

.center {
  margin-top: 15px;
  width: 800px;
  float:left;
  display:inline;
  margin-bottom: 15px;
}

.about {
  margin-top: 15px;
  width: 544px;
  float:left;
}

.aboutPic{
  margin-top: 15px;
  float:left;
}

.pic {
  border: 2px solid #FFFFFF;
  height: 375px;
  width: 250px;
}

.services {
  margin-top: 15px;
  width: 546px;
  float: left;
  margin-left: auto;
}

.servicesPhoto {
  margin-top: 100px;  
  float: left;
}

.servicesPic {
  border: 2px solid #FFFFFF;
  height: 165px;
}

.servicesPic1 {
  margin-top: 20px;
  border: 2px solid #FFFFFF;
  height: 188px;
}

.portfolio {
  margin-top: 15px;
  font-size: 20px;
  text-align: center;
  margin-left: 270px;
  margin-right: 250px;
}

.top {
color: #FFFFFF;
text-align: center;
font-family: Century Gothic, Verdana, Trebuchet MS, Avant Garde, san-serif;
font-size: 12px;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 1px;
margin-top: 3px;
}

.bottom li{
display: inline;
padding: 3px;
margin: 5px;
font-size: 16px;
text-transform: lowercase;
letter-spacing: 2px;  
line-height: 15px;
font-weight: bold;
font-family: Century Gothic, Futura, Avant Garde, san-serif;
}

a:link,
a:visited {
color: #7F7F7F;
text-decoration: none;
}

a:active,
a:hoover {
color: #FFFFFF;
text-decoration: none;
}

.contactPic{
  margin-top: 15px;
  margin-left: 100px;
  float:left;
  width: 300px; 
}

/*Style for Form*/
.form {
  margin-top:50px;
  width: 400px;
  font-family: Century Gothic, Verdana, Trebuchet MS, Avant Garde, san-serif;
  font-size: 12px;
  float: left;
}

div.row {
  clear: both;
  padding-top: 10px;
}

div.row span.label {
  float: left;
  width: 80px;
  color: #FFFFFF;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 304px;
  text-align: left;
  padding-right: 5px;
} 
  
.formResponse {
  color: #FF0000;
  font-size: 12px;
  font-weight: bold;
}

.clearFloat {
  clear: both;
}