body {
color: #646464;
margin: 0;
padding: 0;
font-family: Georgia, serif;
font-size: 12px;
background-color: #000;
}

A {
font-size: 12px;
font-family: Georgia, serif;
color: #4A4A4A;
text-decoration: none;
}

A:hover {
font-size: 12px;
font-family: Georgia, serif;
color: #f2ecd9;
text-decoration: none;
}

#content {
width: 720px;
margin: 0 auto;
}

#menu {
margin-bottom: 5px;
display: inline;
width: 720px;
}

#links {
display: inline;
position: relative; bottom: 22px;
}

#aboutgray, #workgray, #contactgray, #wttfgray, #clientgray {
margin-left: 20px;
display: inline;
}

#workwhite, #aboutwhite, #contactwhite, #wttfwhite, #clientwhite {
margin-left: 20px;
display: inline;
color: #f2ecd9;
}

#contact, #about, #client {
height: 580px;
}

.plus {
margin-left: 2px;
position:relative;top: 4px;
}

.plusgray {
margin-left: 2px;
position:relative;top: 4px;
display: none;
}

#variable {
margin-top: 20px;
}

#about {
width: 700px;
}

.workbar {
display: inline;
width: 700px;
text-align: center;
float: clear;
height: 64px;
margin-top: 20px;
}

.worktitles {
margin-top: 10px;
width: 350px;
height: 120px;
}

.hoverbutton {
  /* for IE */
  filter: alpha(opacity=50);
  /* CSS3 standard */
  opacity: 0.5;
 margin: 0px;
 padding: 0px;
 height: 64px;
 width: 116px;
 display: inline;
margin-left: -696px;
  }
 
.hoverbutton2 {
  /* for IE */
  filter: alpha(opacity=10);
  /* CSS3 standard */
  opacity: 0.1;
 margin: 0px;
 padding: 0px;
 height: 64px;
 width: 116px;
 display: inline;
margin-left: 464px;
  }
  
.reelbuttonleft {
  /* for IE */
  filter: alpha(opacity=50);
  /* CSS3 standard */
  opacity: 0.5;
 margin: 0px;
 padding: 0px;
 height: 64px;
 width: 116px;
 display: inline;
margin-left: -696px;
  }
   
input {
color: #f2ecd9;
background: #3a3a3a;
border: 0px;
}

#formintro {
 margin-bottom: 30px;
 }

#form {
margin-bottom: 30px;
}

.workheader {
margin-top: 10px;
margin-bottom: 30px;
}