/* Resets */

* {
  padding: 0;
  margin: 0;
  font-weight: normal;
  border: none;
}

/* Main */

html {
  height: 100%;
  background: #332a1a;
  font-size: 62.5%; /* Sets 1em to 10px */
  font-family:  "Helvetica", sans-serif;
}

body {
  height: 100%;
  min-height: 100%;
  min-width: 1030px;
  color: #332a1a;
  background: url(/images/content-bg.jpg) repeat-y;
  height: auto !important;
}

#main-wrap {
  height: 100%;
  margin-bottom: -50px;
}

#main-content {
  padding-right: 44px;
  width: 643px;
  min-height: 530px;
  float: left;
}

body#home #main-content {
  background: url(/images/tag-arrows-edward.png) no-repeat 25px 90px;
}

#header {
  margin: 42px 0px 100px 60px;
}

#header h1 {
  font-size: 7.2em;
  margin-bottom: 10px;
}

#header h2 {
  font-size: 2em;
}

h3 {
  margin-bottom: 1em;
}

#body-content {
  width: 583px;
  margin: 0 60px;
  font-size: 2em;
}

#body-content #tag {
  width: 350px;
}

#body-content p {
  margin-bottom: 1em;
}

a {
  color: #887045;
}

#body-content a.trigger {
  
}

ul {
  list-style-type: none;
}

/* Navigation */

#nav {
  width: 313px;
  padding-top: 166px;
  margin-left: 10px;
  background: url(/images/stars.png) no-repeat 30px 20px;
  float: left;
  color: #e3d9c7;
  font-size: 3.6em;
}

#nav a {
  width: 210px;
  display: block;
  color: #ded1ba;
  text-decoration: none;
  padding-bottom: 30px;
  padding-left: 10px;
}

#nav a.home {
  background: url(/images/nav-home.png) no-repeat;
  background-position: -236px 40px;
}

#nav a.home:hover, body#home #nav a.home {
  background-position: 0px 40px;
}

#nav a.portfolio {
  background: url(/images/nav-portfolio.png) no-repeat;
  background-position: -236px 45px;
}

#nav a.portfolio:hover, body#portfolio #nav a.portfolio {
  background-position: 0px 45px;
}

#nav a.about {
  background: url(/images/nav-about.png) no-repeat;
  background-position: -245px 32px;
}

#nav a.about:hover, body#about #nav a.about {
  background-position: 0px 32px;
}

#nav a.contact {
  background: url(/images/nav-contact.png) no-repeat;
  background-position: -249px 40px;
}

#nav a.contact:hover, body#contact #nav a.contact {
  background-position: 0px 40px;
}

#valid {
  margin-top: 70px;
}

#valid a {
  display: inline;
}

/* Portfolio */

#portfolio #content-triggers {
  margin-bottom: 20px;
}

#portfolio .trigger {
  margin-right: 10px;
  padding-left: 25px;
  background: url(/images/cross-bullet.png) no-repeat;
}

#portfolio object {
  float: right;
  position: relative;
  bottom: 3px;
}

#portfolio .video object {
  float: none;
  position: static;
}

.player {
  /*width: 500px;*/
  height: 24px;
  margin-bottom: 10px;
  clear: both;
}

#default {
  padding-top: 1.5em;
  color: #887045;
  font-size: 1.5em;
  font-weight: bold;
}

#design-content a.thumb {
  display: inline-block;
  width: 164px;
  height: 124px;
  padding: 2px;
  margin-right: 20px;
  /*float: left;*/
  background: transparent url(/images/frame.jpg) no-repeat;
}

#design-content a.thumb>span {
  display: none;
  padding-top: 3px;
  font-size: .8em;
  text-decoration: none;
  color: #000;
  text-align: center;
}

.project {
  width: 573px;
  margin-bottom: 1em;
}

div.project h3 {
  text-align: center;
  background: #332a1a;
  padding: 10px;
}

div.project h3 a {
  color: #ded1ba;
  text-decoration: none;
}

#portfolio div.project video, #portfolio div.project object {
  float: none;
  position: static;
  display: block;
  margin: 0px auto 20px auto;
}

/* About and Error */

#about #body-content,
#error #body-content {
  width: 523px;
  text-align: justify;
}

/* Contact */

#contact #body-content {
  line-height: 1.5em;
}

/* Footer/Other */

#footer, .clear {
  clear: both;
}

#footer, .push {
  height: 50px;
}

#footer {
  padding-top: 10px;
  background: url(/images/dotted-line.png) no-repeat 0 10px;
  text-indent: -999999px;
}

small {
  font-size: .8em;
}