#container, #container a{
  color: #888;
}
#header h1{
  color: #706f6f;
}
#content{
  background-color: #dbdbdb;
  color: #555;
}
#header ul li a:hover, #categoryNav ul li a:hover{
  color: #706f6f;
}

.gallery a {opacity: 0.65;}

.gallery a:hover {opacity: 1.0;}

#content a {color: #2786C2; text-decoration: underline;}
#content a:hover {color: #0A2D7D;}

body{
  font-family: "Kozuka Gothic Pro", "Myriad Pro", Myriad, "Trebuchet MS", Arial, sans-serif;
  }
#header h1{
  font-family: Helvetica, Calibri;
  font-weight: bold;
  }
#header h1 span{
  font-family: "Myriad Pro", "Trebuchet MS";
  font-size: 1.0em;
  font-weight: lighter;
  color: #c0c0c0;
  }
h3 {font-size: 20px; color: #333;}

#about, #contact {
  font-size: 26px;
  font-weight: bold;
  padding: 35px 35px 0 35px;
  }

*{
  margin: 0;
  padding: 0;
}
body ul{
  list-style-type: none;
}
body a{
  text-decoration: none;
}
img{
  border: none;
}
#container{
  width: 900px;
  margin: 15px auto 15px auto;
}
#header img{
  float: left;
}
#header a {display: inline-block;}
#header ul{
  float: right;
  padding: 20px 0 0 0;
}
#header h1, #header ul li, #mainNav ul li{
  float: left;
}
#header ul li{
  padding: 0 0 0 25px;
}
#content{
  padding: 25px 5px 25px 25px;
}
#main_menu {padding: 0 57px 0 57px;}
#main_menu  li {padding-left: 4px; float: left;}

.gallery {
  height: 700px;
  overflow: auto;
}
.gallery li{
  float: left;
  padding: 0 0 8px 10px;
}
.gallery a {display:inline-block;}

#vimeo {
  width: 850px;
  text-align: center;
  }

#vimeo a {font-size: 20px; font-weight: bold;}

#focusPiece{
  height: 700px;
  width: 700px;
  float: left;
}
#focusPiece img{
/*  margin-left: auto;
  margin-right: auto;*/
}
#mainNav{
  float: right;
  width: 145px;
}
#categoryNav ul{
  float: left;
  padding: 10px 0 0 80px;
}
#categoryNav ul li{
  float: left;
}
#categoryNav ul li{
  padding: 0 0 0 50px;
}
dt, dd {display: inline;}
.clear{
  clear: both;
}