body {
  background: #000 url(../imgs/background-darker.jpg) top center no-repeat;
  font-family: "Century Gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
  color: #fff;
  font-size: 75%;
}

.clearer { clear: both; }


#overall {
  width: 900px;
  margin: 0 auto;
}

#header {
  height: 120px;
}

#header h1 {
  float: left;
}

#menu {
  float: right;
  height: 120px;
  width: 200px;
}
#menu ul {
  margin: 10px 0 0 0;
}
#menu ul li {
  height: 20px;
  background: url(../imgs/menubackground.png) top left no-repeat;
  padding: 5px 5px 5px 15px;
  float: right;
}
#menu ul li a {
  display: block;
  height: 19px;  
  float: right;
}
#menu ul li a span {
  display: none;
}
#menu ul li.center {
  margin: 10px 0;
}
#menu ul li.first a {
  background: url(../imgs/menuitems.png) top left no-repeat;
  width: 90px;
}
#menu ul li.center a {
  background: url(../imgs/menuitems.png) top center no-repeat;  
  width: 124px;
}
#menu ul li.last a {
  background: url(../imgs/menuitems.png) top right no-repeat;
  width: 150px;
}
#menu ul li.first a:hover,
#menu ul li.first a.active {
  background: url(../imgs/menuitems.png) bottom left no-repeat;
}
#menu ul li.center a:hover,
#menu ul li.center a.active {
  background: url(../imgs/menuitems.png) bottom center no-repeat;  
}
#menu ul li.last a:hover,
#menu ul li.last a.active {
  background: url(../imgs/menuitems.png) bottom right no-repeat;
}

#content {
  margin: 35px 0 0 0;
  font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
}
#content h2 {
  height: 20px;
  padding: 8px 0 5px 10px;
  background: url(../imgs/menubackground.png) top right no-repeat;
  width: 200px;
  font-size: 16px;
  text-transform: uppercase;
  color: #999;
  margin: 0 0 10px 0;
}
#content p {
  margin: 0 0 20px 0;
  font-size: 14px;
}
#content a {
  color: #0066cc;
  text-decoration: none;
  text-transform: lowercase;
  font-variant: small-caps;
}
#content a:hover {
  text-decoration: underline;
}

/** HOMEPAGE **/
#passion {
  float: left;
  width: 440px;
  font-size: 20px;
}
#passion p {
  font-size: 20px;
}
#homeportfoliolist {
  margin: 0 0 0 450px;
}
#homeportfoliolist a {
  display: block;
  height: 100px;
  width: 440px;
  border: 2px solid #ccc;
  margin: 0 0 20px 0;
  float: right;
}
#homeportfoliolist a:hover {
  border: 2px solid #999;
}
#homeportfoliolist a img {
  width: 440px;
  height: 100px;
}

/** ABOUT ME **/
#information {
  float: left;
  width: 600px;
}

#mephotos {
  margin: 0 0 0 610px;
}
#mephotos img {
  width: 200px;
  height: 150px;
  border: 1px solid #666;
  float: right;
  margin: 0 0 20px 0;
}

/** CONTACT **/
#contact .error {
  display: block;
  color: red;
}
#contact .hide {
  display: none;
}
#contact label {
  float: left;
  width: 120px;
  text-align: right;
  margin: 0 10px 0 0;
}
#contact input,
#contact textarea {
  border: 1px solid #666;
}
#contact textarea {
  width: 400px;
  height: 150px;
}
#contactlinks {
  float: right;
  margin: 0 70px 0 0;
}
#whyme {
  margin: 0 0 0 610px;
}
#contact p.message {
  font-size: 16px;
  margin: 20px 5px;
}

/** PORTFOLIO **/
#portfolio a {
  display: block;
  height: 100px;
  width: 440px;
  float: left;
  border: 2px solid #ccc;
  margin-bottom: 10px;
}
#portfolio a.even {
  margin-right: 10px;
}
#portfolio a:hover {
  border: 2px solid #999;
}
#singleportfolio h2 {
  width: auto;
}
#singleportfolio div.images {
  text-align: center;
  width: 400px;
  margin: 0 0 0 100px;
}
#singleportfolio div.images a {
  display: block;
  margin: 0 0 10px 0;
  border: 2px solid #ccc;
  height: 317px;
}
#singleportfolio div.images a:hover {
  border: 2px solid #999;
}
#singleportfolio img {
  width: 396px;
}
#singleportfolioinfo {
  float: right;
  width: 300px;
  text-align: left;
}