* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
  font-family: "Etica", Helvetica, sans-serif;
  margin: 0;
  background: #ffffff url(../images/paper-header.png) repeat-x 0 0;
}

a {
  outline: 0 none;
}

a,
a:link,
a:hover,
a:active,
a:visited {
  outline: 0 none;
  color: #666666;
}

a:hover {
  text-decoration: none;
}

#wrapper {
  width: 820px;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
  position: relative;
  min-height: 100%;
	height: auto !important;
	height: 100%;
}

#header {
  height: 50px;
  margin: 9px 0 0 0;
}

h1#name {
  width: 233px;
  height: 23px;
  margin: 5px 0 0 0;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/steven-derocher.png) no-repeat 0 0;
  float: left;
}

h2#title {
  width: 170px;
  height: 33px;
  margin: 5px 0 0 10px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/web-designer.png) no-repeat 0 0;
  float: left;
}

a#resume_button {
  width: 124px;
  height: 44px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/resume-button.png) no-repeat 0 0;
  float: right;
}

a#resume_button:hover {
  background: transparent url(../images/resume-button.png) no-repeat 0 -44px;
}

a#resume_button:active {
  background: transparent url(../images/resume-button.png) no-repeat 0 -88px;
}

a#contact_button {
  width: 124px;
  height: 44px;
  margin: 0 0 0 6px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/contact-button.png) no-repeat 0 0;
  float: right;
}

a#contact_button:hover {
  background: transparent url(../images/contact-button.png) no-repeat 0 -44px;
}

a#contact_button:active {
  background: transparent url(../images/contact-button.png) no-repeat 0 -88px;
}

#info {
  margin: 30px 0;

}

#info p {
  margin: 0 0 1em 0;
  padding: 0;
}

#thumbs {
  position: absolute;
  top: 240px;
  margin: 10px 0 0 0;
}

#content {
  height: 780px;
}

#thumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#thumbs ul li {
  width: 253px;
  height: 160px;
  margin: 0 26px 26px 0;
  padding: 0;
  display: inline-block; 
  position: relative;
}

#thumbs ul li:hover {
  background-position: 1px 1px;
}

#thumbs ul li.more-coming-soon:hover {
  background-position: 0 0  ;
}

#thumbs ul li.end {
  margin: 0 0 26px 0;
}

#thumbs ul li a {
  width: 253px;
  height: 160px;  
  display: inline-block;
  text-indent: -9999px;
  position: absolute;
  text-decoration: none;
}

#thumbs ul li a:hover {
  text-indent: 0;
}

#thumbs ul li a:hover span.bg {
  width: 227px;
  height: 134px;
  position: absolute;
  top: 13px;
  left: 13px;
  background: #000000;
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

#thumbs ul li a span.name {
  color: #ffffff;
  position: absolute;
  padding: 25px 25px 0 25px;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 1px 1px 1px #222222;
}

#thumbs ul li a span.desc {
  color: #ffffff;
  position: absolute;
  padding: 55px 25px 0 25px;
  font-size: 0.725em;
  line-height: 1.2em;
  font-weight: normal;
  text-shadow: none;
}

.thevolunteeradvantage {
  background: transparent url(../images/thevolunteeradvantage-thumb.png) no-repeat 0 0;
}

.clickabletv_1 {
  background: transparent url(../images/clickabletv-1-thumb.png) no-repeat 0 0;
}

.clickabletv_2 {
  background: transparent url(../images/clickabletv-2-thumb.png) no-repeat 0 0;
}

.fletcher {
  background: transparent url(../images/fletcher-thumb.png) no-repeat 0 0;
}

.ocb {
  background: transparent url(../images/ocb-thumb.png) no-repeat 0 0;
}

.sherman {
  background: transparent url(../images/sherman-thumb.png) no-repeat 0 0;
}

.blakeley {
  background: transparent url(../images/blakeley-thumb.png) no-repeat 0 0;
}

.perspectives {
  background: transparent url(../images/perspectives-thumb.png) no-repeat 0 0;
}

.michelson {
  background: transparent url(../images/michelson-thumb.png) no-repeat 0 0;
}

.more-coming-soon {
  background: transparent url(../images/more-coming-soon.png) no-repeat 0 0;
}

#text-shadow {
  background: transparent url(../images/text-shadow.png) no-repeat 0 0;
  width: 835px;
  height: 120px;
  position: absolute;
  top: 95px;
  z-index: -1;
}

#footer {
  width: 820px;
  margin: 0 auto;
  color: #666666;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
}

#footer span {
  float: right;
}

#footer, #sticky {
	height: 40px; /* #sticky must be the same height as #footer, also see #wrapper */
}

/*  FUSE BOX  */

.fusebox-container {
  font-size: 0.8em;
}

.fusebox-container a {
  text-decoration: none;
}

.fusebox-container img {
  border: none;
}

.fusebox-close {
  cursor: pointer;
  text-align: right;
}

.fusebox-close span {
  position: relative;
  top: -5px;
}

.fusebox-close img {
  margin: 0 0 0 5px;
}

.white {
  width: 100px;
  height: 60px;
  background: #ffffff;
  position: absolute;
  top: 510px;
  left: 295px;
  z-index: 9999;
}

.white-2 {
  width: 75px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  top: 445px;
  left: 100px;
  z-index: 9999;
}

.fusebox-container .download {
  position: absolute;
  top: 10px;
  left: 10px;
}

.fusebox-container a.pdf,
.fusebox-container a.doc {
  display: inline-block;
  text-indent: -9999px;
  width: 17px;
  height: 27px;
  margin: 0 5px;
}

.fusebox-container a.pdf {
  background: transparent url(../images/pdf.png) no-repeat 0 0;
}

.fusebox-container a.doc {
  background: transparent url(../images/doc.png) no-repeat 0 0;
}

.fusebox-container a.pdf:hover,
.fusebox-container a.doc:hover {
  background-position: 1px 1px;
}