/* BODY
================================================== */

body { background:#e7e7e7; }

.page { 
  width:960px;
  margin:0 auto 25px;
  background: url(/images/layout/page-middle.png) repeat-y left top; 
  position:relative;
  }
  
.page-top {
  background:url(/images/layout/page-top.png) no-repeat left top;
}

.page-bottom {
  padding:40px 65px;
  background:url(/images/layout/page-bottom.png) no-repeat left bottom;
}

.split_left {
  width:395px;
  float:left;
}

.split_right {
  width:395px;
  float:right;
}



/* MASTHEAD
================================================== */

#Masthead {
  width:830px;
  margin:0 auto;
  padding:25px 0;
}

#Masthead h1 {
  float:left;
  margin:0;
}

#Masthead h1 img {
  display:block;
}

#Masthead #card {
  float:right;
  padding-left:65px;
  height:50px;
  background:url(/images/layout/clayton-preheim.jpg) no-repeat left top;
}

#Masthead h2 {
  margin-bottom:0;
  margin-top:5px;
  white-space:nowrap;
  color:#c1beba;
  font-size:1.5em;
}

#Masthead h3 {
  font-size:1.1666em;
  margin-bottom:0;
  white-space:nowrap;
  font-size:1em;
  letter-spacing:-1px;
  color:#c1beba;
}



/* NAV
================================================== */

#Menu div#menu-home {
  display:block;
  width:122px;
  height:67px;
  position:absolute;
  left:62px;
  top:-6px;
  background:url(/images/layout/openend-badge.png) no-repeat left top;
}

#Menu div#menu-home a {
  padding:0;
  background:none;
  display:block;
  width:122px;
  height:67px;
  text-indent: -5000em;
  position:absolute;
  left:0;
  top:0;
}

#Menu div#menu-home a:hover {
  background: transparent url(/images/layout/openend-badge.png) 0 -67px no-repeat;
  border-bottom:0;
}

body#home div#menu-home a {
  background: transparent url(/images/layout/openend-badge.png) 0 -67px no-repeat;
}



#Menu ul {
  float:right;
  text-align:right;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1.4em;
  font-weight:bold;
  margin-top:-20px;
  margin-bottom:55px;
}

#Menu li {
  display:inline;  
  margin-left:1em;
}

#Menu a {
  color:#d8d6d3;
}

#Menu a:hover {
  color:#999;
}

body#work #menu-work a, body#home #menu-home2 a {
  color:#da3183;
}




/* CONTENT
================================================== */

.page h2 { color:#da3183; line-height:.9em; }
.page h3 { color:#4cc0b2; }

.page a { background-color:#f4f2ef; padding:.2em .4em; }
.page a:hover { border-bottom:1px solid #d8d6d2;}





/* FOOTER
================================================== */

#Footer {
  width:830px;
  margin:-10px auto 0;
}

#Footer p.vcard {
  float:left;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1.5em;
  line-height:1.2em;
  font-weight:bold;
  color:#c1beba;
}

.vcard a {
  color:#c1beba;
  border-bottom:1px solid #c1beba;
}

.vcard a:hover {
  color:#999;
}

#Footer p#Copyright {
  float:right;
  font-size:.8em;
  text-align:right;
  color:#c1beba;
}

.vcard .email, .vcard .url {
  display:none;
}



h3.highlight { color:#e43780; }

a.quiet { color:#8c9291;}


#About {
  border-top:2px solid #f3f3f3;
  padding-top:15px;
  margin-top:50px;
}