body{
 margin-left: 20px;
 background: url('pixel.png') no-repeat;
}

body, a {
  font-family: sans-serif;
  color: #0098d7;
}

h1 {
 font-size: 1.2em;
}

h2 {
 font-size: 0.9em;
}

#head {
 width:98%;
 border-bottom: solid 4px #ebebf2;
 cursor: pointer;
}

#mainnav {
 float:left;
 margin:8px 1em 0 1px;
 width:265px;
 height: 265px;
 overflow: hidden;
}

.mainnavbox {
 float:left;
 width: 130px;
 height: 130px;
 margin: 0;
 cursor: pointer;
}

.mainnavbox div{
  margin-top: 50px;
  text-align:center;
  font-size:18px;
  text-transform: uppercase;
  font-weight: bold;
}

.mainnavbox div a {
 text-decoration: none;
}

#maincontent {
 float:left;
 margin-top:8px;
 width: 700px;
 background:url(veil.png);
 padding:5px;
}

#contact {
 float:right;
 margin-top:8px;
 margin-right:30px;
 font-size:smaller;
}

#people {
 background-color: #ffffff;
}

#philosophy{
 background-color: #ec412b;
}

#clients{
 background-color: #0098d7;
}

#projects {
 background-color: #9e9c97;
}

#philosophy div a, #clients div a{
 color: #ffffff;
}

.contentdiv {
 display: none;
}

#contenthome {
 display: block;
}