#header{
 width: 100%;
 position:relative;
}
     
#menu{
 width: 150px;
 float: left;
 color: #333333;
 }

#content{
 width: 550px;
 float: right;
 position: relative;
 text-align: left;
 }

#apple_back{
 float: right;
}

#container {
 text-align: center;
 margin: 0 auto;
 width: 700px;
 padding: 0px;
 border: 1px;
}

#menuitems {
 margin: 0px;
 padding-left: 0px;
 list-style: none;
}
#menuitems li{
 background-repeat: no-repeat;
 margin: 2px 0 6px 0;
 line-height: 24px;
 text-align: left;
 background-position: 0 50%;
}

#menuitems li a {
  color: #a85400;
  padding-left: 30px;
  text-decoration: none;
  font-size:0.8em;
}

#menuitems li a:hover {
  color: #408a40;
  padding-left: 30px;
  text-decoration: none;
  font-size:0.8em;
}

#home{
 background-image: url(images/home_icon.png);
}

#home_over{
 background-image: url(images/home_icon_over.png);
}

#about{
 background-image: url(images/about_icon.png);
}

#about_over{
 background-image: url(images/about_icon_over.png);
}

#portfolio{
 background-image: url(images/portfolio_icon.png);
}

#portfolio_over{
 background-image: url(images/portfolio_icon_over.png);
}

#design{
 background-image: url(images/design_icon.png);
}

#design_over{
 background-image: url(images/design_icon_over.png);
}

#contact{
 background-image: url(images/contact.png);
}

#contact_over{
 background-image: url(images/contact_over.png);
}

h1{
 font-size:0.8em;
 color:#408a40;
 font-weight:bold;
 padding-top:0;
 padding-bottom:0;
 margin-top:0;
 margin-bottom:0;
 text-transform: uppercase;
}

h2{
 font-size:0.8em;
 color:#831212;
 font-weight:bold;
 padding-top:0;
 padding-bottom:0;
 margin-top: 10px;
 margin-bottom:0;
}

p{
 font-size: 0.8em;
 letter-spacing: 0.005em;
 word-spacing: 0.25em;
}

a, a img {
 text-decoration: none;
 border: 0;
}